การใช้งาน Photoshop เบื้องต้น

Adobe Photoshop CS6

สาระการเรยี นรู้ ปัจจุบนั มีการนาเทคโนโลยเี ก่ียวกบั ควมพิเตอร์มาใช้ ทาใหส้ ่ือตา่ ง ๆ ไดม้ ีการพฒั นาไปมาก โดยมีโปรแกรมตา่ ง ๆ มาช่วยโปรแกรม Adobe Photoshop CS6 เป็นโปรแกรมท่ีช่วยในการสร้างและตกแต่งภาพกราฟฟิ ก

วิธีการใชง้ านโปรแกรมเบ้ืองตน้ การเขา้ สโู่ ปรแกรม Photoshop 1.คลิกท่ีป่ ุม Start > Program > Adobe Photoshop CS เพื่อเขา้ สู่โปรแกรม

วิธีการใชง้ านโปรแกรมเบ้ืองตน้ 2.จะเขา้ สู่โปรแกรม Adobe Photoshop เพ่อื ใชง้ านตอ่ ไป

สว่ นประกอบต่าง ๆ ของโปรแกรม กล่องเคร่ืองมือ ในPhotoshop CS • กลุ่มเคร่ืองมือ Marquee • กลุ่มเครื่องมือ Eraser • กลุ่มเคร่ืองมือ Lasso • กลุ่มเคร่ืองมือ Blur • กลุ่มเคร่ืองมือ Healing Brush • กลุ่มเครื่องมือ Path Selection • ลุ่มเครื่องมือ Stamp • กลุ่มเครื่องมือ Notes

สว่ นประกอบต่าง ๆ ของโปรแกรม แถบคำสั่ง แถบกำหนดรูปแบบของเครื่องมือ Exit (Menu Bar) (Tool Option Bar) กล่องเครื่องมอื แถบสถำนะ พำเลท (Tool Box) (Status Bar) (Palette)

สว่ นประกอบต่าง ๆ ของโปรแกรม Menu Bar คอื แถบรวบรวมคาสงั่ หลกั ทุกคาสง่ั ในการใชโ้ ปรแกรมTool Option Bar คอื แถบตวั เลือกของเครื่องมือซ่ึงจะปรากฎข้ึนเมื่อเลือกใชเ้ ครื่องมือ ซ่ึงจะปรากฎเม่ือเลือกใชเ้ ครื่องมือ Toolbox สะดวกตามการใช้ งาน ToolBox คอื กลอ่ งเกบ็ อุปกรณ์ต่าง ๆ ที่ใชใ้ นการทางาน เช่น เครื่องมือ เกี่ยวกบั การเลือกและแกไ้ ข Status Bar คอื ใชแ้ สดงขอ้ ความที่เป็นประโยชน์ในขณะทางาน เช่น SaveFile

การกาหนดขนาดงานใหม่ (NEW) 1. คลกิ เมนู File> New เพอ่ื กำหนดขนำดงำนใหม่ 2.ตงั ชื่อไฟล์ในช่อง Name 3.กำหนด หน่วยของขนำดงำน Pixels = พกิ เซล Cm = เซนตตเิ มตร Inches = นิว้ 4.กำหนดค่ำควำมกว้ำงควำมสูงของงำน width = ควำมกว้ำง Height = ควำมสูง 5.กำหนดค่ำควำมละเอยี ดในกำรประมวลผลงำน 6.กำหนดโหมดสีในกำรแสดงผล

การกาหนดขนาดงานใหม่ (NEW) 7.เลอื กกำรแสดงพนื้ หลงั ของงำน = กำหนดให้พนื้ เป็ นสีขำว = กำหนดให้พนื้ เป็ นสีเดยี วกบั สี Background white = กำหนดให้พนื้ มลี กั ษณะโปร่งแสดง Background Color 2 Transparent 1 4 3 6 5 7

การเปิ ด-ปิ ดไฟลใ์ หม่ 1. คลกิ เมนู File>Open หรือใช้คยี ์ลดั โดยกอป่ มุ <ctrl+o> บนคยี ์บอร์ด 1

