e-book สื่อการเรียนวิชาโปแกรมกราฟิก

บทที่ 6 ทำงำนกบั เลเยอรร์ จู ้ กั กบั กำรเลอื กพนื้ ทภี่ ำพ104 หลงั จำกนั้นเมอื่ ลองยอ้ นกลบั มำดทู เี่ ฟรมที่ 1 (จรงิ ๆคอื ตงั้ แต่ 1-9) จะเห็นวำ่ วตั ถใุ นเฟรมดงั กลำ่ วยงั คงเป็ นเหมอื นเดมิ ทเี่ รำไดว้ ำดไวแ้ ตแ่ รก จะมเี พยี งเฟรมที่ 10 ทตี่ ำ่ งจำกเดมิ เพรำะเรำไดส้ รำ้ งคยี เ์ ฟรมและทำกำรเปลยี่ นแปลงวตั ถใุ หต้ ำ่ ง ออกไป

บทที่ 6 ทำงำนกบั เลเยอรร์ จู ้ กั กบั กำรเลอื กพนื้ ทภี่ 1ำพ05 เรำยงั สำมำรถทำกำรกำหนดชอื่ ลำเบลใหก้ บั เฟรมทมี่ ี คยี เ์ ฟรมอกี ดว้ ย (จะเป็ น Blank Key Frame หรอื Key Frame ก็ย่อมได)้ ซงึ่ กำรสรำ้ งลำเบลนีส้ ำมำรถทำไดโ้ ดยกำรคลกิ ทเี่ ฟรมบนไทมไ์ ลน์ แลว้ กรอกชอื่ ลำเบลลงในพำเนล properties ดงั ภำพ สำหรบั กำรใชง้ ำนลำเบลน้ัน อำจจะใชเ้ พอื่ ทำกำรหมำยเหตวุ ำ่ เฟรม นั้นเกยี่ วขอ้ งกบั อะไร นอกจำกนีป้ ระโยชนอ์ นื่ ๆ คอื กำรใชง้ ำนรว่ มกบั ActionScript ซงึ่ ใชเ้ พอื่ เขยี นโคด้ ในกำรควบคมุ play head ให ้ กระโดดไปยงั เฟรมชอื่ ลำเบลนั้นๆได ้ นอกจำกสว่ นตำ่ งๆทกี่ ลำ่ วมำ ทงั้ หมดแลว้ ยงั มสี ว่ นอนื่ ๆของไทมไ์ ลนด์ งั ตอ่ ไปนี้

บทที่ 6 ทำงำนกบั เลเยอรร์ จู ้ กั กบั กำรเลอื กพนื้ ทภี่ ำพ 106 กำรจดั กลมุ่ ใหก้ บั เลเยอร ์ เปรยี บเสมอื นกำรสรำ้ งแฟ้ มเอกสำร เพอื่ จดั เก็บเลเยอรแ์ ตล่ ะชนิดเขำ้ ไวด้ ว้ ยกนั 1. ในพำเนล Layers คลกิ ป่ มุ Create a new group จะปรำกฏเลเยอร ์ ใหม่ทมี่ รี ปู โฟลเดอรอ์ ยูด่ ำ้ นหนำ้ เลเยอรแ์ ละจะมชี อื่ วำ่ Group 1 2. ถำ้ ตอ้ งกำรเปลยี่ นชอื่ กลมุ่ ใหด้ บั เบลิ้ คลกิ ทชี่ อื่ Group 1 แลว้ พมิ พช์ อื่ ใหมท่ ตี่ อ้ งกำรแลว้ กดป่ มุ Enter 3. กำรเพมิ่ เลเยอรใ์ หมใ่ นกลมุ่ ใหค้ ลกิ เมำสท์ ไี่ อคอน จะ ปรำกฏเลเยอรใ์ หม่ทอี่ ยใู่ น Layer Animal คอื Layer 1

บทที่ 6 ทำงำนกบั เลเยอรร์ จู ้ กั กบั กำรเลอื กพนื้ ทภี่ ำพ107 4. กำรดแู ลเยอรต์ ำ่ ง ๆ ทอี่ ย่ใู นกลมุ่ ของ Layer ใหค้ ลกิ เมำส ์ ทสี่ ญั ลกั ษณ์ ซงึ่ จะพบกบั เลเยอรท์ อี่ ยูใ่ นกลมุ่ เลเยอรท์ สี่ รำ้ ง ไว ้ ถำ้ เป็ นสญั ลกั ษณ์ หมำยถงึ เปิ ดใหเ้ ห็นเลเยอรท์ อี่ ยูข่ ำ้ ง ในกลมุ่ 5. ถำ้ ตอ้ งกำรนำเลเยอรท์ อี่ ยูด่ ำ้ นนอกกลมุ่ ของเลเยอรย์ ำ้ ยเขำ้ ไปอยู่ ในกลมุ่ ใหค้ ลกิ เมำสท์ เี่ ลเยอรท์ สี่ รำ้ งไวแ้ ลว้ จำกนั้นลำกเมำสเ์ ลเยอร ์ น้ันแลว้ นำไปวำงทกี่ ลมุ่ เลเยอรท์ ตี่ อ้ งกำรยำ้ ยเขำ้ ไปจะเห็นวำ่ เลเยอรท์ ี่ ตอ้ งกำรยำ้ ยน้ันเขำ้ ไปอยใู่ นกลมุ่ เลเยอร ์ สงั เกตไดจ้ ำกตวั อย่ำงของ รปู ภำพจะเขยบิ เขำ้ ไปดำ้ นในกลมุ่

