02.คอมพิวเตอร์กราฟิก 2

ความรู้พน้ื ฐานเก่ียวกับโปรแกรม Adobe Photoshop

Adobe Photoshop 1. สญั ลักษณ์ของโปรแกรม Adobe Photoshop 2. คณุ สมบัตพิ ้นื ฐานของโปรแกรม 3. เครือ่ งมอื พืน้ ฐานของโปรแกรม 4. ความหมายและความสาคัญของเลเยอร์ (Layer) 5. การเปดิ พ้ืนทกี่ ารใชง้ าน การนาภาพเขา้ ใชง้ าน และการบันทกึ งาน

เมนูของโปรแกรม Application menu หรือ Menu bar ประกอบดว้ ย 1. File หมายถึง รวมคาสงั่ ทีใ่ ชจ้ ัดการกบั ไฟลร์ ูปภาพ เชน่ สร้างไฟล์ ใหม่, เปิด, ปดิ , บนั ทึกไฟล,์ นาเขา้ ไฟล์, สง่ ออกไฟล์ และอน่ื ๆ ท่เี กี่ยวกับ ไฟล์ 2. Edit หมายถงึ รวมคาสั่งท่ีใชส้ าหรบั แก้ไขภาพ และปรับแต่งการ ทางานของโปรแกรมเบือ้ งตน้ เชน่ ก๊อปป้ี, วาง, ยกเลิกคาสง่ั , แกไ้ ข เครื่องมือ และอืน่ ๆ 3. Image หมายถงึ รวมคาสง่ั ที่ใชป้ รับแต่งภาพ เช่น สี, แสง, ขนาด ของภาพ (image size), ขนาดของเอกสาร (canvas), โหมดสีของภาพ, หมุนภาพ และอื่น ๆ

เมนขู องโปรแกรม Application menu หรอื Menu bar ประกอบดว้ ย 4. Layer หมายถึง รวมคาสง่ั ท่ีใช้จัดการกับเลเยอร์ ทง้ั การสร้างเลเยอร์, แปลงเลเยอร์ และการจัดการกบั เลเยอร์ในดา้ นตา่ ง ๆ 5. select รวม คาสง่ั เกี่ยวกับการเลือกวัตถหุ รอื พน้ื ทบี่ นรปู ภาพ (Selection) เพื่อ นาไปใช้งานร่วมกับคาสง่ั อ่นื ๆ เช่น เลือกเพอื่ เปล่ยี นสี, ลบ หรือใชเ้ อฟเฟ็กต์ตา่ ง ๆ กับ รูปภาพ 6. Filter เป็นคาสั่งการเล่น Effects ตา่ งๆสาหรับรูปภาพและวตั ถุ 7. View เปน็ คาสง่ั เกีย่ วกับมมุ มองของภาพและวัตถใุ นลักษณะตา่ งๆ เช่น การขยายภาพ และยอ่ ภาพให้ดูเล็ก 8. Window เปน็ สว่ นคาสั่งในการเลอื กใช้อุปกรณ์เสริมตา่ งๆทจ่ี าเปน็ ในการใช้สร้าง Effects ต่างๆ 9. Help เป็นคาสั่งเพ่ือแนะนาเกย่ี วกับการใช้โปรแกรมฯและจะมลี ายละเอียดของ โปรแกรมอยู่ในนั้น

เมนขู องพ้นื ทีท่ างาน Panel menu Panel (พาเนล) เป็นวินโดว์ย่อย ๆ ที่ใช้เลือกรายละเอียด หรือคาสั่งควบคุมการทางานต่าง ๆ ของโปรแกรม ใน Photoshop มีพาเนลอยู่เป็นจานวนมาก เช่น พาเนล Color ใช้สาหรับเลือกสี, พาเนล Layers ใช้สาหรับจัดการ กับเลเยอร์ และพาเนล Info ใช้แสดงค่าสีตรงตาแหน่งที่ช้ี เมาส์ รวมถงึ ขนาด/ตาแหนง่ ของพ้นื ทีท่ ่เี ลอื กไว้

