เอกสารประกอบการเรียน หน่วยการเรียนรู้ที่ 4

เอกสารประกอบการเรยี นวชิ าโปรแกรมกราฟิก รหสั 2204-2105 หน่วยการเรียนรทู้ ี่ 4 การใช้งาน Layer และมมุ มองภาพ สาระสาคัญ การแก้ไขภาพการจัดมมุ มองภาพเพื่อความแม่นยาในการวางตาแหนง่ ภาพให้ได้องคป์ ระกอบภาพเหมาะสมตอ้ งวางภาพในรปู แบบการวางแยกแต่ละ Layer “เลเยอร์” ทาให้การแก้ไขภาพทาได้งา่ ยไม่สง่ ผลกระทบต่อภาพใน Layer อื่น ๆ การลบภาพสามารถลบ Layer ได้ทันที และภาพที่มีลกั ษณะกลุ่มเดียวกันสามารถรวม Layer เขา้ ดว้ ยกนั เมอ่ื มีการสรา้ งองค์ประกอบของภาพเหมาะสมและการกาหนดความโปรง่ ใสของภาพเพ่ือเพมิ่ ความนุ่มนวลของภาพ สาระการเรียนรู้ 1. การตกแต่งภาพดว้ ยพาเลต Layer 1.1 วธิ กี ารเรียกใช้พาเลต Layer 1.2 สว่ นประกอบของพาเลต Layer 1.3 พาเลต Layer 1.4 การจัดการเบื้องตน้ กับ Layer 2. การปรับสี ปรับแสง และแตง่ ภาพด้วย Layer 2.1 การกาหนดความโปรง่ ใสดว้ ยคาสงั่ Opacity ของภาพ 2.2 การผสมสี Layer ด้วยคาส่งั Layer Blend Mode 2.3 ตกแตง่ Layer ดว้ ยคาส่งั Layer Style 3. การกาหนดมุมมองและการย่อหรือขยายภาพ 3.1 การย่อหรือการขยายภาพ 3.2 การเลื่อนดภู าพดว้ ยเครือ่ งมอื (Hand Tool) 4. ขนาดของภาพและขนาดของไฟล์ 4.1 การปรบั ขนาดของภาพ 4.2 ขนาดภาพสาหรบั งานส่งิ พมิ พ์ 4.3 ขนาดภาพสาหรบั นาไปพิมพ์ 4.4 ตัดขอบภาพ Cropการใช้งาน Layer และมมุ มองภาพ หนา้ 84

เอกสารประกอบการเรยี นวิชาโปรแกรมกราฟกิ รหสั 2204-2105จุดประสงค์การเรยี นรู้เม่ือศึกษาและปฏบิ ัติตามเอกสารประกอบการเรยี น หนว่ ยการเรยี นรู้ท่ี 4 แล้วนักเรียนสามารถ1. ตกแต่งภาพด้วยพาเลต Layer ได้ 1.1 เรียกใชพ้ าเลต Layer ได้ 1.2 บอกส่วนประกอบของพาเลต Layer ได้ 1.3 ใชง้ านพาเลต Layer ได้ 1.4 จัดการเบือ้ งตน้ กบั Layer ได้2. ปรับสี ปรบั แสง และแตง่ ภาพดว้ ย Layer ได้ 2.1 กาหนดความโปรง่ ใสดว้ ยคาสั่ง Opacity ของภาพได้ 2.2 ผสมสี Layer ด้วยคาสงั่ Layer Blend Mode ได้ 2.3 ตกแตง่ Layer ดว้ ยคาส่ัง Layer Style ได้3. กาหนดมุมมองและการย่อหรือขยายภาพได้ 3.1 ย่อหรือขยายภาพได้ 3.2 เลือ่ นดูภาพดว้ ยเครื่องมือ (Hand Tool) ได้4. ปรับขนาดของภาพและขนาดของไฟล์ได้ 4.1 ปรับขนาดของภาพได้ 4.2 บอกขนาดภาพสาหรบั งานส่ิงพิมพ์ได้ 4.3 บอกขนาดภาพสาหรบั นาไปพิมพ์ 4.4 ตดั ขอบภาพ Crop ได้การใชง้ าน Layer และมมุ มองภาพ หน้า 85

เอกสารประกอบการเรียนวชิ าโปรแกรมกราฟิก รหสั 2204-2105 แผนภูมเิ นื้อหาการใช้งาน Layer และมมุ มองภาพการตกแต่งภาพดว้ ยพาเลต Layer การกาหนดมมุ มองและการย่อหรือ 1. วธิ ีการเรยี กใช้พาเลต Layer ขยายภาพ 2. ส่วนประกอบของพาเลต Layer 3. พาเลต Layer 1. การยอ่ หรือการขยายภาพ 4. การจัดการเบื้องตน้ กบั Layer 2. การเล่อื นดูภาพด้วยเคร่อื งมอื (Hand Tool)การปรบั สี ปรับแสง และแต่งภาพดว้ ยLayer ขนาดของภาพและขนาดของไฟล์ 1. การปรับขนาดของภาพ 1. การกาหนดความโปร่งใสด้วย 2. ขนาดภาพสาหรับงานสิง่ พิมพ์คาสง่ั Opacity ของภาพ 3. ขนาดภาพสาหรับนาไปพมิ พ์ 4. ตัดขอบภาพ Crop 2. การผสมสี Layer ด้วยคาสั่งLayer Blend Mode 3. ตกแตง่ Layer ด้วยคาส่ัง LayerStyleการใชง้ าน Layer และมมุ มองภาพ หนา้ 86

เอกสารประกอบการเรียนวิชาโปรแกรมกราฟิก รหสั 2204-2105 หนว่ ยการเรียนรู้ท่ี 4 การใชง้ าน Layer และมมุ มองภาพ ภาพกราฟกิ มีการวางภาพต้องอาศยั พาเลต Layer จดั รปู แบบภาพและเคร่อื งมอื ต่าง ๆเพือ่ ความสะดวกตอ่ การใช้งาน และสามารถกาหนดรปู แบบของไฟล์ภาพให้เหมาะสม เชน่ ไฟลภ์ าพสาหรบั การพิมพ์ และการเลือกรูปแบบการพิมพ์ภาพ4.1 การตกแต่งภาพดว้ ยพาเลต Layer พาเลต Layer คือ การลาดับภาพ การตกแตง่ ภาพสามารถใช้คาสั่งตกแต่งแก้ไขภาพบางส่วนของภาพได้ เชน่ คาสั่งในการแก้ไขภาพ ปรับแต่งภาพ ลบภาพ สามารถทาได้โดยไมส่ ่งผลกระทบกับสว่ นอนื่ ๆ ของภาพ โดยอาศัยการทางานของพาเลต Layer ท่สี ามารถควบคุมภาพแยกเปน็ ส่วน ๆและสามารถสรา้ งภาพที่มีการวางซอ้ นทับกนั 4.1.1 วิธีการเรียกใช้พาเลต Layer มีวิธีการเรียกใช้จากเมนู Window แล้วเลือกพาเลตLayer ขน้ั ตอนดังน้ี 1. คลกิ ท่เี มนู Window > Layer หรือ กดปุ่ม 2. คลกิ เลอื กพาเลต Layer รูปภาพ 4-1 วิธีการเรยี กใช้พาเลต Layerทม่ี า : จากโปรแกรม Adobe Photoshop CS6การใช้งาน Layer และมมุ มองภาพ หน้า 87