บทที่ 6 ทำงำนกบั เลเยอรร์ จู ้ กั กบั กำรเลอื กพนื้ ทภี่ ำพ108 6. ถำ้ ตอ้ งกำรยำ้ ยเลเยอรอ์ อกจำกกลมุ่ เลเยอร ์ใหค้ ลกิ เมำสท์ เี่ ล เยอรท์ ตี่ อ้ งกำรยำ้ ย จำกนั้นคลกิ เมำสค์ ำ้ งไวแ้ ลว้ นำมำวำงบนเลเยอร ์ ใดก็ไดท้ อี่ ยดู่ ำ้ นนอกของกลมุ่

บทที่ 6 ทำงำนกบั เลเยอรร์ จู ้ กั กบั กำรเลอื กพนื้ ทภี่ ำพ109 กำรลงิ คเ์ ลเยอร ์คอื กำรรวมเอำเลเยอรห์ ลำย ๆ เลเยอรม์ ำรวมอยู่ ดว้ ยกนั เวลำเคลอื่ น ยำ้ ยตำแหน่งหรอื จดั วำงใหม่จะไดก้ ระทำไดใ้ น ครงั้ เดยี ว หรอื สำมำรถเคลอื่ นยำ้ ยเลเยอรเ์หลำ่ นีไ้ ป ดว้ ยกนั ได ้ โดย ไม่ตอ้ งยำ้ ยทลี ะเลเยอร ์วธิ กี ำรสรำ้ งลงิ คเ์ ลเยอรส์ ำมำรถทำไดต้ ำม 1ข.น้ั สตรอำ้ นงเดลงัเยนอี้ รท์ ตี่ อ้ งกำร ประมำณ 2-3 เลเยอร ์ จำกนั้นคลกิ เมำส ์ ทเี่ ลเยอรท์ ตี่ อ้ งกำร สรำ้ งลงิ ค ์ โดยกดป่ มุ Ctrl คำ้ งไวใ้ นขณะที่ เลอื กเลเยอรท์ ี่ 2 (สงั เกตวำ่ เลเยอรท์ เี่ ลอื กจะมแี ถบสี นำ้ วเงนิ คลมุ อยู่) 2. คลกิ เมำสท์ ไี่ อคอน Link Layers เพอื่ ทำกำรลงิ คเ์ ลเยอรท์ เี่ ลอื กไว ้ 3. สงั เกตวำ่ ทดี่ ำ้ นหลงั ของเลเยอรท์ เี่ ลอื กจะมสี ญั ลกั ษณ์ อยทู่ ุกเล เยอรท์ เี่ ลอื ก

บทที่ 6 ทำงำนกบั เลเยอรร์ จู ้ กั กบั กำรเลอื กพนื้ ทภี่1ำ1พ0 ถำ้ ตอ้ งกำรยกเลกิ กำรลงิ คเ์ ลเยอรใ์ หค้ ลกิ เมำสท์ ี่ สญั ลกั ษณ์ ์ คอื กำรกำหนดใหเ้ ลเยอรห์ นึ่งไปรวมกบั อกี เลเยอร ์ กำรรวมเลเยอร หนึ่ง หรอื รวม เลเยอรท์ ง้ั หมดในพำเนล Layers ใหก้ ลำยเป็ นเพยี งเล เยอรเ์ดยี ว ซงึ่ กำรรวมเลเยอรม์ หี ลำยรปู แบบ ดงั นี้ Merge Down กำรรวมเลเยอรส์ องเลเยอรเ์ขำ้ ดว้ ยกนั Merge Down เป็ นคำสง่ั ทกี่ ำหนดใหเ้ ลเยอรท์ กี่ ำลงั ทำงำนอยูร่ วม วกธิ บักี อำกรี รเลวมเลเยอร ์ 1. คลกิ เมำสเ์ ลอื กเลเยอรห์ ลกั หรอื เลเยอรท์ อี่ ยู่ดำ้ นบน จำก ตวั อย่ำงเลเยอรท์ เี่ ลอื กคอื เลเยอร ์ strawberry สว่ นเลเยอรท์ อี่ ยู่ ดำ้ นลำ่ งคอื เลเยอร ์ banana 2. เลอื กเมนูคำสง่ั Layers บนเมนูบำร ์ จำกน้ันเลอื กคำสง่ั Merge Down หรอื คลกิ เมำสท์ ำงขวำตรงเลเยอรท์ คี่ ลกิ เลอื กจำกน้ัน คลกิ คำสง่ั Merge Down เลเยอร ์ strawberry และ banana จะ รวมกนั และเปลยี่ นเป็ นชอื่ เลเยอรด์ ำ้ นลำ่ งคอื เลเยอร ์ banana