การเปิ ด-ปิ ดไฟลใ์ หม่ 2.หน้ำต่ำง Open จะปรำกฎขึน้ จำกน้ันคลกิ เลอื กโฟลเดอร์ ทต่ี ้องกำร 3.คลกิ ทป่ี ่ ุม จำกน้ันเลอื ก All Formats เพอื่ ให้แสดงไฟล์ภำพท้งั หมด 4.คลกิ เลอื กไฟล์ท่ีต้องกำร จะสังเกตได้ว่ำมภี ำพเลก็ แสดงอย่ดู ้ำนหลงั 5.คลกิ ทป่ี ่ ุม OPEN 6.รอสักครู่ภำพกจ็ ะถูกเปิ ดขึน้ ตำมทตี่ ้องกำร 2 6 4 5 3

การเลือกพ้ืนท่ีในการทางาน (Selection) การเลือกพ้ืนที่ในการทางาน (หรือการสร้าง Selection) คือการกาหนดขอบเขต ของพ้ืนท่ีจะกระทาอยา่ งใดอยา่ งหน่ึงลงบนภาพ เช่น การแกไ้ ขภาพ ปรับแต่งภาพวาดภาพ เราจะสามารถแกไ้ ขภาพไดเ้ ฉพาะในบริเวณท่ีทาการเลือก (section) ไวเ้ ท่าน้นั กำรสร้ำง Selection การสร้าง Selection รูปร่างพ้นื ฐานตา่ ง ๆ เช่น ส่ีเหล่ียม, วงกลม และวงรี นิยมใช้ Marquee น้นั มีรูปแบบดว้ ยกนั 4 รูปแบบคือ

การเลือกพ้ืนท่ีในการทางาน (Selection) กลุ่มเคร่ืองมือ Marquee 1 2 3 4 1. ใช้ทำเส้น Selection เป็ นรูปสี่เหลย่ี ม 2. ใช้ทำเส้น Selection เป็ นวงกลม 3. ใช้ทำเส้น Selection เป็ นแถวแนวนอน 4. ใช้ทำเส้น Selection เป็ นแถวแนวต้งั

การเลือกพ้ืนท่ีในการทางาน (Selection) วิธีการสร้าง Selection 1. คลกิ ป่ ุม ค้ำงไว้ จำกน้ันเลอื กเคร่ืองมอื ทตี่ ้องกำร 2.แดรกเมำ(ใสน์ลกำกรใณหีท้ไี่ดต้อพ้ งนื้ กทาร่ีทรีต่ ูป้อรง่ากงำรSelection แบบสมมาตร เช่น สีเหล่ียมจตั ุรัสหรือ วงกลมใหก้ ดป่ ุม <Shift> บนคียบ์ อร์ดแลว้ แดรกเมาส์ลาก) 1 2

การเลือกพ้ืนที่ในการทางาน (Selection) การสร้าง Selection ดว้ ย Lasso Tool ใช้แดรกเมำส์ลำกอสิ ระ ใช้คลกิ เมำส์แบบเส้นตรงต่อกนั ใช้วำงเมำส์แล้วเลอ่ื นไปตำม ขอบภำพ

การเลอื กพ้ืนที่ในการทางาน (Selection) การปรับเปลี่ยนขนาดของ Selection 1. คลกิ เมนู select > Transform Selection เพอื่ ทำกำรปรับเปลย่ี นขนำดของ selection 2.สังเกตุว่ำจะปรำกฎจุดสี่เหลย่ี มเลก็ ๆ ขนึ้ ทมี่ ุมของ selection ท้งั หมด 8 จุด 2 1

การเลอื กพ้ืนท่ีในการทางาน (Selection) 3. นำเมำส์ไปวำงทมี่ ุมของ selection สังเกตุว่ำจะมลี กู ศรเกดิ ขึน้ 4.แดรกเมำส์ลำกเพอ่ื ขยำยพนื้ ท่ี Selection 3 4 (เราสามารถกดป่ ุม <Shift> พร้อมกบั แดรกเมาส์เพอ่ื ให้ Selection ที่ขยายใหม่น้นั มีสัดส่วนเท่ากบั ของเดิม)