เอกสารประกอบการเรียนวิชาโปรแกรมกราฟกิ รหัส 2204-2105 4.1.2 ส่วนประกอบของพาเลต Layer การสรา้ งภาพนั้นจาเปน็ ต้องอาศัยความรูเ้ กย่ี วกบัการใชพ้ าเลต Layer เช่น การใส่ Effects การสรา้ ง Layer Mask และการซอ่ น Layer เพ่ือดูผลลพั ธ์ในลักษณะตา่ ง ๆ โดยส่วนประกอบของ Layer ทีส่ าคญั ดงั รูปภาพ 4-2 การผสานสี Layer การล็อก Layer กาหนดความโปร่งใสของภาพเลอื ก Layer ทีท่ างาน กาหนดความโปรง่ ใส ของภาพใน Layer ใส่สไตลใ์ ห้ Layerสญั ลกั ษณ์ Layer น้ันถกู ลอ็ กการทางานสร้างลิงคใ์ ห้ Layer ทเ่ี ลือก ลบ Layer สรา้ งเอฟเฟ็กตใ์ ห้ Layer สร้าง Layer สร้างมาสก์ให้ Layer สร้างเลเยอรก์ ร๊ปุ (Group) รูปภาพ 4-2 ส่วนประกอบของพาเลต Layer ท่มี า : จากโปรแกรม Adobe Photoshop CS6 4.1.3 พาเลต Layer คอื ลาดับขั้นตอนการวางภาพแบบหนังสอื ซอ้ นทับกันจานวนหลาย ๆเลม่ โดยวตั ถุทีอ่ ยดู่ ้านบนสุดจะบังทบั วตั ถุท่อี ยู่ด้านลา่ ง และถา้ หากวัตถุที่อย่ดู ้านบนสดุ มีการเจาะทะลผุ ่านจะสามารถมองเหน็ วัตถทุ ีอ่ ยู่ด้านล่างที่มกี ารวางซ้อนทบั กันหลาย ๆ ภาพการวางภาพไม่ควรอยู่ใน Layer เดยี วกัน เพื่อสะดวกในการแก้ไขภาพ เช่น การลบภาพ และการกาหนดความโปรง่ ใสของภาพ การวางภาพแบบมลี าดับก่อนหลัง การใส่สเี ส้น และการใส่ Effects ดงั รปู ภาพ 4-3การใช้งาน Layer และมมุ มองภาพ หนา้ 88

เอกสารประกอบการเรียนวชิ าโปรแกรมกราฟิก รหัส 2204-2105 รปู ภาพ 4-3 พาเลต Layer ท่ีมา : อรทยั เลิศขุนทด (2559) 4.1.4 การจดั การเบอื้ งตน้ กบั Layer คือการจัดการเบื้องต้นในการสรา้ ง Layer ใหม่เพ่ือใช้ระบายสี การปรบั แตง่ ค่าอ่นื ๆ ท่ีไม่ต้องการใหเ้ ปลย่ี นแปลงภาพใน Layer เดมิ และการลบLayer ทีไ่ ม่ต้องการ ดังน้ี 1. การสร้าง Layer ใหมค่ ือ คลกิ ที่ Create a new Layer ดงั รูปภาพ 4-4 2. เลเยอร์ใหม่ทีไ่ ด้ 1. คลกิ Create a new layer เพื่อสร้าง Layer ใหม่ รูปภาพ 4-4 การสร้าง Layer ใหม่ ที่มา : อรทยั เลิศขุนทด (2559)การใช้งาน Layer และมมุ มองภาพ หน้า 89

เอกสารประกอบการเรยี นวชิ าโปรแกรมกราฟิก รหัส 2204-2105 2. การสร้าง Layer ใหม่ คอื คลิกเมนู Layer > New > Layer หรือปุม่ + + ซ่ึงสามารถกาหนดออปชันเพม่ิ เตมิ ให้ Layer ใหม่ทสี่ รา้ งได้ ข้นั ตอนดังนี้ (1) คลกิ เมนู Layer > New > Layer หรือกดปุ่ม + +เพอ่ื เปิดหนา้ ตา่ ง New Layer (2) ตงั้ ชอื่ ให้ Layer ทส่ี รา้ งข้นึ (3) คลกิ เลอื กสีของ Layer เพ่อื แยกกล่มุ หรอื ประเภทของ Layer ที่ทางาน (4) ได้ Layer ใหม่ ที่มีชอื่ และสี Layer ตามทก่ี าหนด รูปภาพ 4-5 การสรา้ ง Layer ใหม่ ทีม่ า : อรทัย เลศิ ขุนทด (2559) Layer ท่สี รา้ งแลว้ ต้องการเปลี่ยนช่ือ Layer ใหมใ่ นภายหลัง คือ การดับเบิลคลกิ บนช่ือLayer เดมิ แล้วสามารถตัง้ ชอ่ื ให้ Layer ใหม่ไดท้ นั ทีการตัง้ ชอ่ื ทาเพื่อสะดวกในการคน้ หา Layerในภายหลงั ดงั รูปภาพ 4-6 ดับเบลิ คลกิ แลว้ พมิ พ์ชอื่ ใหมไ่ ด้ทนั ที รปู ภาพ 4-6 การเปลี่ยนชอ่ื Layer ในภายหลัง หนา้ 90 ทมี่ า : อรทยั เลิศขุนทด (2559)การใช้งาน Layer และมมุ มองภาพ

เอกสารประกอบการเรียนวชิ าโปรแกรมกราฟกิ รหัส 2204-2105 3. การสร้างสาเนา Duplicate Layer คือ การคดั ลอก Layer เพ่ิมจาก Layer เดิมการตกแตง่ ภาพบางครัง้ จาเป็นต้องนาภาพใน Layer เดมิ มาทดลองปรับแต่งแกไ้ ขก่อนเพ่ือป้องกันความเสยี หายของภาพตน้ ฉบับซ่ึงเราเรียกวิธีการนี้ว่า การสร้างสาเนา Layer ดงั รปู ภาพ 4-7 หรือแดรกเมาส์นา Layer มาวาง คลิกเลือก Layer ทีต่ ้องการสรา้ งสาเนาทีป่ ุ่ม Create a new layer แลว้ กดป่มุ + รปู ภาพ 4-7 การสรา้ งสาเนา Layer ที่มา : อรทัย เลิศขุนทด (2559) 4. การลบ Delete layer คอื การลบ Layer ท่ีไมต่ ้องการ ดงั น้ี (1) การลบแบบถามซ้า การลบด้วยวธิ ีนี้คาสง่ั จะถามซ้าอีกครัง้ เพื่อความแนใ่ จก่อนลบท้ิง ดังรปู ภาพ 4-81. คลกิ Layer ทตี่ อ้ งการลบ 2. คลิก Yes เมอื่ ตอ้ งการลบ หรือคลิก Noแลว้ คลิกปมุ่ เม่อื ไมต่ อ้ งการลบ รปู ภาพ 4-8 การลบแบบถามซา้ ทม่ี า : อรทยั เลิศขุนทด (2559)การใช้งาน Layer และมมุ มองภาพ หน้า 91