บทที่ 6 ทำงำนกบั เลเยอรร์ จู ้ กั กบั กำรเลอื กพนื้ 1ท1ภี่ 1ำพ Merge Visible กำรรวมเลเยอรท์ แี่ สดงผลทงั้ หมด Merge Visible เป็ นกำรรวมเลเยอรท์ ปี่ รำกฏสญั ลกั ษณร์ ปู ดวงตำทงั้ หมดในพำเนล Layers เขำ้ ดว้ ยกนั ใหเ้ หลอื เพยี ง หนึ่งเลเยอรเ์ทำ่ น้ัน โดยเลเยอรท์ ผี่ ่ำนกำรรวมน้ันจะจดั เก็บไวใ้ น เลเยอร ์ Backgroun สว่ นเลเยอรอ์ นื่ ๆ ทซี่ อ่ นไวจ้ ะไม่ถกู นำมำ รววธิ มกี ำรรวมเลเยอร ์ 1. เลเยอรท์ กี่ ำลงั ทำงำน หรอื เปิ ดใชง้ ำนอยู่จะปรำกฏ สญั ลกั ษณ์ บนเมนูบำร ์ จำกนั้นเลอื กคำสง่ั 2. เลอื กเมนูคำสง่ั หรอื คลกิ เมำสท์ ำงขวำตรงเลเยอรท์ คี่ ลกิ เลอื ก จำกนั้นคลกิ คำสง่ั เลเยอรท์ ง้ั หมดทเี่ ปิ ดใช ้ จะถกู รวมเขำ้ ดว้ ยกนั เป็ นเลเยอรเ์ดยี วกนั ชอื่ วำ่

บทที่ 6 ทำงำนกบั เลเยอรร์ จู ้ กั กบั กำรเลอื กพนื้ ทภี่ ำพ112 Flatten Image กำรรวมเลเยอรท์ ง้ั หมด Flatten Image เป็ นกำรรวมเลเยอรท์ ง้ั หมดทอี่ ยู่ในพำเนล Layers ซงึ่ รวมทง้ั เลเยอรท์ ซี่ อ่ นอยทู่ งั้ หมด 1. คลกิ เมำสท์ เี่ ลเยอร ์ จำกนั้นคลกิ เลอื กเมนูคำสง่ั Layer บนเมนู บำร ์ จำกนั้นเลอื กคำสง่ั Flatten Image หรอื คลกิ เมำสท์ ำงขวำ ตรงเลเยอรท์ คี่ ลกิ เลอื กจำกน้ันคลกิ คำสง่ั Flatten Image เลเยอร ์ ทง้ั หมด จะถกู รวมเขำ้ ดว้ ยกนั เป็ นเลเยอรเ์ดยี วกนั ชอื่ วำ่ Background 2. ถำ้ มเี ลเยอรใ์ ดทซี่ อ่ นอยโู่ ปรแกรมจะมไี ดอะล็อคซบ์ ล็อกซย์ นื ยนั กำรรวมเลเยอรท์ งั้ หมดรวมทง้ั ทซี่ อ่ นอยดู่ ว้ ย ถำ้ ตอ้ งกำรรวมทง้ั หมด ใหค้ ลกิ ที่ OK

บทที่ 6 ทำงำนกบั เลเยอรร์ จู ้ กั กบั กำรเลอื กพนื้ ทภี่ 1ำ1พ3 กำรรวมเลเยอร ์ (layer) นั้น มี 3 วธิ ี 1.กำรรวมลเยอรท์ งั้ หมดผ่ำนแถบเมนูดำ้ นบน 2.กำรรวมเลเยอรท์ ง้ั หมดผ่ำน แถบเครอื่ งมอื 3.กำรรวมเฉพำะ เลเยอร ์

บทที่ 6 ทำงำนกบั เลเยอรร์ จู ้ กั กบั กำรเลอื กพนื้ ท1ภี่ 1ำ4พ 1. วธิ รี วมลเยอรท์ ง้ั หมดผ่ำนแถบเมนูดำ้ นบน คลกิ เลเยอรภ์ ำพไหนก็ได ้ แลว้ เลอื กแถบ layer -> merge Visible หรอื (Shift + Ctrl + E) ผลลพั ธท์ ไี่ ด ้

บทที่ 6 ทำงำนกบั เลเยอรร์ จู ้ กั กบั กำรเลอื กพนื้ ท1ภี่ 1ำ5พ 2. วธิ รี วมเลเยอรท์ ง้ั หมดผ่ำน แถบเครอื่ งมอื คลกิ เลเยอร ์ (layer ) ภำพไหนก็ได ้ แลว้ คลกิ ขวำ แลว้ เลอื ก merge Visible ผลลพั ธท์ ไี่ ดเ้ ลเยอร ์(layer ) ทง้ั หมดจะรวมเป็ น เลเยอร ์ (layer ) เดยี ว

บทที่ 6 ทำงำนกบั เลเยอรร์ จู ้ กั กบั กำรเลอื กพนื้ ทภี่ ำพ116 3.วธิ กี ำรรวมเฉพำะ เลเยอร ์ กด Ctrl + ภำพทตี่ อ้ งกำรรวม จำกนั้น กด ( Crtl+ E ) ผลลพั ธท์ ไี ด ้ เลเยอร ์ (layer ) ทเี่ ลอื กจะถกู รวม