เมนูของพ้นื ทที่ างาน Panel menu 3. พ้ืนท่ที างาน Stage หรอื Panel เป็นพนื้ ที่ว่างสาหรบั แสดงงานทกี่ าลงั ทาอยู่ 4. เครอ่ื งมือทีใ่ ช้งาน Tools panel หรือ Tools box Tool Panel (ทูลพาเนล) หรือ กล่องเคร่ืองมือ จะประกอบไปด้วย เคร่ืองมือต่าง ๆ ที่ใช้ในการวาด ตกแต่ง และแก้ไขภาพ เคร่ืองมือ เหล่าน้ีมีจานวนมาก ดังน้ันจึงมีการรวมเคร่ืองมือท่ีทาหน้าท่ีคล้าย ๆ กันไว้ในปุ่มเดียวกัน โดยจะมีลักษณะรูปสามเหลี่ยมอยู่บริเวณมุม ด้านลา่ งดังภาพ 2 เพอ่ื บอกให้รูว้ า่ ในปมุ่ นยี้ งั มีเคร่อื งมอื อนื่ อยดู่ ้วย

Tool Box



Move ใช้สาหรบั เลอื กพ้นื ท่บี นภาพเปน็ รปู ส่ีเหลย่ี ม วงกลม วงรี หรือเลือกเป็นแถวคอลมั น์ ขนาด 1 พเิ ซล Marquee ใช้สาหรับย้ายพื้นทที่ ่ีเลือกไวข้ องภาพ หรอื ย้ายภาพ ในเลเยอรห์ รือย้ายเส้นไกด์ Lasso ใชเ้ ลอื กพื้นทบี่ นภาพเป็นแนวเขตแบบอิสระ Magic Wand ใชเ้ ลอื กพน้ื ทด่ี ว้ ยวธิ รี ะบายบนภาพ หรอื เลอื กจาก สที ใ่ี กลเ้ คยี งกนั

Crop ใช้ตัดขอบภาพ Slice ใชต้ ัดแบ่งภาพเพ่ือบนั ทกึ ไฟล์ภาพย่อย ๆ ท่เี รยี กวา่ สไลซ์ (Slice) สาหรบั นาไปสรา้ งเวบ็ เพจ

เมนขู องพนื้ ที่ทางาน Panel menu 5. สงิ่ ที่ควบคมุ เคร่อื งมือทใ่ี ช้งาน Tools control menu หรอื Option bar Option Bar (ออปชั่นบาร์) เป็นส่วนท่ีใช้ปรับแต่งค่าการทางาน ของเคร่ืองมือต่าง ๆ โดยรายละเอียดในออปชั่นบาร์จะเปล่ียนไปตาม เครื่องมือที่เราเลือกจากทูลบ็อกซ์ในขณะนั้น เช่น เมื่อเราเลือก เคร่ืองมือ Brush (พู่กัน) บนออปชั่นบาร์จะปรากฏออปชั่นที่ใช้ในการ กาหนดขนาด และลักษณะหัวแปรง, โหมดในการระบายความโปร่งใส ของสี และอตั ราการไหลของสี เป็นตน้

MANU BAR เมนูบาร์ ชดุ คาสง่ั รปู แบบการทางาน File ใชก้ ารจัดการไฟล์ลักษณะตา่ งๆ Edit เปน็ ชดุ คาสงั่ ในการแกไ้ ข Image เป็นชุดคาสั่งในการจดั การภาพ Layer ใช้ในการจดั การเลเยอรข์ องภาพ Select ใชป้ รบั แต่ง สรา้ ง Select บนั ทกึ และเรียก Select มาใชง้ าน Analysis ใชใ้ นการนาขอ้ มลู จากการใช้เครอื่ งมือมาวิเคราะห์ 3D ใช้ปรบั แต่งไฟล์ 3D View ใชเ้ ลอื กรปู แบบการแสดงผล Window ใช้เลอื กพาเนลท่ีใชใ้ นการทางาน กาหนดรปู แบบแสดงบนวนิ โดว์ Help ใชแ้ สดงความช่วยเหลอื ของรายละเอยี ดโปรแกรม