เอกสารประกอบการเรยี นวชิ าโปรแกรมกราฟิก รหสั 2204-2105 (2) การลบ Layer โดยการแดรกเมาสม์ าวางท่ปี มุ่ การลบผใู้ ชส้ ามารถเลอื กLayer แล้วแดรกเมาส์ไปวางทีป่ มุ่ Delete layer ไดท้ นั ที โดยคาสง่ั จะไม่ถามซ้าว่าตอ้ งการลบหรอื ไม่ทาให้ภาพนนั้ ลบไปทนั ที ดังรูปภาพ 4-9 เลอื ก Layer ภาพ แดรกเมาส์ ดึง Layer ภาพมาวางท่ปี ่มุ เพอ่ื ลบทิง้ รปู ภาพ 4-9 การลบ Layer โดยการแดรกเมาส์ ท่ีมา : อรทยั เลิศขนุ ทด (2559) (3) การลบ Layer แบบรวดเร็ว เม่อื ต้องการลบ Layer แบบรวดเร็วนัน้ ผใู้ ช้สามารถคลิกเลอื ก Layer แล้วกดป่มุ Delete บนแป้นพิมพ์ 5. การสลับลาดบั Layer ด้วยคาสง่ั Layer Order คอื สลบั ตาแหน่งวางภาพใน Layer เพือ่ เปลย่ี นลาดบั การซอ้ นทบั ภาพ โดยคลิกเมาส์เลอื ก Layer ท่ตี ้องการสลบั แลว้ สงั เกตเมาสจ์ ะเปล่ียนเปน็ รูปมือ แล้วแดรกเมาสไ์ ปวาง ณ ตาแหน่งทต่ี อ้ งการวางภาพ เชน่ การนาภาพLayer Polygon 1 วางไวด้ า้ นบนของ Layer GRAPHIC ให้สงั เกตเส้นทึบเปน็ สนี า้ เงินท่เี กิดข้นึ ซ่งึ จะเป็นจดุ ท่สี ามารถปล่อยเมาส์วางภาพ ณ ตาแหนง่ ทีต่ ้องการวาง ดงั รูปภาพ 4-10 รูปภาพ 4-10 การสลับลาดบั Layer หนา้ 92 ท่ีมา : อรทยั เลิศขนุ ทด (2559)การใช้งาน Layer และมมุ มองภาพ

เอกสารประกอบการเรยี นวิชาโปรแกรมกราฟิก รหัส 2204-2105 6. การรวม Layer ดว้ ยคาสัง่ Merge Layer คือ การรวมภาพแต่ละภาพใน Layerภาพท่ตี กแต่งเรยี บร้อย หรือ Layer ภาพท่ีมีรูปแบบใกลเ้ คียงกนั สามารถรวมภาพนน้ั ให้เปน็ Layerเดยี วกนั ได้ เพื่อลดจานวน Layer ของภาพดังน้ี (1) รวม Layer ดว้ ยคาสัง่ Merge Down คือ การรวม Layer ภาพท่อี ยู่ด้านบนกบั Layer ด้านล่างคลิกเลอื ก Layer 3 แลว้ คลกิ ขวา เลือกคาส่ัง Merge Down ดงั รปู ภาพ4-11 รวม Layer 3 และ Layer 2 รูปภาพ 4-11 รวม Layer ดว้ ยคาสงั่ Merge Down ท่มี า : อรทัย เลศิ ขุนทด (2559) (2) การรวม Layer ตา่ ง ๆ ท่ไี มไ่ ดซ้ ่อนด้วยคาส่ัง Merge Visible คือ การรวมLayer ทั้งหมดยกเวน้ Layer ทีซ่ ่อน คลิกเมนู Layer > เลอื ก Merge Visible หรือกดป่มุ ++ (3) การรวม Layer ทเ่ี ลอื ก คือการเลือก Layer ภาพที่ตกแต่งเรยี บรอ้ ยแล้วที่ต้องการรวม โดยการคลิกแดรกเมาส์เลือก Layer ก่อนแล้วจึงกดป่มุ + เพื่อรวม Layerเพอื่ เป็นภาพเดียวกัน (4) การรวม Layer ทั้งหมดเป็น Layer ใหมค่ ือ การรวม Layer ทง้ั หมดแลว้ สร้างเป็น Layer ใหม่ โดยเลือก Layer อยูบ่ นสดุ กดปุ่ม + + + เพื่อรวม Layerทง้ั หมดเป็น Layer ใหม่ ภาพที่รวม Layer ใหมอ่ ยู่ด้านบนสดุ การคัดลอกภาพใน Layer ไปใชง้ านกบัภาพอน่ื ๆ จะทาไดง้ า่ ยสามารถคัดลอกไปวางในภาพใหม่ได้ทงั้ หมด แต่ถา้ ไมม่ กี ารรวม Layerตอ้ งคัดลอกภาพทงั้ หมดมาวางในภาพอน่ื จานวนครั้งมากถึงจะได้ภาพครบทุกภาพการใช้งาน Layer และมมุ มองภาพ หน้า 93

เอกสารประกอบการเรยี นวชิ าโปรแกรมกราฟกิ รหสั 2204-21054.2 การปรับสี ปรับแสง และแต่งภาพดว้ ย Layer การกาหนดความโปรง่ ใสของภาพในพาเลตกาหนดความโปรง่ ใสเฉพาะภาพ แต่ Effects ไมม่ ีการเปลีย่ นแปลง เชน่ Effects คือ เส้นขอบยังคงเดิมไม่มกี ารเปลย่ี นแปลง 4.2.1 การกาหนดความโปรง่ ใสด้วยคาสงั่ Opacity ของภาพ คือ การกาหนดความโปร่งใสของภาพในพาเลต Layer สามารถทาได้ 2 แบบ คือ การกาหนดคา่ Opacity และกาหนดคา่ Fill ในLayer โดยการลดค่า Opacity ทาให้ภาพ และ Effects ใน Layer ดโู ปร่งใสแตถ่ า้ กาหนดค่า Fill จะทาใหภ้ าพใน Layer โปร่งใส แต่ Effects จะยงั คงคา่ เหมือนเดิม การกาหนดค่า Opacity คอื ภาพทั้งหมดมีความโปร่งใส โดยต้องเลือก Layer ภาพก่อนแลว้คลกิ เมาสก์ าหนดค่า Opacity เปน็ 50% ลกั ษณะภาพและ Effects จะเบลอ ดงั รปู ภาพ 4-12 รูปภาพ 4-12 การลดค่าโปร่งใส ทมี่ า : อรทยั เลิศขุนทด (2559) การกาหนดคา่ Fill คือ กาหนดความโปรง่ ใสเฉพาะภาพ แต่ Effects ไมม่ กี ารเปลย่ี นแปลง เช่นEffects คอื เสน้ ขอบยังคงเดิมไม่มีการเปลยี่ นแปลง ดังรปู ภาพ 4-13 รปู ภาพ 4-13 การลดค่า Fill หนา้ 94 ท่มี า : อรทัย เลิศขนุ ทด (2559)การใชง้ าน Layer และมมุ มองภาพ