บทที่ 7 เทคนิคกำรตกแตง่ ภำพในเลเยอร ์ 117 ตกแตง่ เลเยอรด์ ว้ ยเลเยอร์สไตล์ การตกแต่งเลเยอร์ดว้ ยเลเยอร์สไตล์ (Layer Style) เลเยอรส์ ไตล์ (Layer Style) คอื คณุ สมบัติทก่ี าหนดไว้กบั เลเยอร์ เพือ่ ตกแต่ง ภาพในเลเยอรใ์ หม้ ลี กั ษณะพเิ ศษตา่ งๆ บางครั้งอาจใช้ปะปนกบั คาว่า เลเยอร์เอฟ เฟค็ ต์ (Layer Effect) แต่ความจริงแลว้ ทั้งสองอยา่ งนมี้ คี วามแตกตา่ งกนั ดังน้ี เลเยอร์เอฟเฟ็คต์ (Layer Effect) คอื คณุ สมบัตแิ ตล่ ะอย่างทีเ่ ราสามารถ กาหนดให้เลเยอร์ เช่น ทาใหภ้ าพนนั้ มเี งา ทาใหภ้ าพดูนูนขึ้น หรือมลี วดลาย พ้นื ผวิ เป็นต้น เลเยอรส์ ไตล์ (Layer Style) คือชุดคณุ สมบตั ทิ ป่ี ระกอบด้วยเลเยอรเ์ อฟ เฟ็คต์ต้ังแต่ 1 เอฟเฟค็ ตข์ ้นึ ไป ในการสรา้ งเลเยอร์สไตล์ เราจะเลอื กเอฟเฟค็ ต์มาใชท้ ลี ะอยา่ งแลว้ แตผ่ ลลพั ธท์ ี่ ตอ้ งการหลงั จากนั้นเราสามารถบันทึกเก็บไว้ในสไตล์สาเรจ็ รปู ในพาเลต็ สไตล์ (Style) ซง่ึ สามารถนากลับมาใชไ้ ดง้ า่ ย นอกจากน้ีก็ยงั มีสไตล์สาเร็จรปู อีกจานวน หนึง่ ทีโ่ ปรแกรมเตรียมไว้ให้ ซึ่งเราสามารถเรยี กใช้ได้ทนั ที 1 การสรา้ งเลเยอร์ สไตล์ 1. คลกิ เลือกเลเยอร์ท่ตี อ้ งการกาหนดสไตล์ 2. คลกิ ปุ่ม Add a layer styles แลว้ เลอื กเอฟเฟค็ ต์ท่ตี ้องการใช้ งาน 3. เลอื กออปชนั่ และกาหนดคา่ การทางานตา่ งๆของเอฟเฟ็คต์ โดยดูผลลพั ธ์ บนรูปภาพ 4. ถา้ ต้องการใชเ้ อฟเฟคตอ์ ่นื อีก กค็ ลกิ ที่ชอ่ื เอฟเฟค็ ต์น้ัน แล้วกาหนดคา่ การ ทางานในทานองเดยี วกนั 5. คลกิ ทป่ี ่มุ OK

บทที่ 7 เทคนิคกำรตกแตง่ ภำพในเลเยอร ์ 118

บทที่ 7 เทคนิคกำรตกแตง่ ภำพในเลเยอร ์ 119 2. กำรเรยี กใชส้ ไตล ์ สำเรจ็ รปู พำเล็ต กำรเรยี กใชส้ ไตลเ์ ลเยอรน์ ้ันจะมคี วำมยงุ่ ยำกตรงทนี่ ักเรยี นจะตอ้ งปรบั คำ่ กำรทำงำนตำ่ งๆ ของเอฟเฟ็ คใหเ้ หมำะสม ซงึ่ คำ่ เหลำ่ นีม้ จี ำนวนมำกทำให ้ เสยี เวลำกวำ่ จะไดผ้ ลทถี่ กู ใจ แตถ่ ำ้ หำกนักเรยี นตอ้ งกำรควำมรวดเรว็ เรำ สำมำรถเลอื กใชส้ ไตลส์ ำเรจ็ รปู ทมี่ กี ำรออกแบบและกำหนดคำ่ ตำ่ งๆ มำแลว้ อย่ำงดี กำรเรยี กใชส้ ไตลเ์ ลเยอรส์ ำเรจ็ รปู จะทำไดด้ ว้ ยพำเล็ตสไตลซ์ งึ่ เปิ ด โดยเลอื กคำสง่ั ซงึ่ มคี ำสง่ั พนื้ ฐำนตำ่ งๆ ดงั นี้

บทที่ 7 เทคนิคกำรตกแตง่ ภำพในเลเยอร ์ 120 ทมี่ ำ : https://docs.google.com/viewer?a=v&pid=sites&srcid=ZGV mYXVsdGRvbWFpbnxzcHdrcnV0aWt8Z3g6Njk3MzhjMzNjOT EwMGFhOA

บทที่ 7 เทคนิคกำรตกแตง่ ภำพในเลเยอร ์ 121 เป็ นกำรเจำะภำพดำ้ นบนใหโ้ ปรง่ ใส เพอื่ ใหภ้ ำพดำ้ นลำ่ งลอด ขนึ้ มำดำ้ นบน ตำมชอ่ งของหนำ้ กำก เรำเรยี กเทคนิคนีว้ ำ่ “Layer Mask” 1.สว่ นสดี ำโปรง่ แสง 2.สว่ นสเี ทำโปรง่ แสง เล็กนอ้ ย 3.สว่ นสขี ำวจะทบึ แสง

บทที่ 7 เทคนิคกำรตกแตง่ ภำพในเลเยอร ์ 122 1.ภำพดำ้ นบน 2.กำหนดกำรไลโ่ ทนสี 3.ภำพพนื้ หลงั ภำพผลลพั ธท์ ไี่ ด ้ ภำพพนื้ หลงั แสดงผ่ำนขนึ้ มำ ดำ้ นบนได ้