การเลือกพ้ืนที่ในการทางาน (Selection) 5. นำเมำส์ไปวำงทมี่ ุมของ selection จนมสี ัญลกั ษณ์ลกู ศรโค้งเกดิ ขนึ้ 6.แดรกเมำส์หมุน Selection ไปยงั ทศิ ทำงทตี่ ้องกำร 7.กดป่ ุม Enter บนคยี ์บอร์ด 67 5 นอกจากน้ีเรายงั สามารถเปลี่ยนบริเวณ Selection ใหเ้ ป็น ดา้ นตรงกนั ขา้ มไดอ้ ีกซ่ึงวธิ ีการคือ

การเลือกพ้ืนที่ในการทางาน (Selection) 8.คลกิ เมนู Select > Inverse สำมำรถกลบั พนื้ ท่ใี นกำร Selection ได้ตำม ต้องกำร 8 การยกเลิกบริเวณ Selection โดยการคลิกเมนู Select > Deselect หรือกดป่ ุม Ctrl+D บนคียบ์ อร์ด

การเทสี (Color) โปรแกรม Photoshop มีความสามารถในการเทสีได้ 2 แบบอนั ไดแ้ ก่ คือ 1.Foreground Color และ 2.Background Color สีโฟรกราวน์ (Foreground Color) คลิกเพ่อื สลบั สี เซตค่าสีขาว - ดา สีแบค็ กราวน์ (Background Color)

การเทสี (Color) การเลือกเทสีจากพาเลท Swatches และ Color แสดงแถบสไลด์ แบบโหมดสี RGB

การเทสี (Color) วิธีการเทสีดว้ ยคียล์ ดั กดป่ ุม <Alt+Delete> เพอ่ื เทสีโฟร์กราวน์ (Foreground) กดป่ ุม <Ctrl+Delete> การเทสีแบค็ กราวน์ (Background Color) เม่ือกดป่ ุม <Alt+Delete> เมื่อกดป่ ุม <Ctrl+Delete>

การเทสี (Color) นอกจากน้ีโปรแกรม Photoshop เมื่อทาการดบั เบิ้ลคลิกที่สี จะปรากฎ หนา้ จอ Color Picker ข้ึนมาเพอื่ ใหก้ าหนดค่าสีท่ีตอ้ งการ

การทางานกบั เลเยอร์ โปรแกรม Photoshop มีหลกั การทางานดว้ ย เลเยอร์ ซ่ึงการทางานของ เลเยอร์น้นั เองมีความสาคญั ท่ีจะช่วยใหส้ ามารถทางานไดง้ ่ายข้ึนและยงั มีประโยชน์ อยา่ งมากในการแกไ้ ขส่วนต่าง ๆ ของชิ้นงาน Layer 1 ภาพสาเร็จ Layer 2 Layer 3

การทางานกบั เลเยอร์ ปรับค่าความโปร่งแสง แสดงการลอ็ ก ปรับคา่ Blending ตวั เลือกในการลอ็ ค แสดงการใช้ Layer แสดงการซ่อนเลเยอร์ แสดงการใช้ Effect

การทางานกบั เลเยอร์ การสร้างเลเยอร์ใหม่ 1.ทำกำรยกเลกิ กำรกระทำล่ำสุด คลกิ ที่ Edit > Undo Fill หรือกดป่ มุ <Ctrl+Z> 2.คลกิ ป่ มุ เพอื่ สร้ำงเลเยอร์ใหม่ 3.สังเกตุผลลพั ธ์ 3 2

การบนั ทึกหรอื เซฟงาน (Save) วธิ ีการบนั ทึกหรือเซฟงาน 1.คลกิ เมนู Fill > Save As 2.หน้ำต่ำง Save As จะปรำกฎขนึ้ จำกน้ันคลกิ เลอื ก Folder หรือ ไดรฟื ที่ต้องกำร บันทึก 3.คลกิ เลอื กชนิด File JPEG ทช่ี ่อง Format 4.ต้งั ชื่อไฟล์ทต่ี ้องกำรบนั ทกึ ทีช่ ่อง File name 5.คลกิ ป่ มุ SAVE