เอกสารประกอบการเรียนวชิ าโปรแกรมกราฟิก รหสั 2204-2105ตัวอย่าง การลดค่า Fill ลดลง 0 % ภาพใน Layer จะถูกปรับจางหายไป แต่ Effects คือเส้นขอบยังคงเดมิ 4.2.2 การผสมสี Layer ดว้ ยคาสง่ั Layer Blend Mode คอื การผสมสรี ะหว่าง Layerโดยวธิ ีการผสมสภี าพใน Layer ปจั จบุ ันเข้ากบั Layer ดา้ นลา่ ง ทาใหภ้ าพเป็นสีพิเศษ เพอื่ ใช้สร้างEffects หรอื เปลย่ี นมมุ มองของภาพในลักษณะต่าง ๆ ได้ ภาพทง้ั หมดในแตล่ ะ Layer ไมม่ ีการเปลีย่ นแปลงแต่อยา่ งใด การผสมสีแบบ Layer มโี หมดใหเ้ ลือกหลายรูปแบบสามารถเลอื กใช้ตามความเหมาะสม ดังน้ี 1. กลุ่มการผสมสใี ห้มืดลง คือ การผสมสีของ Layer กลุ่มนจี้ ะใชว้ ธิ เี ปรียบเทยี บความสวา่ งของพน้ื สที งั้ สองแลว้ แสดงสว่ นของสีที่มีความเข้มกว่าของภาพใน Layer บน และส่วนทีม่ ดื กว่าของภาพใน Layer ลา่ งกลุ่มการผสมสใี หม้ ืดลงดงั น้ี (1) Darken คอื การเปรยี บเทียบความสว่างของพ้นื ทสี่ ที ้งั สอง Layer แล้วแสดงส่วนของสีทีส่ ว่างกวา่ ของภาพ Layer ดา้ นบน แตไ่ มม่ ผี ลกับส่วนที่มดื กวา่ (2) Multiply คือ การผสมสรี ะหว่าง Layer ทัง้ สองเหมือนกบั การซ้อนฟิล์มสไลด์2 แผ่น ท่ีฉายบนโปรเจคเตอร์ (3) Color Burn คือ การผสมสใี น Layer ทงั้ สอง โดยการเพม่ิ คา่ ของความเข้มของ Layer บน เมื่อผสมกันผลลพั ธข์ องภาพจะมืดลง (4) Linear Burn คอื การผสมสี Layer ทั้งสอง ลดคา่ ความสว่างลง ผลลัพธ์ทไ่ี ด้ภาพจะมืดลงแต่จะไม่มผี ลกบั สขี าวบน Layer (5) Darker color คอื การเทียบสใี นแต่ละ Layer ทนี่ ามาผสมกัน แลว้ นาสีไปผสมกับสีพน้ื ฐานและแสดงค่าตา่ สุดของสีออกมา การผสมสีในกลมุ่ มืดลง คอื การนาภาพจานวน 2 ภาพ ผสมสรี ะหวา่ งกันและวางใน Layer ต่างกัน มขี ั้นตอนดงั น้ีภาพ Layer บน ภาพ Layer ลา่ ง รปู ภาพ 4-14 ภาพท่ีต้องการผสมสี ท่มี า : อรทยั เลิศขนุ ทด (2559)การใชง้ าน Layer และมมุ มองภาพ หนา้ 95

เอกสารประกอบการเรียนวิชาโปรแกรมกราฟิก รหัส 2204-2105 เลือกโหมดผสมสีเลอื ก Layer 1 บน รูปภาพ 4-15 การเลือกโหมดผสมสี ทม่ี า : อรทัย เลิศขุนทด (2559)ตัวอย่าง การผสมสใี นกลุ่มของภาพมดื ลงซึ่งแสดงลักษณะตา่ ง ๆ ของภาพไดผ้ ลลพั ธ์ดังรูปภาพ 4-16โหมด Normal โหมด Darkenโหมด Multiply โหมด Color Burnโหมด Linear Burn โหมด Darker Color รูปภาพ 4-16 การผสมสีของ Layer กลมุ่ มืดลง ท่ีมา : อรทยั เลิศขุนทด (2559)การใช้งาน Layer และมมุ มองภาพ หนา้ 96

เอกสารประกอบการเรยี นวิชาโปรแกรมกราฟกิ รหสั 2204-2105 2. การผสมสใี หส้ ว่างขน้ึ คอื การผสมสีของ Layer ภาพมคี วามสวา่ งเพมิ่ ขนึ้ ซง่ึ คาส่ังในการผสมสีกลมุ่ ดังกลา่ ว ดังน้ี (1) Lighten คอื การเทยี บสีในแตล่ ะพาเลตของแต่ละ Layer การนาภาพนามาผสมแลว้ เลอื กสสี วา่ งกวา่ มาแสดง แตไ่ ม่มผี ลกับส่วนท่สี ว่างอย่แู ล้ว (2) Screen คือ การผสมสภี าพใน Layer ทง้ั สองเหมือนการถา่ ยภาพ 2 ภาพบนเฟรมเดยี วกนั ซ่งึ จะทาให้สว่างขึ้น (3) Color Dodge คอื การผสมสีและปรับสภี าพใหส้ วา่ งเพ่ิมมากขน้ึ โดยข้ึนอยู่กบั ค่าสีใน Layer บน (จะให้ผลตรงกันข้ามกับ Color Burn) (4) Linear Dodge คอื การผสมสีและปรบั ภาพใหส้ ว่างขึ้น โดยขึน้ อยู่กับคา่ สีใน Layer บนสาหรบั ในสว่ นท่สี ว่างอยูแ่ ล้วกจ็ ะสวา่ งมากย่ิงขึน้ (5) Lighter Color คอื การผสมสแี ละปรับสขี องภาพใหส้ ว่างขึน้ เกดิ จากการเปรยี บเทยี บคา่ ของแชนเนลสมี าผสมกับสหี ลักบนภาพ และนาคา่ สีที่มากท่ีสุดมาแสดงแตจ่ ะไมม่ ผี ลกับภาพส่วนท่สี ว่างอยู่แล้วและทาใหบ้ างสีหายไป 3. การผสมสี Layer โดยการเปรียบเทียบสี คือ การผสมสขี อง Layer นาคา่ ของสีท้งัสอง Layer มาหักลบกันใหผ้ ลลพั ธ์ภาพที่มืดลงหรือสวา่ งข้ึน โดยจะข้นึ กบั สขี องภาพใน Layer บนและ Layer ล่างเกิดภาพสีสวยสด แปลกตา และน่าสนใจ ประกอบดว้ ยคาสัง่ ดังน้ี (1) Overlay คอื วิธีการผสมผสานสีแบบ Multiply และสกรนี เข้าดว้ ยกันโดยภาพจะมดื หรือสวา่ ง ข้นึ อยกู่ บั สใี น Layer ล่าง (2) Soft Light คอื การฉายภาพ Layer บนซอ้ น Layer ล่างดว้ ยแสงไฟอ่อน ๆซง่ึ จะทาให้ภาพสว่างและกลมกลืนกัน (3) Hard Light คอื การฉายภาพ Layer บนซ้อน Layer ลา่ งด้วยแสงไฟแรง ๆโดยจะใหผ้ ลเหมอื นการทาไฮไลทบ์ นภาพ (4) Vivid light คือ การผสมสภี าพให้มีลักษณะคลา้ ยกับ Color Burn และ ColorDodge หากภาพมีความสวา่ งมากกวา่ สเี ทา 50% จะลดความสวา่ งลง แตถ่ ้าภาพมีความมืดมากกว่าสเี ทา 50% จะเพ่ิมความสวา่ งขนึ้ (5) Linear Light คือ มลี กั ษณะเหมือนกับการใช้ Linear Burn และ LinearDodge โดยปรบั ภาพส่วนทสี่ วา่ งอยู่แลว้ ให้สว่างข้ึน และปรับภาพส่วนที่มดื อยู่แล้วใหม้ ืดขึ้นทาให้ภาพมสี เี ข้มขึ้น (6) Pin Light คอื การผสม Layer ใหด้ ูกลมกลนื กันท้ังสอง Layer ถา้ ภาพใน Layer บนสอี ่อนกวา่ สีเทา 50% ก็จะถูกแทนทดี่ ว้ ยสขี อง Layer ล่างแทนการใช้งาน Layer และมมุ มองภาพ หนา้ 97