บทที่ 7 เทคนิคกำรตกแตง่ ภำพในเลเยอร ์ 123 สรำ้ ง Layer Mask โดยกำรไลโ่ ทนสี จำกควำมรทู ้ กี่ ลำ่ วไปขำ้ งตน้ เรำสำมำรถนำ Layer Mask มำใชต้ กแตง่ ภำพไดอ้ ยำ่ งกลมกลนื โดยกำรนำภำพ 2 ภำพ มำซอ้ นกนั แลว้ ใหภ้ ำพหนึ่งเป็ น Mask หรอื เป็ นหนำ้ กำกเพอื่ ใหภ้ ำพเล เยอรล์ ำ่ งลอดออกมำจำกชอ่ งของหนำ้ กำก 1.เรยี ง 2 ภำพ ำดบั

บทที่ 7 เทคนิคกำรตกแตง่ ภำพในเลเยอร ์ 124 2.คลกิ เมำส ์ 3.เพมิ่ Layer Mask 4.คลกิ เลอื ก Gradient Tool 5เลอื กสโี ฟรก์ รำวนดแ์ ละแบ็คกรำวนด ์ เป็ นสดี ำ-ขำว 6.เลอื กใหไ้ ลโ่ ทนสจี ำกโฟรก์ รำวนดไ์ ปยงั แบ็ค กรำวนด ์

บทที่ 7 เทคนิคกำรตกแตง่ ภำพในเลเยอร ์ 125 7.ไลโ่ ทนสจี ำกสดี ำไปยงั สขี ำว 8.แสดงผลกำรซอ้ นเลเยอรโ์ ดยกำรใช ้ Layer Mask

บทที่ 7 เทคนิคกำรตกแตง่ ภำพในเลเยอร ์ 126 กำรสรำ้ ง Layer Mask โดยกำรคดั ลอก ในตวั อย่ำงนีเ้ รำจะเปลยี่ นพนื้ หลงั ของภำพ ดว้ ยกำรสรำ้ ง Mask บงั สว่ นของพนื้ หลงั เดมิ จำกนั้นใชก้ ำรคดั ลอกพนื้ หลงั อนั ใหม่มำใสแ่ ทน 1.เลอื กพนื้ หลงั เดมิ ทจี่ ะเปลยี่ น

บทที่ 7 เทคนิคกำรตกแตง่ ภำพในเลเยอร ์ 127 2.เลอื กพนื้ หลงั ใหม่ทจี่ ะมำแทนที่ 3.เลอื กคำสง่ั Edit>copy คดั ลอกพนื้ หลงั ใหม่

บทที่ 7 เทคนิคกำรตกแตง่ ภำพในเลเยอร ์ 128 4.เลอื กคำสง่ั Edit>Paste Into วำงพนื้ หลงั ใหม่ ในไฟลภ์ ำพทตี่ อ้ งกำร เปลยี่ นพนื้ หลงั

บทที่ 7 เทคนิคกำรตกแตง่ ภำพในเลเยอร ์ 129 5.ภำพพนื้ หลงั ใหม่จะถกู นำมำวำง แลว้ เลอื่ นพนื้ หลงั ใหม่ใหอ้ ย่ใู น ตใำชแเ้ สหน้นพ่งทำตธี่ สอ้ รงำก้ งำรVector Mask เป็ นกำรสรำ้ ง Layer Mask อกี รปู แบบหนึ่ง คอื กำรใช ้ เสน้ พำธมำบงั สว่ นของภำพทเี่ รำไม่ตอ้ งกำร ซงึ่ เรำเรยี ก กำรสรำ้ งในลกั ษณะนีว้ ำ่ “ Vector Mask” ลองดตู วั อย่ำง ตอ่ ไปนี้

บทที่ 7 เทคนิคกำรตกแตง่ ภำพในเลเยอร ์ 130 1.เปลยี่ นเลเยอร ์Background เป็ นเลเยอรป์ กติ 2.สรำ้ งเสน้ พำธรอบพนื้ ทที่ ตี่ อ้ งกำร

บทที่ 7 เทคนิคกำรตกแตง่ ภำพในเลเยอร ์ 131 3.เลอื กคำสง่ั Layer>Vector Mask>Current path

บทที่ 7 เทคนิคกำรตกแตง่ ภำพในเลเยอร ์ 132 4.สว่ นทอี่ ย่นู อกเหนือจำกเสน้ พำธจะหำยไปสำมำรถนำพนื้ ทนี่ น้ั ไปสรำ้ ง งำนอนื่ ๆ ตอ่ ไปได ้

บทที่ 7 เทคนิคกำรตกแตง่ ภำพในเลเยอร ์ 133 เล็มสว่ นเกนิ ของภำพออกดว้ ย Clipping Mask

