4 2 ส่วนเนื้อหา
- 1. 1 ใบความรู้ 4.1 เรื่อง การใช้งานเลเยอร์ (Layer) ลักษณะการทางานแบบเลเยอร์ เป็นเหมือนการวางแผ่นใส ซ้อนทับกันเป็นลาดับขั้นขึ้นมา เรื่อยๆ โดยแต่ละแผ่นใส เปรียบเสมือนเป็นแต่ละเลเยอร์ บริเวณของเลเยอร์ที่ไม่มีรูป จะเห็นทะลุ ถึงเลเยอร์ที่อยู่ข้างล่าง โดยกระบวนการเช่นนี้ จะทาให้เกิดเป็นรูปภาพสมบูรณ์ และทาให้เราสามารถ จัดวางงานได้ง่าย (“การใช้งานโปรแกรม Photoshop CS3”, ออนไลน์ ) 1. การใช้งาน Layers Palette Layers Palette เป็นศูนย์รวมของเลเยอร์ทั้งหมด ที่มีอยู่ในภาพ โดยเรียงตามลาดับ จากเลเยอร์ที่อยู่บนสุดไปจนถึงเลเยอร์ที่อยู่ล่างสุด มีแถบเลื่อนขึ้นลงเพื่อดูเลเยอร์ต่างๆ แต่ละเลเยอร์ จะมีชื่อของเลเยอร์นั้นๆ อยู่ นอกจากนี้ Layers Palette ยังเป็นเหมือนตัวควบคุมลักษณะการใช้งาน ของเลเยอร์ทั้งหมด เราสามารถเรียกหน้าต่าง Layers Palette ขึ้นมาใช้งานโดยการใช้คาสั่ง Window > Show Layers ที่แถบเมนู
- 2. 2 2. Active Layer ในการใช้งานโปรแกรม Adobe Photoshop นั้น แม้จะประกอบไปด้วยเลเยอร์ หลายเลเยอร์ แต่เราจะทางานได้เพียงทีละเลเยอร์เท่านั้นเลเยอร์ที่เรากาลังทางานอยู่ เราเรียกว่า Active Layer ซึ่งใน Layers Palette จะปรากฏเป็นแถบสีน้าเงิน ดังรูป รูปการใช้งานเลเยอร์ 3. การเปลี่ยนการทางานไปในเลเยอร์ต่างๆ เราสามารถเรียกเลเยอร์ใดทางานได้ โดยการเลื่อนเมาส์ ไปที่เลเยอร์ที่ต้องการ ตัวชี้เมาส์ จะเปลี่ยนเป็นรูป แล้ว Click mouse ที่แถบของเลเยอร์นั้น เลเยอร์นั้นจะกลายเป็น Active Layer โดยทันที รูปการเปลี่ยนใช้งานเลเยอร์
- 3. 3 4. การซ่อนและแสดงเลเยอร์ ภาพภาพหนึ่งจะประกอบไปด้วยเลเยอร์หลายเลเยอร์ในบางครั้งหากเราต้องการปิดบางเลเยอร์ ไม่ให้มองเห็นก่อนเพื่อความสะดวกในการทางานโดยที่ไม่ได้ลบเลเยอร์นั้นทิ้งเราสามารถสั่งให้มีการซ่อน และแสดงเลเยอร์ได้ ดังนี้ 4.1 การซ่อนเลเยอร์ ให้ Click mouse ที่ เพื่อซ่อนเลเยอร์ ซึ่งช่องสถานะนั้น จะเปลี่ยนเป็น 4.2 การแสดงเลเยอร์ ให้ Click mouse ที่ อีกครั้งหนึ่ง เพื่อแสดงเลเยอร์ ช่อง สถานะจะเปลี่ยนกลับมาเป็น 4.3 การซ่อนและแสดงหลายๆ เลเยอร์พร้อมกัน ให้ลากเมาส์ ( Drag mouse ) ผ่าน ช่องสี่เหลี่ยมต่างๆ รูปการแสดงภาพทุกเลเยอร์ รูปการแสดงปิดการมองเห็นภาพบางเลเยอร์
- 4. 4 การสร้างเลเยอร์เพิ่มให้คลิดที่เครื่องหมายสัญลักษณ์สี่เหลี่ยมพับมุม การคัดลอกเลเยอร์ ให้คลิกเมาส์ปุ่มซ้ายค้างที่เลเยอร์ที่ต้องการคัดลอกลากไปที่สัญลักษณ์ สี่เหลี่ยมพับมุม การลบ ให้ลากเลเยอร์ที่ไม่ต้องการไปที่สัญลักษณ์ ถังขยะ 5. Opacity (ลดความเข้มของภาพลง) ในส่วนของ เลเยอร์ มีเครื่องมือตัวนี้มาให้เพื่อช่วยลดความเข้มของภาพลง ทาให้ภาพ ดูใสในเปอร์เซ็นต์ที่ต่าๆ หรือในบางครั้ง ใช้เพื่อทาให้ภาพดูซอฟท์ลง ไม่ให้ดูแข็งเกินไป (“เอกสารประกอบการอบรมเทคนิคการสร้างและตกแต่งภาพด้วยAdobePhotoshopCS3”, ออนไลน์ ) 6. การเปลี่ยนชื่อเลเยอร์ 6.1. ให้คลิกเลือก เลเยอร์ที่ต้องการเปลี่ยนชื่อ 6.2 เลือกเมนู Layer -> Layer Properties จะปรากฏ Dialog ของ Layer 6.3 เปลี่ยนชื่อของ Layer และแถบสีของเลเยอร์ได้ตามต้องการ 6.4 คลิก OK 7. การ Lock Layer เป็นการกาหนดคุณสมบัติต่าง ๆ เพื่อบังคับไม่ให้ Layer ถูกเปลี่ยนแปลงหรือได้รับ ผลกระทบใด ๆ มีทั้งหมด 4 รูปแบบดังนี้ หมายเลข 1 Lock transparent pixels ห้ามไม่ให้เติมสีหรือปรับแก้สีลงไปใน pixels ที่โปร่งแสงบน Layer ได้ หมายเลข 2 Lock image pixels ห้ามไม่ให้มีการแก้ไขหรือตกแต่งภาพบน Layer 1 2 3 4
- 5. 5 หมายเลข 3 Lock position ห้ามไม่ให้มีการเคลื่อนย้ายตาแหน่งของ Layer หมายเลข 4 Lock all ห้ามโดยใช้การกาหนดคุณสมบัติของทั้ง 3 ข้อที่กล่าวมา 8. การ Merge Layer เป็นการรวมชั้นของ Layer ตั้งแต่ 2 ชั้นขึ้นไปมาไว้รวมกัน โดยคลิกที่ปุ่ม แล้วจะปรากฏ Dialog สาหรับเลือกแบบต่าง ๆ ของการ Merge Layer ดังนี้ - Merge Down หรือ Merge Linked เป็นการรวม Layer ที่ใช้งานอยู่กับ Layer ที่ อยู่ลาดับถัดลง โดยถ้า Layer ที่อยู่ลาดับถัดไปมีสัญลักษณ์รูปโซ่ จะมีข้อความว่า Merge Linked แต่ หากไม่มีรูปโซ่จะมีข้อความว่า Merge Down - Merge Visible เป็นการรวม Layer ที่ถูกแสดงหรือมองเห็นได้ทั้งหมด - Flatten Image เป็นการรวม Layer ทุกลาดับชั้นเป็น Layer เดียว โดยมีชื่อว่า Background และจะลบ Layer ที่ถูกซ่อนทิ้งไป
- 6. 6 ใบงานที่ 4.1 เรื่อง การใช้งานเลเยอร์ (Layer) วิชาคอมพิวเตอร์กราฟิก กลุ่มสาระการเรียนรู้การงานอาชีพและเทคโนโลยี ชั้นมัธยมศึกษาปีที่ 5 ------------------------------------------------------------------------------------------ ชื่อ – สกุล ........................................................................................ ชั้น ............ เลขที่ ........... คาชี้แจง ให้นักเรียนตอบคาถามต่อไปนี้ให้ถูกต้องสมบูรณ์ 1. อธิบายลักษณะการทางานของเลเยอร์ ................................................................................................................................................................ ................................................................................................................................................................ ................................................................................................................................................................ ................................................................................................................................................................ ................................................................................................................................................................ 2. บอกขั้นตอนการเปิดใช้งาน Layers Palette ................................................................................................................................................................ ................................................................................................................................................................ ................................................................................................................................................................ 3. จากรูปสัญลักษณ์ดังกล่าว มีหน้าที่อย่างไร มีขั้นตอนการใช้อย่างไรจงอธิบาย ................................................................................................................................................................ ................................................................................................................................................................ ................................................................................................................................................................ 4. Merge Down หรือ Merge Linked หมายถึง ................................................................................................................................................................ ................................................................................................................................................................ ................................................................................................................................................................ 5. Merge Visible หมายถึง .................................................................................................................. ................................................................................................................................................................
- 7. 7 ใบความรู้ 4.2 เรื่อง การสร้าง Selection 1. การใช้เครื่องมือ Marquee Tool Marquee Tool เป็นเครื่องมือสาหรับการกาหนด Selection โดยคลิกเลือก Marquee Tool จาก Tool box จะมีให้เลือกใช้งาน 4 รูปแบบตามความเหมาะสม วิธีการใช้งาน Marquee Tool 1. ให้คลิกที่ Marquee Tool บน Tool Box หรือหากต้องการเลือกรูปแบบอื่นของ Marquee Tool ให้คลิกเมาส์ค้างไว้ แล้วคลิกเลือกรูปแบบที่ต้องการสร้าง Selection 2. วางตาแหน่งของ Cursor รูป เพื่อกาหนดจุดเริ่มสาหรับการสร้าง Selection 3. ให้คลิกเมาส์ค้างไว้และลากเพื่อกาหนดขนาดของพื้นที่ที่ต้องการ แล้วปล่อยเมาส์ จะปรากฏเส้นประของ Selection จากนั้นใช้ปุ่ม Move Tool คลิกย้ายรูปภาพ
- 8. 8 Marquee options เมื่อคลิกเลือกใช้งาน Marquee Tool ที่ Tool options bar เราจะสามารถกาหนด คุณสมบัติต่าง ๆ ของ Marquee tool ได้ดังนี้ 2. การใช้เครื่องมือ Lasso Tool เป็นเครื่องมือที่สามารถสร้าง Selection ได้อย่างอิสระ มีความยืดหยุ่นสูง เมื่อคลิก Lasso Tool ที่ Tool bar จะมีให้เลือกทั้งหมด 3 รูปแบบดังนี้ 2.1 LassoToolเป็นการสร้างSelectionอย่างอิสระวิธีการใช้งานเมื่อคลิกเมาส์ค้างแล้วลาก ไปตามขอบของพื้นที่Selection ที่ต้องการ จนมาบรรจบที่จุดเริ่มต้นแล้วจึงปล่อยเมาส์จะปรากฏ เส้นประของ Selection สามารถกาหนดคุณสมบัติของ Lasso Tool ต่าง ๆ ได้ดังนี้ หมายเลข 1 Feather กาหนดความฟุ้งเบลอของขอบพื้นที่ Selection หมายเลข 2 Anti-aliased กาหนดให้ขอบของพื้นที่ที่เลือกมีความเรียบยิ่งขึ้น ไม่ขรุขระ กาหนดความฟุ้งเบลอของ ขอบ Selection ภาพ รูปแบบการแก้ไข Selection การกาหนดความกว้าง กาหนดค่าลบภาพพื้นหลัง รูปแบบ Selection การกาหนดความสูงรูปแบบที่เลือก
- 9. 9 2.2 Polygonal Lasso Tool เป็นการสร้างพื้นที่ของ Selection ในลักษณะของรูป หลายเหลี่ยม คลิกเมาส์บนภาพเพื่อกาหนดจุดเริ่มต้นในครั้งแรกแล้ว ลากเมาส์จะปรากฏเส้นต่อจาก จุดเริ่มต้นกับปลายเมาส์ วิธีการใช้งานเมื่อคลิกเมาส์Selection ที่เป็นเส้นตรงเชื่อมจากจุดต้นมายังจุด ปลายเมาส์ที่คลิก ให้ทาแบบนี้เรื่อย ๆ เพื่อสร้างเส้นขอบของ Selection จนสุดท้ายให้คลิกเมาส์ บรรจบที่จุดเริ่มต้นครั้งแรก จะเกิด Selectionขึ้นสาหรับการกาหนดคุณสมบัติจะเหมือนกับLassoTool 2.3 Magnetic Lasso Tool เป็นการสร้างพื้นที่ของ Selection อย่างอิสระและรวดเร็วในลักษณะของ แม่เหล็กที่ดูดเข้าหาสี โดย Magnetic Lasso Tool จะใช้ความแตกต่างระหว่างสีที่เลือกกับสีของ Background เป็นตัวกาหนดขอบเขตพื้นที่ Selection วิธีการใช้งานเมื่อคลิกเมาส์เพื่อกาหนด จุดเริ่มต้นแล้ว ให้ปล่อยเมาส์แล้วลากเมาส์ตามขอบเขตพื้นที่ที่ต้องการเลือก Magnetic Lasso Tool จะเลือกขอบเขตพื้นที่ Selection เองโดยอัตโนมัติ จนสุดท้ายให้คลิกเมาส์บรรจบที่จุดเริ่มต้นครั้งแรก จะเกิด Selection ขึ้น คุณสมบัติของ Magnetic Lasso Toolมีเพิ่มจาก Lasso Tool ได้ดังนี้ 1. Width มีค่าตั้งแต่ 1-40 pixels เป็นการกาหนดให้โปรแกรมทาการตรวจสอบ หาขอบเขตของพื้นที่ที่เลือก นับตั้งแต่จุดที่เมาส์ชี้อยู่ไป X pixels เพื่อกาหนดขอบเขต 2. Edge Contrast มีค่าตั้งแต่ 0-100% หากมีค่ามากจะทาให้เส้นขอบของพื้นที่ ที่เลือกอยู่ระหว่างสีที่ Contrast กันมาก 3. Frequency มีค่าตั้งแต่ 0-100 pixels หากค่าความถี่มากจะทาให้มีการกาหนดจุด ในแต่ละช่วงของการ เลือกมากทาให้โปรแกรมสามารถเลือกพื้นที่อย่างมีความถูกต้องมากขึ้น 1 2 3 ชื่อและหน้าที่ของเครื่องมือสาคัญนะ ต้องจาให้ได้นะครับ
- 10. 10 3. การใช้เครื่องมือ Magic Wand Tool เป็นการกาหนดพื้นที่ของ Selection โดยเลือกบริเวณที่มีค่าสีใกล้เคียงกัน วิธีการใช้ งานคือคลิกที่ปุ่ม บน Tool box แล้วคลิกเลือกพื้นที่ที่ต้องการสร้าง Selection นอกจากนี้แล้ว ยังสามารถกาหนดคุณสมบัติของ Magic Wand Tool ได้ดังนี้ หมายเลข1Tolerance มีค่าให้กาหนดตั้งแต่ 0 – 255 pixels เป็นค่าของจานวนสีที่ใกล้เคียง กับสีที่ถูกเลือก หมายเลข 2 Anti-aliased กาหนดให้ขอบของพื้นที่ที่เลือกมีความเรียบยิ่งขึ้น ไม่ขรุขระ หมายเลข3Contiguous สามารถทาการเลือกบริเวณสีที่ใกล้เคียงกันได้เฉพาะในกลุ่ม pixels ที่ได้ คลิกเลือกเท่านั้น ถ้าไม่ได้ Checkไว้จะเลือกบริเวณที่มีสีใกล้เคียงกันในภาพทั้งหมด หมายเลข 4 UseAllLayersเลือกสีโดยมองทุกLayerเป็นเหมือนLayerเดียว หากไม่ถูกCheckไว้ หมายถึงใช้ Magic Wand Tool เฉพาะ Layer นั้นเท่านั้น 4. คาสั่งพื้นฐานของ Selection • All กาหนดพื้นที่ Selection โดยใช้พื้นที่ของรูปภาพทั้งหมด • Deselect ยกเลิกการกาหนดพื้นที่ Selection • Reselect ย้อนกลับไปกาหนดพื้นที่ Selection หลังจากได้ยกเลิกไป • Inverse เป็นการเปลี่ยนพื้นที่ของ Selection จากที่กาหนดไว้ให้เป็นพื้นที่ตรงข้าม
- 11. 11 5. การใช้ Transform เพื่อปรับเปลี่ยนพื้นที่ Selection คลิกที่เมนูคาสั่ง Edit ที่แถบ Menu bar จากนั้นเลือกคาสั่ง Transform - Again กลับสู่รูปแบบเดิมก่อนหน้านี้ 1 ขั้น - Scale ปรับเปลี่ยนแบบ Scale ตามแนวตั้ง แนวนอนและแนวทแยง - Rotate หมุนพื้นที่ที่เลือก - Skew ปิดเกลียวพื้นที่เลือก - Distort การบิดเบือนพื้นที่เลือก - Perspective ปรับขนาดของพื้นที่เลือกให้มีลักษณะการมองแบบ Perspective (แบบมีมิติ ความกว้าง ความยาว ความลึก) - Rotate 180? CW หมุน 180 องศา - Rotate 90? CW หมุน 90 องศาตามเข็มนาฬิกา - Rotate 90? CCW หมุน 90 องศาทวนเข็มนาฬิกา - Flip Horizontal กลับจากซ้ายเป็นขวา - Flip Vertical กลับจากบนลงล่าง
- 12. 12 ใบงานที่ 4.2 เรื่อง การสร้าง Selection วิชาคอมพิวเตอร์กราฟิก กลุ่มสาระการเรียนรู้การงานอาชีพและเทคโนโลยี ชั้นมัธยมศึกษาปีที่ 5 ------------------------------------------------------------------------------------------ ชื่อ – สกุล ........................................................................................ ชั้น ............ เลขที่ ........... คาชี้แจง ให้นักเรียนตอบคาถามต่อไปนี้ให้ถูกต้องสมบูรณ์ 1. เครื่องมือกลุ่ม Selection มีอะไรบ้างและทาหน้าที่อย่างไร ................................................................................................................................................................ ................................................................................................................................................................ ................................................................................................................................................................ ................................................................................................................................................................ ................................................................................................................................................................ ................................................................................................................................................................ ................................................................................................................................................................ ................................................................................................................................................................ ................................................................................................................................................................ 2. จงอธิบายความหมายของคาต่อไปนี้ 2.1 Scale : .......................................................................................................................... 2.2 Rotate : ........................................................................................................................ 2.3 Skew : ........................................................................................................................ 2.4 Distort : ........................................................................................................................ 2.5 Perspective : ............................................................................................................... 2.6 Rotate 180? CW : ....................................................................................................... 2.7 Rotate 90? CCW : ....................................................................................................... 2.8 Flip Horizontal : ......................................................................................................... 2.9 Flip Vertical : ............................................................................................................... ไปฝึกตามกิจกรรมกันเลยค่ะ เพื่อนๆจะได้คล่องแคล่ว
- 13. 13 กิจกรรม เรื่อง การสร้าง Selection วิชาคอมพิวเตอร์กราฟิก กลุ่มสาระการเรียนรู้การงานอาชีพและเทคโนโลยี ชั้นมัธยมศึกษาปีที่ 5 ------------------------------------------------------------------------------------------ คาชี้แจง ให้นักเรียนใช้เครื่องมือกลุ่ม Selection ตัดแต่งรูปภาพ ให้สัมพันธ์กับหัวข้อ ที่กาหนดให้ นักเรียนสามารถค้นหารูปภาพจากอินเทอร์เน็ตได้ “ธรรมชาติ” “ภาวะโลกร้อน”
- 14. 14 แบบทดสอบหลังเรียน เรื่อง การสร้าง Selection วิชาคอมพิวเตอร์กราฟิก กลุ่มสาระการเรียนรู้การงานอาชีพและเทคโนโลยี ชั้นมัธยมศึกษาปีที่ 5 ------------------------------------------------------------------------------------------ คาชี้แจง : 1. แบบทดสอบเป็นแบบปรนัย แบบ 5 ตัวเลือก จานวน 10 ข้อ เวลา 10 นาที 2. ให้นักเรียนเลือกคาตอบที่ถูกตองที่สุดเพียงคาตอบเดียวแลวทาเครื่องหมาย X ลงใน กระดาษคาตอบที่ครูแจกให้ 1. คาสั่งข้อใดเป็นการรวม Layer ที่ถูกแสดงหรือมองเห็นได้ทั้งหมด 1. Merge Layer Background 2. Merge Linked 3. Merge Down 4. Flatten Image 5. Merge Visible 2. เราสามารถเรียก Layers Palette ขึ้นมาใช้งาน โดยการใช้คาสั่งใด 1. Window > Show Layers 2. Layer > Show Layers 3. Edit > Show Layers 4. Filter> Show Layers 5. Select> Show Layers 3. การคลิกเมาส์ที่สัญลักษณ์ ให้ผลอย่างไร 1. การลบเลเยอร์ 2. การเพิ่มเลเยอร์ 3. การแก้ไขเลเยอร์ 4. การซ่อนเลเยอร์ 5. การแสดงเลเยอร์
- 15. 15 4. ถ้านักเรียนต้องการสร้าง Selection ขนาดกว้าง 600 ยาว 80 Pixels ให้เปลี่ยนที่ช่อง Style เป็นแบบใด 1. Normal 2. Fixed Size 3. Width 4. Constrained Aspect Ratio 5. Feather 5. Style ของ Marquee Options มี 3 รูปแบบคือข้อใด 1. Normal, Constrained Aspect Ratio, Feather 2. Width, Feather, Normal 3. Normal, Feather, Fixed Size 4. Normal, Constrained Aspect Ratio, Fixed Size 5. Width, Constrained Aspect Ratio, Fixed Size 6. ถ้านักเรียนต้องการเลือกผลลัพธ์ของภาพที่ตัดเป็นแบบลบส่วนที่เหลือออกต้องเลือกคาสั่งใด 1. Hide 2. Delete 3. Windows 4. Cropped Area 5. Shield cropped area 7. ถ้านักเรียนต้องการสร้างพื้นที่ของSelectionในลักษณะของรูปหลายเหลี่ยมต้องเลือกที่เครื่องมือใด 1. Lasso Tool 2. Polygonal Tool 3. Magnetic Lasso Tool 4. Move Tool 5. Selection Tool
- 16. 16 8. ถ้านักเรียนต้องการเลือกบริเวณของภาพที่มีค่าสีใกล้เคียงกันต้องใช้เครื่องมือข้อใด 1. Lasso Tool 2. Move Tool 3. Polygonal Tool 4. Magic Wand Tool 5. Magnetic Lasso Tool 9. คาสั่ง Transform ข้อใดเป็นการกาหนดให้รูปภาพที่เลือกลับจากซ้ายเป็นขวา 1. Skew 2. Rotate 3. Rotate 90? CCW 4. Flip Horizontal 5. Flip Vertical 10. ถ้านักเรียนต้องการกาหนดความฟุ้งเบลอของขอบพื้นที่ Selection ต้องเลือกที่คุณสมบัติใด 1. Feather 2. Polygonal 3. Anti-aliased 4. Lasso Tool 5. Magnetic Lasso Tool ไปฟังเฉลยกันเลยค่ะ เพื่อนๆ เราต้องซื่อสัตย์ต่อตัวเองนะคะ