เอกสารประกอบการเรียนวชิ าโปรแกรมกราฟิก รหสั 2204-2105 (7) Hard Mix คือ การผสม Layer ใหก้ ลมกลืนกนั โดยการเพิ่มค่าสแี ดง สีเขียวและสนี ้าเงินผสมกับสหี ลักบนภาพในส่วนท่เี ขม้ และแทนที่สีท่อี ยดู่ า้ นล่างสาหรับสว่ นท่ีเป็นสีอ่อนจะแทนท่ีดว้ ยสีขาวแทน 4. การผสมสตี ามองคป์ ระกอบโมเดลสี คอื การผสมสขี อง Layer โดยการนาคา่ ของสีท้ังสองมาหักลบกนั ตามค่าของโมเดลสี ทาใหภ้ าพออกมาในลักษณะดังน้ี (1) Difference คอื การเทียบสีและนาค่าของสีมาลบกนั ทาใหภ้ าพบางส่วนกลายเป็นสตี รงข้าม คือ สว่ นทม่ี ืดจะปรับให้สว่าง ส่วนทีส่ ว่างจะปรบั ใหม้ ืดลง (2) Exclusion คอื คลา้ ยกับการผสมสีดว้ ยโหมด Difference โดยจะปรับส่วนที่สว่างให้เป็นสตี รงข้าม แต่จะไมม่ ีผลกับสสี ่วนทีม่ ดื (3) Subtract คือ การนาข้อมูลของสมี าหักลบกัน โดยดูจากสีเลขฐานในภาพ 8 บิตและ 16 บติ ทาใหภ้ าพบางส่วนมดื และบางสว่ นสว่าง (4) Divide คือ การนาข้อมูลของสีแตล่ ะคา่ มาหารกันจากสพี นื้ ฐานทผี่ สมกนั 5. การผสมสใี นกลมุ่ สคี วามสดและความสวา่ ง คือ การผสมสที ี่มีความสด ทาให้ภาพออกมาในลักษณะดังนี้ (1) Hue คอื การผสมสรี ะหว่าง Layer ทั้งสอง โดยการสร้างความสวา่ งและสรา้ งความอ่ิมสี ซงึ่ ทาใหภ้ าพเปน็ สเี ข้มขึ้น (2) Saturation คอื การผสมสรี ะหว่างภาพใน Layer ทัง้ สอง โดยการสร้างความสวา่ ง สร้างค่าสี และความอิม่ ตัวของสี เพ่ือทาให้ภาพด้านล่างมคี วามอม่ิ ตัวของสแี ต่ไม่มผี ลกบั ส่วนท่ีเปน็ สีเทาในภาพลา่ ง (3) Color คอื การผสมสภี าพของ Layer ตา่ ง ๆ ท่ที าใหก้ ลมกลืนกันคล้าย ๆกับโหมดสี Hue โดยการผสมสีของทั้งสองจะรักษาความอ่มิ ตวั ของสีสว่ นทีเ่ ปน็ สเี ทาในภาพ (4) Luminosity คือ การผสมสีภาพของ Layer โดยการนาคา่ และความอ่ิมตวั ของสีLayer ภาพท่ีอยูด่ ้านล่างมาเปน็ ฐานและเพิ่มความสว่างในสีทผี่ สมกันมีผลกบั ภาพดา้ นบนทาให้ภาพดูกลมกลนื กนั 6. เทคนิคการปรับสภี าพ คือ การปรับสภี าพถา่ ยงา่ ย ๆ โดยการนาสีพน้ื สีตา่ ง ๆ มายอ้ มผสมลงไปกบั สีภาพใน Layer เดมิ ทาให้ไดภ้ าพถ่ายมสี ีสนั แปลกตาและโดดเดน่ ข้นั ตอนดังนี้ 1. เปิดไฟล์ภาพ 1 ภาพ 2. เพ่มิ Layer แล้วเลือกเคร่ืองมือเทสีสม้ ลงไป 3. เลือกโหมดสี Hue 4. ผลลพั ธ์ภาพหลงั จากเลอื กโหมดสี Hueการใชง้ าน Layer และมมุ มองภาพ หนา้ 98

เอกสารประกอบการเรยี นวิชาโปรแกรมกราฟกิ รหสั 2204-2105 ภาพต้นฉบบั รูปผลลพั ธก์ ารผสมสีรปู ภาพ 4-17 การย้อมผสมลงไปกบั สีภาพ ท่ีมา : อรทยั เลิศขนุ ทด (2559) 4.2.3 ตกแตง่ Layer ดว้ ยคาส่งั Layer Style คือ คุณสมบตั ิท่ีกาหนดไวก้ บั Layer เพื่อตกแตง่ ภาพใน Layer ใหม้ ลี กั ษณะพิเศษ เช่น การทาแสงเงาใหว้ ัตถุ ทาให้พน้ื ผวิ ให้นนู ข้นึ หรือทาแสงฟุ้งออกมาจากภาพ ดงั นี้ 1. วิธกี าหนด Style Layer คอื การกาหนด Style ให้ Layer (1) เลอื กคาส่งั Layer > Layer Style เลือกชอื่ style ดงั รปู ภาพ 4-18เลอื กคาส่งั Layer > Layer Style เลือกช่ือ Style รูปภาพ 4-18 เลอื กชื่อ Styleท่ีมา : จากโปรแกรม Adobe Photoshop CS6การใชง้ าน Layer และมมุ มองภาพ หนา้ 99

เอกสารประกอบการเรียนวชิ าโปรแกรมกราฟกิ รหัส 2204-2105(2) คลิกจากปมุ่ Add a Layer style ดงั รูปภาพ 4-19 คลกิ จากปุม่รปู ภาพ 4-19 คลกิ จากปมุ่ Add a Layer style ท่ีมา : อรทยั เลศิ ขนุ ทด (2559)(3) เลือกคาส่งั Window > Styles แลว้ เลอื กชดุ style สาเรจ็ รปู ดงั รูปภาพ 4-20Window > Styles ชดุ style สาเรจ็ รูป รูปภาพ 4-20 เลอื กชดุ Style สาเร็จรูป ที่มา : จากโปรแกรม Adobe Photoshop CS6 การสร้าง Layer style นั้นสามารถเลอื ก Effects ทตี่ ้องการแลว้ บันทกึ เปน็ styleสาเร็จรปู เพอ่ื นากลบั มาใชใ้ หมไ่ ด้หรอื เลือก style สาเร็จรูปทีโ่ ปรแกรมกาหนดไว้ให้ เช่น Effectsของข้อความ ปุ่มกดเว็บเพจ และขอบภาพ วิธีการกาหนด style ดังนี้ 2. การเลอื ก Layer style คือ การกาหนด Layer ท่ีต้องการแล้วเลอื ก style ดังนี้การใช้งาน Layer และมมุ มองภาพ หน้า 100