บทที่ 7 เทคนิคกำรตกแตง่ ภำพในเลเยอร ์ 134 กำรใช ้ Fill Layer Fill Layer เป็ นกำรปรบั แตง่ ภำพ โดยกำรสรำ้ งเลเยอรใ์ หม่เพมิ่ เขำ้ มำซอ้ นอยู่ บนเล เยอรภ์ ำพทตี่ อ้ งกำรปรบั แตง่ ซงึ่ จะคลำ้ ย กบั กำรปรบั แตง่ ภำพดว้ ย Adjustment layer แตจ่ ะแตกตำ่ งกนั ที่ Fill Layer จะสำมำรถปรบั แตง่ ภำพ ไดเ้ พยี งแคก่ ำรเทสี และ กำรไลโ่ ทนสี ใหซ้ อ้ นอยูใ่ นเลเยอรด์ ำ้ นบนเทำ่ น้ัน ซงึ่ จะไม่มผี ลตอ่ เลเยอรข์ องภำพ ดำ้ นลำ่ ง แตอ่ ยำ่ งใด เรำสำมำรถทำกำรปรบั แตง่ ภำพดว้ ย Fill Layer ไดต้ ำมขน้ั ตอน ดงั นี้ 1. เลอื กคำสง่ั Layer >New Fill Layer >Gradient… 2. ปรำกฏหนำ้ จอ New Layer ใหเ้ รำกำหนดชอื่ เลเยอรล์ งในชอ่ ง Name 3. Click mouse ป่ มุ 4. แสดง Fill Layer ซอ้ นเขำ้ มำ 5. ปรบั กำรไลโ่ ทนสี Fill Layer ตำมทเี่ รำตอ้ งกำร 6. แสดงผลเป็ นกำรซอ้ นภำพของเลเยอรภ์ ำพดำ้ นลำ่ ง และเลเยอรข์ องกำรไลโ่ ทน สี โดยกำรไลโ่ ทนสใี น Fill Layer ไมม่ ผี ลในเลเยอรภ์ ำพดำ้ นลำ่ งแตอ่ ยำ่ งใด

บทที่ 7 เทคนิคกำรตกแตง่ ภำพในเลเยอร ์ 135 กำรใช ้ Adjustment Layers เป็ นกำรปรบั แตง่ ภำพวธิ หี นึ่ง ทชี่ ว่ ยใหเ้ รำทดลองปรบั แตง่ เลเยอรภ์ ำพ ดว้ ยเอฟ เฟ็ คตำ่ งๆ โดยไมจ่ ำเป็ น ตอ้ งทำกำรปรบั แตง่ โดยตรง บนเลเยอรจ์ รงิ โดยโปรแกรม จะสรำ้ ง Adjustment Layer นีเ้ พมิ่ ขนึ้ มำซอ้ นอย่บู นเลเยอรภ์ ำพจรงิ ทเี่ รำตอ้ งกำร ปรบั แตง่ ขณะทเี่ รำปรบั แตง่ Adjustment Layer ดว้ ยเอฟเฟ็ คตำ่ งๆ จะสง่ ผล ทำ ใหเ้ ลเยอรภ์ ำพดำ้ นลำ่ งนั้น เปลยี่ นแปลงไปตำม หำกเรำไม่ตอ้ งกำรเอฟเฟ็ คตำ่ งๆ แลว้ เรำก็สำมำรถลบเพยี ง Adjustment Layer เทำ่ น้ัน โดยทภี่ ำพเลเยอรจ์ รงิ ยงั คงอยเู่ หมอื นเดมิ จำกตวั อย่ำงเรำลองปรบั แตง่ คำ่ Hue/Saturation ของภำพโดยใช ้ Adjustment layer ได ้ ตำมขนั้ ตอนดงั นี้

บทที่ 7 เทคนิคกำรตกแตง่ ภำพในเลเยอร ์ 136 1. Click mouse เลอื กเลเยอร ์ทเี่ รำตอ้ งกำรสรำ้ ง Adjustment Layer 2. เลอื กคำสง่ั Layer >New Adjustment Layer >Hue /Saturation… 3. ปรำกฏหนำ้ จอ New Layer ใหเ้ รำกำหนดชอื่ เลเยอร ์ลงในชอ่ ง Name 4. Click mouse ป่ มุ 5. แสดง Adjustment Layer ซอ้ นเขำ้ มำ บนเลเยอรเ์ดมิ 6. ทำกำรปรบั แตง่ สใี น Adjustment Layer ตำมทเี่ รำตอ้ งกำร 7. แสดงผลโดยภำพในเลเยอรด์ ำ้ นลำ่ งจะถกู ปรบั แตง่ สตี ำม Adjustment Layer ไป ดว้ ย

บทที่ 7 เทคนิคกำรตกแตง่ ภำพในเล 137 เยอร ์ Layer Blending Mode เป็ นกำรผสมสภี ำพทซี่ อ้ นกนั ใหอ้ อกมำเป็ นสใี หม่ที่ น่ำสนใจ กอ่ นทเี่ รำจะทำควำมเขำ้ ใจเกยี่ วกบั Blending Mode ตำ่ งๆ มคี ำศพั ทพ์ นื้ ฐำน 3 คำทเี่ รำควรรกู ้ อ่ น คอื Base Color เป็ นสขี องภำพทอี่ ยใู่ นเลเยอรด์ ำ้ นลำ่ ง เป็ นสตี วั ตงั้ Blend Color เป็ นสขี องภำพทอี่ ยูใ่ นเลเยอรด์ ำนบน เป็ นสที มี่ ำผสม Result Color เป็ นสขี องภำพผลลพั ธ ์

บทที่ 7 เทคนิคกำรตกแตง่ ภำพในเลเยอร ์ 138 เลเยอร ์Background เป็ น Base Color