รปู แบบ Workspace Essentials เหมาะกบั งานทกุ รปู แบบ Design ออกแบบกราฟคิ Painting การวาดภาพ ระบาย Photography งานภาพถา่ ย 3D เนน้ งานดา้ น3D New in cs5 แสดงคาสัง่ ใหม่ในโปรแกรม เปน็ การกาหนดพน้ื ที่ในการทางานกาหนดรูปแบบแสดงเครื่องมือและพาเนล ซ่ึงจะเกยี่ วข้องกบั งานทที่ า เพือ่ ความสะดวกในการใช้เครือ่ งมือท่ีรวดเร็วยิง่ ขน้ึ

สลบั ภาพแบบเตม็ จอ โดยสามารถสลบั การทางาน โดยกดปุ่ม F เพื่อสลบั โหมด การทางาน

กด tab เพอื่ ซอ่ น เคร่ืองมือทง้ั หมดหนา้ จอ โปรแกรม กด Shift tab เพอ่ื ซ่อนพาเนล

เครื่องมือในการขยายดูภาพ control+,-

พาเนล

• Toolbox คลกิ เพ่อื แสดงแถบเคร่อื งมอื

ป่มุ เครือ่ งมือเพ่ือเคลื่อนย้ายวัตถุ รปู ภาพไปยังตาแหน่งท่ตี ้องการ , สร้างSelection เพ่อื เลือกทางานบางส่วนของภาพ

เครื่องมอื สรา้ งรูปทรง แบบ Pen Tool และ Shape Tool

การบนั ทึกภาพใน Photoshop บนั ทกึ ไฟล์เดิม บนั ทกึ แบบมสี าเนา บันทกึ ไฟล์ใหม่ บันทกึ แบบมีโครงสรา้ งเลเยอร์ บันทกึ ไฟลค์ ุณภาพสูง บันทกึ แบบฝังโพรไฟล์ ลดความผิดเพี้ยน บนั ทกึ ไฟล์บนเวบ็ ไซด์ บันทกึ โดยใช้ สกุลไฟล์พมิ พเ์ ลก็

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

การทางานของ Layer ผสานสี Layer ความโปร่งใส ความโปร่งแสง ลอ็ ก Layer ซอ่ น Layer เอฟเฟก็ ต์, Style สรา้ งลิงค์ Layer สร้าง,ลบ เอฟเฟ็กต์ Mask Adjustment Group

การสรา้ ง Layers ใหม่เพอ่ื การปรบั แต่งค่าอื่นๆ เพ่อื ไมไ่ ห้การปรบั คา่ ลง ไปที่เดิม หรอื ป้องกนั การลบ ไมใ่ ห้ทิ้งไปดว้ ยกนั เลเยอร์ท่ีไดเ้ ปน็ แบบ Transparent

การสร้างสาเนา Layers การ copy ระหวา่ ง Layer Duplicate Layers สามารถทา ได้ 2 วิธดี งั น้ี Ctrl>j

การรวม Layer ท้ังหมดเป็น Layer ใหม่ Ctrl > Alt > Shift > E

การจดั ระเบยี บ Layers โดยการใชค้ าสั่งโดยเลอื กออปชนั บาร์ จัดเรยี งให้ชดิ ดา้ นใดด้านหน่ึง จัดเรียงให้มีระยะหา่ งเทา่ กนั จัดภาพให้ซอ้ นกันพอดี รวมเลเยอร์เฉพาะทีเ่ ลือก Ctrl > E การรวม Layers Merge Layers การรวม Layer ทั้งหมด เป็น Layer ใหม่ Ctrl > Alt > Shift > E