เอกสารประกอบการเรียนวิชาโปรแกรมกราฟกิ รหัส 2204-2105 (1) คลกิ เลือก Layer ท่ตี อ้ งการกาหนด style (หาก Layer ทเี่ ลอื กเป็น LayerBackground ดบั เบลิ คลิกเปลี่ยนเป็น Layer 0 ก่อนใชค้ าส่งั นี้ (2) คลกิ ปุ่ม แลว้ เลือก Effects ท่ตี ้องการใชง้ าน (3) เลือก Option และกาหนดคา่ การทาต่าง ๆ ของ Effects (4) คลิกปมุ่ กาหนดคา่ การทางานต่าง ๆ ของ Effectsรูปภาพ 4-21 กาหนดคา่ การทางานต่าง ๆ ของ Effectsท่ีมา : อรทัย เลศิ ขุนทด (2559)ภาพกอ่ นเลือก Layer Style ผลลพั ธภ์ าพเลอื ก Layer Style รูปภาพ 4-22 การเลอื ก Layer Style หนา้ 101 ท่มี า : อรทยั เลศิ ขนุ ทด (2559)การใช้งาน Layer และมมุ มองภาพ

เอกสารประกอบการเรยี นวชิ าโปรแกรมกราฟิก รหสั 2204-21054.3 การกาหนดมมุ มองและการยอ่ หรอื ขยายภาพคาส่งั การยอ่ ภาพและขยายภาพดว้ ยเครื่องมือการเปิดพาเลตขน้ึ มากาหนดขนาดการแสดงภาพและเลือกจดุ ท่ีต้องการแสดงไดไ้ ม่ต้องเปล่ียนเคร่ืองมอื บ่อย ๆ4.3.1 การย่อหรือการขยายภาพ คอื คาส่ังสาหรับการขยายไฟลภ์ าพ เพื่อดูรายละเอียดของภาพทีเ่ ปิดใช้งานให้ชัดเจนมากยิ่งขน้ึ เช่น การย่อภาพและขยายภาพดว้ ยเมนู View และการใชเ้ คร่อื งมือ Zoom Tool ขน้ั ตอนดงั นี้1. การยอ่ และขยายรูปภาพดว้ ยเมนู View มี 2 วิธี ดังนี้(1) การย่อภาพจากเมนูคาสงั่ เช่น คลกิ ท่ีเมนู View > Zoom out หรือเรียกใช้คีย์ลัด เชน่ กดปุ่ม + ทแี่ ป้นพิมพ์ ถา้ กดซ้าอกี ภาพจะมีขนาดเลก็ ลงไปอีก(2) การขยายรูปภาพจากเมนูคาสง่ั เชน่ คลิกท่ีเมนู View > Zoom In หรอื เรยี กใช้คยี ล์ ดั เช่น กดปมุ่ + ที่แป้นพมิ พ์ ถา้ กดซ้าอีกภาพจะมีขนาดใหญข่ ้ึนอกีการย่อภาพและขยายภาพดว้ ยเครื่องมอื (Zoom Tool) คือ การย่อและขยายภาพ โดยคลิกเครื่องมือ แลว้ กาหนดคุณสมบตั ิเคร่ืองมือในออปชันบาร์ ดงั รปู ภาพ 4-23ขยายภาพ ปรับหน้าต่างใหพ้ อดีกับ ปรบั ขนาดภาพทจี่ ะพมิ พ์ ย่อภาพ ภาพยอ่ /ขยาย ออกทางเคร่ืองพมิ พ์ปรบั หนา้ ต่างใหพ้ อดีกับ ปรับขนาดเท่ากับภาพการย่อ/ขยายภาพ ปรับขนาดใหพ้ อดกี บั หน้าต่างภาพ รปู ภาพ 4-23 การยอ่ -ขยายภาพ ที่มา : จากโปรแกรม Adobe Photoshop CS6 วิธีการยอ่ และขยายภาพด้วยเคร่ืองมอื Zoom Tool ดงั นี้ 1. คลิกเครอ่ื งมือ รูปเมาสพ์ อยเตอรจ์ ะเปลย่ี นแปลงไปเปน็ รูปแว่นขยายและเคร่ืองมือมีเครือ่ งหมาย จากน้ันคลิกที่รูปภาพ ทีต่ อ้ งการขยายขนาดภาพ 2. การย่อขนาดภาพโดยกดปุ่ม ท่แี ป้นพิมพร์ ปู เมาสพ์ อยเตอร์เปล่ียนเปน็รปู แว่นขยาย เมาส์มเี ครื่องหมาย จากนั้นคลกิ ภาพ ที่ต้องการยอ่ ขนาดภาพ การขยายขนาดภาพด้วยเครื่องมอื ได้แลว้ ยงั สามารถใชค้ าสั่งอน่ื ๆ เชน่ คียล์ ัดขยายภาพเป็นขนาด 100 % ได้ง่าย ๆ โดยการกดปุ่ม + + หรือย่อขนาดภาพใหเ้ ต็มจอภาพพอดีโดยกดปุ่ม +การใชง้ าน Layer และมมุ มองภาพ หน้า 102

เอกสารประกอบการเรยี นวิชาโปรแกรมกราฟกิ รหัส 2204-2105 การย่อภาพหรอื การขยายภาพทนี่ ยิ มอกี วธิ หี น่ึง คือ การใช้พาเลต Navigatorการขยายภาพ โดยคลิกเรยี กใช้ได้จากเมนู คลิก Window > Navigator คือ การเปิดพาเลตข้นึ มากาหนดขนาดการแสดงภาพ และเลือกจุดทต่ี ้องการแสดงไดไ้ มต่ ้องเปล่ยี นเคร่ืองมือบ่อย ๆดงั รปู ภาพ 4-24กรอบสแี ดงกาหนด ภาพท่เี ปดิ ใช้งานพ้นื ทแ่ี สดงภาพ ปรบั เล่ือนยอ่ /ขยายภาพเปอร์เซ็นต์การขยายภาพ รปู ภาพ 4-24 การยอ่ ภาพหรือขยายภาพ ทม่ี า : อรทัย เลศิ ขุนทด (2559) 4.3.2 การเล่อื นดูภาพด้วยเครื่องมือ (Hand Tool) คือ การเลือ่ นดภู าพในสว่ นต่าง ๆโดยคลิกท่ีเครื่องมือ แล้วคลกิ เมาสค์ ้างท่ีภาพ แลว้ ดึงเมาสเ์ ลื่อนดทู ีละสว่ นของภาพ ในตาแหน่งที่ต้องการ รปู ภาพ 4-25 การเลื่อนดูภาพ ทมี่ า : อรทยั เลศิ ขนุ ทด (2559) เมื่อนาเมาสว์ างที่ภาพ โดยเมาส์จะเปน็ รปู มือ ซึ่งสามารถใช้เมาส์น้ีคลกิ เล่อื นดภู าพตามตาแหน่งทีค่ ลิกเมาส์ลงไป (โดยวิธีการดงึ เมาสเ์ ล่ือนภาพมา ณ จุดทตี่ อ้ งการดภู าพ) เครื่องมอื ดังกลา่ วจะใช้ได้ก็ต่อเมอื่ ขยายรปู ภาพนั้น ๆ ให้มีขนาดใหญ่กว่าหนา้ ต่างโปรแกรมจงึ จะสามารถเลอื่ นดภู าพสว่ นอืน่ ๆ ได้การใช้งาน Layer และมมุ มองภาพ หน้า 103

เอกสารประกอบการเรยี นวิชาโปรแกรมกราฟกิ รหัส 2204-21054.4 ขนาดของภาพและขนาดของไฟล์ กอ่ นนาภาพมาใช้งานต้องมคี วามเข้าใจเกี่ยวกบั ขนาดของภาพ หรืออตั ราส่วนของภาพในแตล่ ะภาพเช่น กว้าง x สงู (Width x Height) ขนาดไฟล์ภาพ คอื ความจขุ องภาพท่ีจดั เกบ็ ลงในดิสก์ ซง่ึ ต้องมีความรู้ทั้งการจดั ขนาดของภาพและขนาดของไฟล์ เพือ่ นาภาพไปใชง้ านให้เหมาะสมกับงาน เชน่ การนาภาพไปพิมพ์ทร่ี า้ นพมิ พ์ภาพตอ้ งใช้ขนาดเทา่ ไหร่ ความละเอียดของภาพก่ี Pixelsนาภาพไปใช้บนเวบ็ เพจขนาดของภาพควรกาหนดขนาดเท่าไหร่ การนาภาพใช้งานให้ตรงวตั ถุประสงค์มากทส่ี ุด โดยการปรับขนาด ตดั หรอื ลดพน้ื ที่ทไ่ี ม่ต้องการออก เป็นตน้ 4.4.1 การปรับขนาดของภาพ คอื การปรบั ขนาดของภาพท้งั การย่อและการขยายและเปลีย่ นคา่ ความละเอยี ดของภาพ ซ่งึ ขนาดของภาพทเ่ี ปน็ “ความกวา้ ง x ความสูง” หรือ “Width x Height”เรยี กว่า Image size การกาหนดความกว้างและความสูง โดยเลือกหน่วยนับเปน็ น้วิ เซนติเมตร หรอืPixels เพ่อื ให้ไดข้ นาดของภาพทเี่ หมาะสมสาหรับการนาไปใช้งาน เชน่ ใชแ้ สดงในหนา้ เวบ็ เพจนาไปใช้ในเอกสารทั่วไป สง่ ไปกับอเี มล์ หรอื นาภาพพิมพ์ลงกระดาษ เปน็ ต้น ขนั้ ตอนดังน้ี 1. คลกิ เมนูคาสัง่ Image > Image Size 2. เลือกออปชนั ต่าง ๆ สาหรบั ปรับขนาดของภาพดงั นี้ (1) Scale Styles ปรบั สัดสว่ นของ Layer style ใหเ้ ปน็ ไปตามขนาดของภาพConstrain Proportions ใหร้ กั ษาสัดส่วนเดิมของภาพไว้ คือ เม่ือกาหนดความกวา้ งหรอื ความสงูคา่ ใดค่าหน่ึงอกี คา่ จะถกู ปรับตามโดยอตั โนมตั ิ สัดสว่ นภาพจะสมดลุ กนั (2) Resample Image กาหนดใหเ้ ปน็ การปรบั แบบเพิ่มหรือลดจานวน Pixelsโดยตอ้ งระบวุ ิธคี านวณของโปรแกรม ซงึ่ แตล่ ะวธิ จี ะใหผ้ ลที่ต่างกนั ดงั น้ี (3) Nearest Neighbor การทางานได้เร็วท่สี ดุ แตใ่ หภ้ าพดอ้ ยท่สี ดุ เหมาะกบั ภาพที่มคี วามคมชดั เชน่ ภาพวาด (4) Bilinear ทางานได้เร็วและใหภ้ าพดีปานกลาง (5) Bicubic ใหภ้ าพทด่ี ีทส่ี ดุ เหมาะสาหรบั ภาพท่ัวไปโดยเฉพาะภาพถา่ ย (6) Bicubic Smoother เหมาะสาหรบั การขยายภาพ (7) Bicubic Sharper เหมาะสาหรบั การย่อและขยายภาพการใชง้ าน Layer และมมุ มองภาพ หนา้ 104

เอกสารประกอบการเรียนวชิ าโปรแกรมกราฟิก รหัส 2204-2105 ขนาดของภาพเดิม รูปภาพ 4-26 คลิกเมนู Image Size ทีม่ า : จากโปรแกรม Adobe Photoshop CS6ขนาดใหม่ของไฟล์ภาพ ขนาดเดิมของไฟลภ์ าพ รปู ภาพ 4-27 การปรบั ขนาดของภาพ ท่ีมา : จากโปรแกรม Adobe Photoshop CS6 3. กาหนดความกวา้ งหรอื ความสูง และเลอื กหน่วยวดั ภาพ ดงั ตัวอย่างน้ไี ด้เลอื กเป็นPixels แล้วคลกิ ปมุ่ OK จะได้ผลลพั ธ์ของภาพใหมใ่ นขนาดท่ีกาหนด 4.4.2 ขนาดภาพสาหรับงานส่งิ พิมพ์ ภาพกราฟิกปกหนังสอื ขนาด 16.5 x 19 ซม. กาหนดไฟล์ภาพที่ Document Size เป็นหนว่ ยวัด cm หรอื inch ตามขนาดจรงิ ของหนังสอื โดยกาหนดพ้นื ทส่ี าหรบั ตดั ด้วย เชน่ กาหนดขนาดภาพเปน็ width 18 และ height 23 การกาหนด Resolutionกาหนดคา่ 300 pixels/inch ซ่งึ เปน็ ค่าท่ีใชส้ าหรับงานส่ิงพิมพ์ 4.4.3 ขนาดภาพสาหรับนาไปพมิ พ์ การถ่ายภาพจากกล้องดจิ ิตอล เมื่อถ่ายภาพแลว้ นาภาพเหลา่ น้นั ไปทีร่ ้านพมิ พ์ภาพตามปกตแิ ละเลือกขนาดท่กี าหนดได้ แตถ่ ้าตอ้ งการภาพใหม้ ีคุณภาพสงูตอ้ งคานึงถงึ ภาพท่ถี ่ายมาน้ันพิมพภ์ าพไดข้ นาดสูงสดุ เทา่ ไหร่ ถ้ากาหนดสัดส่วนของภาพไม่ตรงกับขนาดกระดาษแล้วจะเลือกตัดสว่ นใดของภาพออกมรี ายละเอยี ดดังนี้การใชง้ าน Layer และมมุ มองภาพ หนา้ 105

เอกสารประกอบการเรียนวิชาโปรแกรมกราฟิก รหัส 2204-2105 1. อตั ราส่วน (หรอื สัดสว่ น) ของภาพ คือ การถ่ายภาพจากกลอ้ งดจิ ติ อลแบบคอมแพ็คมีอัตราความกวา้ งเป็น 4 ตอ่ 3 เชน่ ภาพขนาด 3,269 x 2,448 Pixels (กลอ้ งระดับ 8 ลา้ น Pixels)เป็นตน้ กลอ้ งดจิ ิตอลระดับสูงขนึ้ ไปทีเ่ รียกวา่ DSLR จะถา่ ยภาพในอตั ราส่วน 3 ตอ่ 2 เชน่ ภาพขนาด3,888 x 2,592 Pixels สาหรบั กระดาษมาตรฐานท่ีใชพ้ มิ พ์ภาพออกทางเครือ่ งพิมพ์มีหลายสัดส่วนเชน่ การพิมพแ์ บบ 4 x 6 นวิ้ (สัดส่วน 3 ต่อ 2) และ 8 x 10 นว้ิ (สดั สว่ น 4 ตอ่ 5) เป็นต้น ดังนน้ัการพิมพ์ภาพออกมาอาจมีผลใหภ้ าพบรเิ วณขา้ ง ๆ ถูกตัดออกไป หากส่งภาพทไ่ี มไ่ ดป้ รบั แตง่ มาก่อนทางรา้ นจะตัดภาพใหเ้ หลือตามสดั ส่วนทีต่ ้องการ ซงึ่ การตัดภาพอาจไม่ตรงตามความตอ้ งการ เชน่ตอ้ งการตัดภาพบรเิ วณด้านซ้ายออก หรอื ต้องการทาใหร้ ปู เลก็ เป็นต้น เม่ือมีความต้องการภาพใหเ้ หมาะสมต้องใชโ้ ปรแกรมแต่งภาพก่อน เช่น โปรแกรม Adobe Photoshop ตัดแตง่ ภาพใหไ้ ด้ขนาดแลว้ บันทกึ ขอ้ มูลไปพิมพท์ รี่ า้ นต่อไป 2. จานวน Pixels กับขนาดของภาพ คือ ภาพถา่ ยจากกลอ้ งดิจติ อลจะมีจานวน Pixelsตา่ งกันข้ึนอยกู่ ับคุณสมบัตขิ องกลอ้ งทีถ่ ่ายภาพ เมือ่ นาภาพไปพิมพ์ทีร่ ้านต้องพิจารณาจานวน Pixelsของภาพที่พมิ พ์ในขนาดใดบ้างจึงจะมีคณุ ภาพดที ่สี ดุ ภาพท่ีมจี านวน Pixels ของภาพสงู สามารถพมิ พ์ภาพไดข้ นาดใหญแ่ ละมีความคมชัดมาก ดังตารางท่ี 4-1ตารางท่ี 4-1 จานวน Pixels กับขนาดของภาพ ขนาดของภาพ จานวน Pixels ขนาดภาพท่ีความ ขนาดภาพทีค่ วาม(กวา้ ง x สงู Pixels) ละเอียด 200 dpi ละเอียด 300 dpi640 x 480 3 แสน 3.2 x 2.4 2.1 x 1.6 5.1 x 3.8 3.4 x 2.51,024 x 768 8 แสน 6.4 x 4.8 4.2 x 3.2 7.5 x 5.0 5.0 x 3.31,280 x 960 1.2 ลา้ น 8.3 x 6.1 5.4 x 4.1 10.0 x 6.6 6.7 x 4.41,504 x 1,000 1.5 ล้าน 11.2 x 7.4 7.5 x 5.0 11.4 x 7.6 7.6 x 5.11,632 x 1,224 2.0 ลา้ น 13.0 x 9.6 8.6 x 6.4 15.0 x 10.0 10.0 x 6.72,000 x 1,312 2.6 ลา้ น 21.3 x 14.2 14.2 x 9.5 22.7 x 15.1 15.1 x 10.12,240 x 1,488 3.3 ลา้ น 28.9 x 19.7 19.3 x 13.22,275 x 1,520 3.5 ลา้ น2,590 x 1,920 5.0 ล้าน3,008 x 2,000 6.0 ล้าน4,256 x 2,848 12.1 ล้าน4,536 x 3,024 13.7 ลา้ น5,782 x 3,946 22.8 ลา้ นการใช้งาน Layer และมมุ มองภาพ หน้า 106

เอกสารประกอบการเรียนวิชาโปรแกรมกราฟกิ รหัส 2204-2105 4.4.4 ตัดขอบภาพ Crop คือ การตัดภาพเลือกเฉพาะส่วนด้วยเครอื่ งมือ Cropหากภาพมีขนาดใหญ่เกินไป หรือมีความต้องการนาภาพมาใช้เพยี งบางส่วน โดยการเลอื กตดั ขอบภาพในสว่ นที่ไมต่ ้องการออก ด้วยเครอื่ งมือดังกลา่ ว ข้นั ตอนดังนี้ 1. คลกิ เครอื่ งมือ 2. คลิกเมาส์ลากคลมุ พืน้ ท่ีส่วนท่ีต้องการ 3. ปรบั ขนาดสดั ส่วนให้เหมาะสมแลว้ กด เพื่อยืนยันตัดภาพ หรอื กดเพ่อื ยกเลกิ การเลือก 4. ภาพทถ่ี กู ตดั ขอบนอก รปู ภาพ 4-28 การตัดขอบภาพ หนา้ 107 ท่ีมา : อรทยั เลศิ ขุนทด (2559)การใชง้ าน Layer และมมุ มองภาพ

เอกสารประกอบการเรยี นวิชาโปรแกรมกราฟิก รหัส 2204-2105สรปุ สาระสาคัญ การตกแตง่ ภาพสามารถใชค้ าสงั่ ตกแต่งแกไ้ ขภาพ เช่น คาสั่งแก้ไขภาพ ปรบั แต่งภาพ สามารถปรบั แต่งภาพโดยไมส่ ง่ ผลกระทบต่อภาพตน้ ฉบับ หรอื ภาพอื่นท่ีอยู่ใกล้เคยี ง โดยอาศัยพาเลต Layerทส่ี ามารถควบคุมการสรา้ งภาพทซ่ี ับซ้อนแต่ละ Layer สามารถกาหนดความโปรง่ ใสของภาพนั้น โดยการกาหนดค่า Opacity และคา่ Fill การผสมสี Layer ดว้ ยคาสงั่ Layer Blend Mode คือ เทคนิคการผสมสรี ะหวา่ ง Layer ภาพ คือ วิธีการผสมสีของภาพใน Layer ปัจจบุ ันเขา้ กับ Layer ด้านล่างทาให้ภาพเปน็ สพี เิ ศษ ใชส้ รา้ ง Effects หรือเปลยี่ นมุมมองของภาพในลักษณะตา่ ง ๆ ภาพทั้งหมดในLayer ไม่มกี ารเปล่ยี นแปลงแตอ่ ย่างใด การผสมสีมีโหมดให้เลอื กหลายรูปแบบสามารถเลอื กใชต้ ามความเหมาะสม ภาพถ่ายจากกลอ้ งดิจิตอลขนาดของภาพสามารถปรบั ขนาดภาพตามความเหมาะสมได้ โดยการคลิกเลือกเมนู Image เพือ่ ปรับขนาดท้ังการย่อภาพ ขยายภาพและตดั ขอบนอกของภาพก่อนนาภาพถ่ายพมิ พอ์ อกทางกระดาษนน้ั ต้องคานงึ ถึงความละเอยี ดของภาพทสี่ ามารถพิมพไ์ ดส้ ูงสดุขนาดเท่าไร เพ่ือทาให้ไดภ้ าพทม่ี ีความสวยงามและความละเอียดคมชัดการใชง้ าน Layer และมมุ มองภาพ หนา้ 108

เอกสารประกอบการเรยี นวิชาโปรแกรมกราฟิก รหสั 2204-2105 แบบฝึกหัดท้ายหนว่ ยการเรียนรู้ท่ี 4 เร่ือง การใชง้ าน Layer และมุมมองภาพคาสงั่ จงตอบคาถามต่อไปนี้ใหส้ มบูรณท์ ่สี ดุ 1. จงอธิบายความหมายของพาเลต Layer……………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………… 2. การตกแตง่ Layer ด้วยคาสั่ง Layer Style คอื อะไร……………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………… 3. การย่อและขยายรูปภาพด้วยเมนู View มีกว่ี ิธี อะไรบา้ ง อธิบาย……………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………… 4. จงอธิบายความหมายของการปรับขนาดของภาพ………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………การใช้งาน Layer และมมุ มองภาพ หน้า 109

เอกสารประกอบการเรยี นวชิ าโปรแกรมกราฟกิ รหสั 2204-2105 ใบงานท้ายหน่วยการเรยี นรู้ที่ 4 เร่ือง การใช้งาน Layer และมุมมองภาพจดุ ประสงค์ 1. ตกแตง่ ภาพด้วยพาเลต Layer ได้ 2. ปรับสี ปรับแสง และแต่งภาพด้วย Layer ได้ 3. กาหนดมมุ มองและการย่อหรือขยายภาพได้ 4. ปรับขนาดของภาพและขนาดของไฟลไ์ ด้ขั้นตอนการปฏิบัตงิ าน 1. แบง่ นกั เรียนออกเปน็ กล่มุ กลุ่มละ 2 คน ศึกษาเอกสารประกอบการเรียน 2. ชมการสาธติ แนะนาการใชโ้ ปรแกรม Adobe Photoshop โดยครูผสู้ อน 3. นักเรียนฝึกปฏิบัตติ ามหวั ข้อที่มอบหมายคาชี้แจง จงปฏิบตั ิตามคาสง่ั ต่อไปนใ้ี หส้ มบรู ณ์สรา้ งภาพ ความกว้าง 500 Pixel สงู 500 Pixel ความละเอยี ด 72 Pixel/Inch กาหนดใหม้ ีเลเยอร์ดงั น้ี 1. ท้องฟ้า 2. พระอาทติ ย์ 3. กอ้ นเมฆ 4. ตน้ ไม้ 5. ตน้ หญ้า 6. สนามหญ้า 7. สระน้า 8. อ่นื ๆในแตล่ ะเลเยอรใ์ หใ้ ช้เครื่องมือ Brush ในการวาด เมื่อเรียบรอ้ ยแลว้ ให้บนั ทกึ ไฟลช์ อื่“ใบงานหน่วยท่ี4.jpg” จากนัน้ นาภาพทบี่ นั ทึกไปใส่ลงในโปรแกรม Microsoft Word แล้วบรรยายรูปภาพ ความยาวประมาณ 5-7 บรรทดั กาหนดแบบอักษรเปน็ “TH Sarabun New”ขนาด 16 Pointการใชง้ าน Layer และมมุ มองภาพ หน้า 110