บทที่ 7 เทคนิคกำรตกแตง่ ภำพในเลเยอร ์ 139 เลเอยรท์ ซี่ อ้ นทบั เลเยอร ์Background เป็ น Blend Color เรำตอ้ งเรมิ่ จกกำรเตรยี มภำพทงั้ 2 ทตี่ อ้ งกำร และใหเ้ ลอื กวำ่ ภำพใดจะเป็ นภำพ Base Color และภำพใดจะเป็ นภำพ Blend Color จำกนั้นใหด้ งึ ภำพทงั้ 2 มำไวไ้ ฟลเ์ ดยี วกนั คนละเลเยอร ์

บทที่ 7 เทคนิคกำรตกแตง่ ภำพในเลเยอร ์ 140 1.คลกิ เมำสเ์ ลอื กเลเยอรท์ ตี่ อ้ งกำรใช ้ Background MOde

บทที่ 7 เทคนิคกำรตกแตง่ ภำพในเลเยอร ์ 141 2.คลกิ เลอื ก Hard Light ใน Blending Mode

บทที่ 7 เทคนิคกำรตกแตง่ ภำพในเลเยอร ์ 142 ภำพหลงั กำรใช ้ Blending Mode ผสมสี 2 เลเยอร ์ คลกิ เมำสป์ รบั ควำมโปรง่ ใสของภำพไดท้ ี่ Opacity (ในตวั อย่ำงเรำเลอื กคำ่ Opacity= 50% ) และเรำจะไดผ้ ลลพั ธ ์ ดงั รปู

บทที่ 7 เทคนิคกำรตกแตง่ ภำพในเลเยอร ์ 143 ใชB้ rush Tool ตกแตง่ ภำพรว่ มกบั BIending Mode ของ Base Color มคี วำมคมชดั เจนขนึ้ ในบรเิ วณทเี่ รำเลอื ก ดงั ตวั อย่ำงตอ่ ไปนี้ เรำจะเลอื กใชส้ ี แดงออ่ นๆ ระบำยทบั บรเิ วณทเี่ รำ ตอ้ งกำรใหเ้ ดน่ ขนึ้

บทที่ 7 เทคนิคกำรตกแตง่ ภำพในเลเยอร ์ 144 ^ ภำพกอ่ นกำรเปลยี่ นแปลง 1.คลกิ เมำสเ์ ลอื ก Brush Tool 2.คลกิ เมำสเ์ ลอื กสโี ฟรก์ รำวนด ์

บทที่ 7 เทคนิคกำรตกแตง่ ภำพในเลเยอร ์ 145 3.คลกิ เลอื กมที ตี่ อ้ งกำร แลว้ คลกิ เมำส ์ ok 4.ระบำยสใี นสว่ นทเี่ รำตอ้ งกำรสรำ้ งภำพใหเ้ ดน่ ขนึ้

บทที่ 7 เทคนิคกำรตกแตง่ ภำพในเลเยอร ์ 146 Layer Comps คอื กำรเซฟ สถำนะของ layers ทเี่ รำทำงำนไว ้ เพอื่ ใหแ้ สดงผลได ้ หลำยๆแบบ ในไฟลๆ์ เดยี ว ก็คอื มนั จะเก็บ state กำรแสดง layer ตำ่ งๆของเรำไว ้ น่ันเอง โดยจะสำมำรถเก็บรำยละเอยี ดได ้ 3 อยำ่ งคอื Layer visibility คอื กำรเก็บกำร ซอ่ น/แสดง ของแตล่ ะ layer Layer position คอื กำรเก็บตำแหน่งของภำพ Layer appearance คอื เก็บ Layer Style และ คำ่ ตำ่ งๆทตี่ งั้ ไวใ้ น Blending Option ควำมสำมำรถของ Layer Comps นี้ มปี ระโยชนม์ ำกๆ สำหรบั งำนทมี่ กี ำรแบง่ เป็ น หนำ้ ๆ เชน่ งำนออกแบบเว็บ, ภำพวดี โี อ หรอื ทำภำพ gif เนื่องจำกสำมำรถแสดง ผลไดห้ ลำยหนำ้ ในไฟลๆ์ เดยี ว โดยทไี่ ม่ตอ้ งย่งุ ยำกในกำรจำวำ่ Layers ไหน ซอ่ น หรอื แสดงอยู่ ในหนำ้ น้ันๆ ในกำรใช ้ Layer Comps น้ัน ง่ำยๆก็แคเ่ ปิ ดหนำ้ ตำ่ ง Layer Comps ทเี่ มนู Window > Layer Comps

บทที่ 7 เทคนิคกำรตกแตง่ ภำพในเลเยอร ์ 147 สรำ้ ง layer comps ขนึ้ มำใหม่ ใหเ้ รำตง้ั คำ่ กำรเก็บตำมทตี่ อ้ งกำร ตงั้ ชอื่ ใหเ้ รยี บรอ้ ย เพอื่ ใหจ้ ดจำไดง้ ่ำย จะแสดง layer comp ปัจจบุ นั ถำ้ หำกเรำตอ้ งกำร update layer comps ที่ สรำ้ งขนึ้ ใหเ้ ลอื ก layer comps ทตี่ อ้ งกำรอพั เดท และกดป่ มุ เพอื่ ใหจ้ ดจำรปู แบบกำรแสดงปัจจบุ นั ไว ้ ใน layer comps นั้น สว่ น จะเป็ นกำรแสดง warning ซงึ่ มนั จะแสดงสญั ลกั ษณน์ ี้ ตอ่ เมอื่ กำร save state ของ layer comps นั้น ไมส่ ำมำรถแสดงไดเ้ หมอื นเดมิ คอื มกี ำร delete layer, merge layer, หรอื แปลง layer เป็ น background layer นอกจำกนีเ้ รำสำมำรถ export layer comp แตล่ ะอนั ออกมำเป็ นไฟล ์ .jpg หรอื .psd ไดอ้ กี ดว้ ย โดยเลอื ก File > Scripts > Layer Comps to Files แลว้ เลอื กชนิดของ ภำพทตี่ อ้ งกำร ตวั layer comps นี้ ยงั มปี ระโยชนเ์ วลำทเี่ รำ import ไฟล ์ ในโปรแกรมอนื่ ๆดว้ ย เชน่ ใน Fireworks เมอื่ เรำ import .psd ไฟลท์ มี่ กี ำรกำหนด layer comps ไว ้ จะ สำมำรถ import และแบง่ ไดส้ ะดวกวำ่ หนำ้ ไหนแสดงอยำ่ งไร เป็ นตน้

