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
โดยทันที
รูปการเปลี่ยนใช้งานเลเยอร์
- 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
ไปฟังเฉลยกันเลยค่ะ เพื่อนๆ
เราต้องซื่อสัตย์ต่อตัวเองนะคะ