การบนั ทึกหรอื เซฟงาน (Save) 1 2 45 3

การบนั ทึกหรอื เซฟงาน (Save) 6.ปรับคุณภำพของไฟล์ท่ีต้องกำรบนั ทกึ Quality = 7 ระดบั Medium 7.คลกิ ป่ มุ OK 7 6 กำรเซฟงำน หากตอ้ งการท่ีจะกลบั มาแกไ้ ขภาพอีกคร้ังจะตอ้ งทาการเซฟไฟล์ .PSD

การออกแบบสว่ นประกอบต่างๆ ของโฮมเพจ การสร้างพ้นื หลงั แบบลายตาราง 1.คลกิ เมนู Fill > NEW จำกน้ันกำหนดค่ำดงั นี้ width = 5 pixels mode = RGB Height = 5 pixels Contenes = Transparent Resolution = 72 pixels/inch 1

การออกแบบสว่ นประกอบต่างๆ ของโฮมเพจ 2.กดป่ ุม <ctrl+2> เพอื่ ซูมขยำยพนื้ ทกี่ ำรทำงำนให้ชัดเจน 3.คลกิ ป่ ุม จำกน้ันแดรกเมำส์สร้ำง Selection ตำมตวั อย่ำง 2 3

การออกแบบสว่ นประกอบต่างๆ ของโฮมเพจ 4.กดป่ ุม <ctrl+2> เพอ่ื ซูมขยำยพนื้ ทก่ี ำรทำงำนให้ชัดเจน 5.กดป่ มุ <Alt+Delete> บนคยี ์บอร์ดและเทสีลงไป 6.บันทกึ ไฟล์งำนเกบ็ ไว้โดยคลกิ เมนู File > Save 7.เลอื กโฟลเดอร์ทต่ี ้องกำรบันทกึ จำกน้ันเลอื ก Format = JPEG และคลกิ ป่ ุม OK

การออกแบบสว่ นประกอบต่างๆ ของโฮมเพจ 8.กำหนดค่ำ Quality = 7 (Medium) คลกิ OK 6 8 7

การออกแบบสว่ นประกอบต่างๆ ของโฮมเพจ 1.กดป่ มุ Select > All เพอื่ ทำกำรเลอื กพนื้ ทท่ี ้ังหมด 2.คลกิ เมนู Edit > Define Pattern 3.ต้งั ช่ือทต่ี ้องกำร เสร็จแล้วคลกิ ป่ ุม OK 23 ต้งั ชื่อ

การออกแบบสว่ นประกอบต่างๆ ของโฮมเพจ 4.กำหนดชิ้นงำนใหม่ Fill > NEW จำกน้ันกำหนดค่ำดงั นี้ width = 800 pixels Height = 600 pixels Resolution = 72 pixels/inch คลกิ OK กาหนดค่า

การออกแบบสว่ นประกอบต่างๆ ของโฮมเพจ 5.กดป่ ุม <Ctrl+A> บนคยี ์บอร์ดเพอื่ ทำกำรเลอื กพนื้ ท่ีท้ังหมด 6.คลกิ ป่ มุ จำกน้ัน คลกิ เมำส์ขวำเลอื กคำสั่ง Fill 7.หน้ำต่ำง Fill จะปรำกฎขึน้ ทีช่ ่อง User เลอื ก Pattern จำกน้ันเลอื ก Pattern 7 5 6 เลือก

การออกแบบสว่ นประกอบต่างๆ ของโฮมเพจ 8.กดป่ ุม <Ctrl+D> เพอื่ ยกเลกิ กำรใช้งำน Selection 9.สังเกตุผลลลพั ธ์

แบบฝึ กหดั จงสรา้ งพ้ืนหลงั แบบลายเสน้ 1.กำหนดไฟล์ใหม่จำกน้ันให้มคี ่ำกำหนดดงั นี้ width = 100 pixels Height = 2 pixels Resolution = 72 pixels/inch

THE END