บทที่ 8 กำรวำดภำพและรปู ทรง 148 กำรวำดรปู ทรงสำเรจ็ รปู (Shape Tool) Shape Tool เป็ นเครอื่ งมอื ทใี่ ชใ้ นกำรวำดภำพทเี่ ป็ นรปู ทรงพนื้ ฐำน เชน่ กำรวำดภำพเป็ นรปู สเี่ หลยี่ ม วงกลม รปู หลำยเหลยี่ ม เสน้ ตรง และ รปู ทรงสำเรจ็ รปู สำมำรถแบง่ ตำมลกั ษณะกำรใชง้ ำน เป็ น 6 รปู แบบ คอื Rectangle Tool สรำ้ งรปู สเี่ หลยี่ มมุมฉำก Rounded Rectangle Tool สรำ้ งรปู สเี่ หลยี่ ม มุมโคง้ Ellipse Tool สรำ้ งรปู วงกลมและวงรี Polygon Tool สรำ้ งรปู หลำยเหลยี่ ม

บทที่ 8 กำรวำดภำพและรปู ทรง 149 Line Tool สรำ้ งเสน้ ตรง Custom Shape Tool สรำ้ งภำพสำเรจ็ รปู ตวั อยำ่ งกำรวำดภำพดว้ ยรปู ทรงเรขำคณิต ในตวั อย่ำงนี้ เรำจะสรำ้ งกำรด์ โดยใชเ้ ครอื่ งมอื ตำ่ ง ๆ เชน่ รปู สเี่ หลยี่ ม รปู หลำยเหลยี่ ม วงกลม วงรี และเสน้ ตรง เพอื่ ใหไ้ ดผ้ ลลพั ธด์ งั ตวั อย่ำงมขี น้ั ตอน ดงั นี้ ขน้ั ตอนที่ 1 สรำ้ งภำพพนื้ หลงั ขขน้ันั้ ตตออนนทที่ ี่21 สสรรำำ้ ้ งงภภำำพพตพกุ๊ นื้ ตหำลงั สรำ้ งพนื้ หลงั ขนำด 800*600 พกิ เซล และเทสแี ดง ลงไป จำกนั้นสรำ้ งรปู 5 เหลยี่ มขน้ั มำแลว้ ลบสพี นื้ หลงั ของ 5 เหลยี่ มออกไป โดยมขี น้ั ตอนดงั ตอ่ ไปนี้

บทที่ 8 กำรวำดภำพและรปู ทรง 150 1.กำหนดขนำดกำรด์ ในหนำ้ ตำ่ ง New เทำ่ กบั 800*600 พกิ เซล 2.คลกิ เมำส ์ เพอื่ เพมิ่ เลเยอรใ์ หม่ขนึ้ มำ 3.เลอื กสโี ฟรก์ รำวนดเ์ ป็ นสแี ดง 4.ใช ้ Pint Bucket Tool เทพนื้ สแี ดงลงไป 5.คลกิ เลอื กเครอื่ งมอื Polygon Tool 6.คลกิ เลอื กกำรวำดแบบโครงรำ่ งบนออปชน่ั บำร ์

บทที่ 8 กำรวำดภำพและรปู ทรง 151 7.คลกิ เมำสแ์ ลว้ ลำกวำดรปู หลำยเหลยี่ มในขนำดทเี่ รำ ตอ้ งกำร 8.กดป่ มุ < Ctrl + Enter > เพอื่ เปลยี่ นเสน้ พำธใหเ้ ป็ นกำร เลอื กพนื้ ที่

บทที่ 8 กำรวำดภำพและรปู ทรง 152 9.กดป่ มุ < Delete > เพอื่ ลบพนื้ สแี ดงทอี่ ยใู่ นกำรเลอื กพนื้ ที่ ออกไป ขน้ั ตอนที่ 2 สรำ้ งภำพตกุ๊ ตำ ตอ่ ไปเรำจะมำวำดภำพตกุ๊ ตำจำกเครอื่ งมอื พนื้ ฐำนกนั โดย วธิ กี ำรดงั นี้

บทที่ 8 กำรวำดภำพและรปู ทรง 153 1.ใชเ้ ครอื่ งมอื Rounded Rectangle Tool 2.เลอื กกำรวำดแบบมเี ฉพำะสพี นื้ 3.คลกิ ในพำเนล Layers เพอื่ เพมิ่ เลเยอรใ์ หมข่ นึ้ มำ 4.วำดรปู สเี่ หลยี่ มมมุ มนในขนำดทตี่ อ้ งกำร