6. สอื่ และแหลง่ การเรียนรู้
. แบบทดสอบกอ่ นเรยี น
2. แบบทดสอบหลังเรียน
3. ใบความรูแ้ ละใบงาน
4. เครอ่ื งไมโครคอมพวิ เตอร์
5. ซดี ีส่อื การสอน
6. หนังสอื เรียนวชิ าคอมพวิ เตอรก์ ราฟิกเบื้องตน้ ของ อาจารย์วราภรณ์ อุ้มองั วะ : ศนู ย์สง่ เสริมอาชีวะ,
2547.
7. แบบการประเมินคณุ ธรรม จรยิ ธรรม และคณุ ลกั ษณะท่ีพึงประสงค์
7. งานที่มอบหมาย
1. ทำแบบทดสอบหลังเรยี นจำนวน 10 ขอ้ (Pre - Test)
2. เฉลยและตรวจสอบแบบทดสอบ
3. เปรียบเทยี บผลการทดสอบก่อนเรียน-หลังเรียน
4. นักเรยี นทำความสะอาดห้อง จัดโตะ๊ เกา้ อี้ ใหเ้ รียบร้อย
5. มอบหมายงานใหน้ ักเรียนไปศกึ ษาในหนว่ ยที่ 2 ในสัปดาห์ต่อไป
8. การวดั และประเมนิ ผลการเรียนรู้
8.1 เครอื่ งมือประเมนิ
1. ส่งิ ทจ่ี ะวัด
1.1 วดั ความรคู้ วามเขา้ ใจจุดประสงค์การเรียนรู้
1.2 วัดพฤตกิ รรมการเรยี น
1.3 สังเกตพฤติกรรมการเรยี น
2. วธิ ีการวดั
2.1 ตรวจแบบทดสอบก่อนเรียน หลังเรียน
2.2 ตรวจงานที่มอบหมาย
2.3 สังเกตพฤตกิ รรมการเรียน
3. เครอื่ งมอื วดั
3.1 แบบทดสอบ
3.2 กจิ กรรมที่มอบหมาย
3.3 แบบสงั เกตพฤตกิ รรม
8.2 เกณฑ์การประเมิน
4.1 เกณฑก์ ารวัด
4.1.1 ใหข้ ้อถกู ขอ้ ละ 1 คะแนน ข้อผดิ 0 คะแนน
4.1.2 ใหค้ ะแนนพฤติกรรมการเรยี น
5 หมายถึง ดีมาก
4 หมายถงึ ดี
3 หมายถงึ ปานกลาง
2-1 หมายถงึ ต้องปรบั ปรุง
4.2 เกณฑก์ ารประเมิน
4.2.1 นกั เรยี นไดค้ ะแนนจากการทำแบบทดสอบ ไมต่ ำ่ กวา่ รอ้ ยละ 70
4.1.2 นักเรยี นไดค้ ะแนนจากกจิ กรรมการเรยี น ไมต่ ำ่ กวา่ ร้อยละ 80
4.1.3 นกั เรียนไดค้ ะแนนพฤติกรรมการเรยี น ไมต่ ำ่ กวา่ รอ้ ยละ 60
9. เอกสารอ้างอิง
....................................................................................................................................................................................
....................................................................................................................................................................................
....................................................................................................................................................................................
....................................................................................................................................................................................
....................................................................................................................................................................................
10. บนั ทึกผลหลังการจัดการเรียนรู้
10.1 สรปุ ผลการจัดการเรยี นรู้
รายการ ระดับการปฏิบัติ
5432 1
ด้านการเตรยี มการสอน
1. จัดหนว่ ยการเรยี นรู้ไดส้ อดคล้องกบั วัตถุประสงค์การเรียนรู้
2. กำหนดเกณฑก์ ารประเมินครอบคลมุ ท้ังดา้ นความรู้ ด้านทักษะ และดา้ นจิตพสิ ยั
3. เตรยี มวัสดุ-อุปกรณ์ ส่อื นวตั กรรม กิจกรรมตามแผนการจดั การเรยี นรกู้ อ่ นเขา้ สอน
ด้านการจดั กจิ กรรมการเรยี นรู้
4. มีวิธกี ารนำเข้าส่บู ทเรียนทีน่ า่ สนใจ
5. มกี จิ กรรมทห่ี ลากหลาย เพอื่ ช่วยให้ผู้เรียนเกดิ การเรียนรู้ ความเข้าใจ
6. จดั กิจกรรมท่ีส่งเสริมให้ผู้เรียนค้นคว้าเพื่อหาคำตอบด้วยตนเอง
7. นกั เรยี นมีส่วนรว่ มในการจดั กิจกรรมการเรยี นรู้
8. จดั กิจกรรมทเี่ นน้ กระบวนการคดิ ( คดิ วิเคราะห์ คิดสงั เคราะห์ คดิ สรา้ งสรรค์ )
9. กระตนุ้ ให้ผู้เรยี นแสดงความคิดเห็นอย่างเสรี
10. จัดกจิ กรรมการเรยี นรู้ท่เี ชือ่ มโยงกับชวี ติ จรงิ โดยนำภูมปิ ัญญา/บรู ณาการเขา้ มามสี ว่ นรว่ ม
11. จดั กิจกรรมโดยสอดแทรกคณุ ธรรม จริยธรรม
12. มกี ารเสริมแรงเมือ่ นกั เรียนปฏิบัติ หรือตอบถูกตอ้ ง
13. มอบหมายงานใหเ้ หมาะสมตามศกั ยภาพของผ้เู รยี น
14. เอาใจใสด่ ูแลผูเ้ รียน อย่างทวั่ ถึง
15. ใช้เวลาสอนเหมาะสมกบั เวลาที่กำหนด
ดา้ นสอ่ื นวตั กรรม แหลง่ การเรยี นรู้
16. ใช้สื่อทเี่ หมาะสมกับกจิ กรรมและศกั ยภาพของผูเ้ รียน
17. ใชส้ ือ่ แหลง่ การเรียนรูอ้ ยา่ งหลากหลาย เชน่ บุคคล สถานที่ ของจริง เอกสาร
ส่ืออเิ ล็กทรอนิกส์ และอินเทอรเ์ นต็ เปน็ ตน้
ดา้ นการวดั และประเมินผล
18. ผเู้ รยี นมสี ว่ นรว่ มในการกำหนดเกณฑก์ ารวดั และประเมินผล
19. ประเมนิ ผลอย่างหลากหลายและครบทง้ั ดา้ นความรู้ ทักษะ และจติ พสิ ยั
20. ครู ผ้เู รยี น ผู้ปกครอง หรอื ผทู้ เี่ กีย่ วขอ้ งมสี ว่ นร่วม ในการประเมิน
หมายเหตุ ระดบั การปฏบิ ัติ 5 = ปฏิบตั ิดีเย่ยี ม 4 = ปฏบิ ัติดี 3 = ปฏิบตั พิ อใช้ รวม
2 = ควรปรบั ปรุง 1 = ไม่มกี ารปฏบิ ตั ิ คา่ เฉลี่ย
10.2 ปัญหาที่พบ และแนวทางแก้ปญั หา แนวทางแก้ปัญหา
ปญั หาทพ่ี บ
…………………………………………………….
ดา้ นการเตรยี มการสอน ……………………………………………………..
…………………………………………………….. ……………………………………………………..
…………………………………………………….. ……………………………………………………..
……………………………………………………..
…………………………………………………….. ……………………………………………………..
ดา้ นการจัดกิจกรรมการเรยี นรู้ ……………………………………………………..
…………………………………………………….. ……………………………………………………..
…………………………………………………….. ……………………………………………………..
……………………………………………………..
…………………………………………………….. ……………………………………………………..
ด้านส่อื นวตั กรรม แหลง่ การเรยี นรู้ ……………………………………………………..
…………………………………………………….. ……………………………………………………..
…………………………………………………….. ……………………………………………………..
……………………………………………………..
…………………………………………………….. ……………………………………………………..
ดา้ นการวัดและประเมินผล ……………………………………………………..
…………………………………………………….. ……………………………………………………..
…………………………………………………….. ……………………………………………………..
……………………………………………………..
…………………………………………………….. ……………………………………………………..
ดา้ นอน่ื ๆ (โปรดระบเุ ป็นข้อๆ) ……………………………………………………..
…………………………………………………….. ……………………………………………………..
…………………………………………………….. ……………………………………………………..
……………………………………………………..
……………………………………………………..
ลงช่อื ........................................................................ ครผู สู้ อน
(..........นายกันตภณ พุ่มจันทร์..........)
ตำแหนง่ .......................................................................
............../.................................../....................
แผนการจัดการเรยี นรู้
รหัสวชิ า .......... 20901-1004....... วิชา ...คอมพวิ เตอรก์ ราฟิกเบอื้ งตน้ .......... แผนการจัดการเรียนรทู้ ี่ .......9......
หน่วยท่ี .......5....... ช่ือหนว่ ย .............การทำงานกับสี........................................................................................
ชอ่ื เรือ่ ง........การทำงานกับส.ี ....................................................................................... จำนวน ....3......ชั่วโมง
1. สาระสำคัญ
ศกึ ษาและปฏิบตั ิเกย่ี วกับการดคู า่ สี Info Palette การปรับสภี าพรูปแบบต่าง ๆ และการปรบั แต่ง
ภาพดว้ ยคำสั่งต่าง ๆ
2. สมรรถนะประจำหน่วยการเรียนรู้
1. สามารถประยุกต์การปรับแตง่ ภาพเพ่อื ประโยชน์ในการเรยี น
2. สรา้ งงานด้วยไดโ้ ดยการปรับสตี า่ ง ๆ ได้อยา่ งละเอยี ด
3. จดุ ประสงค์การเรียนรู้
3.1 จดุ ประสงค์ท่วั ไป
เพือ่ ให้ผู้เรียนเข้าใจเก่ยี วกบั ระบบเครือข่ายคอมพิวเตอร์ เปน็ การนำเอาคอมพวิ เตอร์มาเชอื่ มต่อกันเพื่อ
วัตถปุ ระสงคใ์ หค้ อมพิวเตอรส์ ามารถตดิ ต่อส่อื สารแลกเปล่ยี นขอ้ มูล และใช้ทรัพยากรของระบบร่วมกนั ได้
3.2 จุดประสงคเ์ ชิงพฤตกิ รรม
1. มีความรคู้ วามเข้าใจเกยี่ วกับการดูคา่ สี Info Palette
2. สามารถปรบั สีภาพได้
3. สามารถประยุกตก์ ารปรับแต่งภาพเพอื่ ประโยชนใ์ นการเรียน
4. สร้างงานดว้ ยได้โดยการปรับสตี า่ ง ๆ ได้อยา่ งละเอยี ด
5. ผู้เรยี นมคี ุณธรรม จรยิ ธรรมทีพ่ ึงประสงค์ คือ ความมีมนุษยส์ มั พนั ธ์ ความมีวินยั
ความรบั ผิดชอบ ความประหยดั ความสนใจใฝร่ ู้ ความรักสามคั คี ความกตญั ญกู ตเวที
4. สาระการเรียนรู้
เนอ้ื หา
1. การดคู า่ สี Info Palette
ใน Photoshop เร่ืองสีเป็นเรอื่ งทส่ี ำคญั มาก อาจเรียกไดว้ า่ เปน็ หัวใจของภาพกว็ ่าได้ ฉะนัน้
การทำความเข้าใจเรอ่ื งสี จงึ นับเป็นสิง่ สำคญั ย่ิง เรมิ่ ด้วยการดูค่าสที ก่ี ำลังใชง้ านอยู่
การดคู ่าสดี ว้ ย Info Palette
ใน Photoshop เรอ่ื งสีเปน็ เรือ่ งท่สี ำคญั มาก อาจเรยี กไดว้ า่ เปน็ หัวใจของภาพกว็ ่าได้ ฉะนัน้
การทำความเข้าใจเร่อื งสี จงึ นบั เปน็ ส่งิ สำคัญยง่ิ เริม่ ดว้ ยการดคู า่ สที ่ีกำลังใช้งานอยู่
การเปลยี่ นสี Foreground และ Background
1. คลิกเมาส์ท่ีสี Foreground หรือสี Background
Default Color เปล่ยี นสขี อง Foreground และ Background กลบั มาเปน็ สีมาตรฐาน
Switch Color สลับสขี อง Foreground และ Background
2. ปรากฎหนา้ ตา่ ง Color Picker
3. คลิกเลือกสที ต่ี ้องการเลือก
4. คลิกปมุ่ OK
เลอื กสีสำหรับงานเว็บ
เลอื กสจี าก Color Palette
Color Palette เปน็ การแสดงคา่ สีของ Background หรือ Foreground โดยการเล่ือน Slide
สามารถเรียก Color Palette โดยใช้คำส่งั ดงั ต่อไปน้ี
1. คลิกเมนู Windows --> Color
2. ปรากฎหน้าต่าง Color Palette
เลือกสีจาก Swatches Palette
สามารถเลอื กใช้สี Foreground หรอื Background อีกวธิ หี นง่ึ ไดจ้ าก Swatches Palette
Swatches Palette ลักษณะเหมือนจานสสี ่วนตัว เลือกสีเจาะจงเพยี งบางสี เพิม่ ลบ สรา้ ง หรอื แทนทส่ี ี
ใหม่ท่ีต้องการใช้ได้ ทำใหง้ า่ ยตอ่ การใชส้ ี สามารถเรยี กใช้คำส่งั ดงั ตอ่ ไปน้ี
1. คลิกเมนู Window -> Swatches หรอื คลกิ ปา้ ย Swatches
2. เพมิ่ สีใหม่ เลอื กสที ี่ Foreground ก่อน แลว้ คลิกปุ่ม
3. การลบสีจาก Swatches Palette คลกิ ทสี่ ีทต่ี อ้ งการลบ
ลากไปวางทีป่ มุ่
4. คลิกปมุ่ เพ่ือสร้างสใี หม่ หรอื เรียกใชง้ านสอี น่ื ๆ
เลือกสีดว้ ย Eyedropper Tool
1. เปดิ ไฟลร์ ูปภาพบนหนา้ จอ
2. คลกิ ป่มุ ค้างไวจ้ ะแสดงเครอ่ื งมอื
3. คลิกเลือกปุ่มท่ี 1 Eyedropper Tool
3. เลื่อนเมาส์คลกิ สีบนภาพ จะปรากฎสชี อ่ ง
Foreground
4. คลิก เลอื กรูปแบบหาค่าสีท่ี Eyedropper
Options
- Point Sample พนื้ ท่ที ่ีสมุ่ คอื 1 พกิ เซล ค่าสที ่ีแสดง คอื คา่ สีที่ 1 พกิ เซล
- 3 by 3 Average พน้ื ที่ท่ีสุ่มคือ 3x3 พกิ เซล ค่าสีทไ่ี ดค้ อื ค่าเฉลย่ี ของพื้นที่นน่ั
- 5 by 5 Average พื้นทท่ี ี่ส่มุ คอื 5x5 พกิ เซล ค่าสีท่ีได้คือค่าเฉลย่ี ของพน้ื ท่ีน่นั
การเปรียบเทียบสี Color Sampler Tool
การเปรยี บเทียบคา่ สีทีต่ ำแหน่งตา่ ง ๆ กนั ไดถ้ งึ 4 ตำแหนง่ เพ่อื อำนวยความสะดวกในการ ใช้สไี ด้ โดย
การใช้ Color Sampler Tool ดังตอ่ ไปนี้ คอื
1. เปดิ ไฟล์รูปภาพบนหน้าจอ
2. คลิกปุ่ม
3. คลิกทร่ี ูปภาพทต่ี ้องการเปรียบเทียบสจี ุดท่ี 1
จะปรากฎเครื่องหมายสที ี่ 1
4. คลกิ ทรี่ ูปภาพอีกตำแหนง่ จะปรากฎเคร่ืองหมายสที ่ี 2
5. เปรียบเทยี บสที ี่ Info Palette
การลบสใี น Color Sampler Tool
การวัดระยะวตั ถุ Measure Tool
2. การปรับสีภาพ
การปรับสีภาพโดยใช้สายตาเปรยี บเทียบ (Variations)
เปน็ คำสง่ั ท่ใี ช้ในการปรับสีของภาพ หรอื Selection โดยใชส้ ายตาเป็นตัวเปรยี บเทียบ คำสั่ง
นี้เหมาะกบั การปรับภาพโดยทั่ว ๆ ไป ท่ีไมต่ ้องการความเทีย่ งตรงเจาะจงเท่าใดนกั และไม่นยิ มใช้
กับภาพในโหมด Indexed Color วิธกี ารใช้ Variations คือ
1. เปิดไฟลภ์ าพบนหน้าจอ
2. คลกิ เมนู Image --> Adjustments --> Variations
3. จะปรากฎหน้าตา่ ง Variations
4. องค์ประกอบต่าง ๆ ของหนา้ ต่าง Variations คือ
- Original คือ ภาพท่เี ปน็ ต้นฉบับ ถ้าคลิกทภี่ าพเปน็ การกลบั มาท่ีภาพตน้ ฉบบั ดงั เดิม
- Current Pick คอื ภาพผลลพั ธ์ของการปรบั แตง่ ภาพในแตล่ ะคร้งั เมอื่ เปิดภาพคร้ังแรก ภาพ
Original จะเหมอื นกับภาพของ Current Pick
5. รปู แบบการปรับแต่ง
- Shadows เปน็ การปรบั ใหม้ ีความมดื มากขึน้
- Midftone เปน็ การปรับแบบกงึ่ กลาง คอื มที งั้ ความมืดและความสวา่ ง
- Highlight เปน็ การปรบั ใหม้ ีความสว่างมากขึ้น
- Saturate เป็นการปรบั ความเข้มจางและเปอร์เซ็นต์สี
6. Fine / Corse กำหนดสัดส่วนการปรบั แบบละเอียด คือปรบั พน้ื ทคี่ รัง้ ละนอ้ ย ๆ หรือการปรับแบบ
หยาบ คือการปรับพนื้ ที่คร้งั ละมาก ๆ
7. Clipping คลิกเมาส์แสดงสีสะทอ้ นแสงบรเิ วณที่ไม่มกี ารปรบั แตง่ ของภาพ เช่น บรเิ วณที่เปน็ สีขาว
ล้วนหรอื สดี ำลว้ น
8. หากตอ้ งการปรบั สีและความสวา่ ง ใหค้ ลกิ เพม่ิ สที ี่ภาพเลก็ ๆ สใี นโทนทตี่ อ้ งการ
9. หากตอ้ งการลดสี คลกิ เมาสท์ ี่เติมสตี รงกนั ข้าม เชน่ ลดสี Cyan ดว้ ยเติมสี Red
10. คลิก OK
การวเิ คราะหส์ ภี าพในเชิงสถิติ (Histograms)
ความรูเ้ กย่ี วกบั กราฟ Histograms เปน็ ตัวแสดงจำนวนพิกเซลของแตล่ ะค่าสีที่กระจายอยใู่ น
รูปภาพ โดยปกตสิ ามารถดกู ราฟ Histogramsได้ ดงั นค้ี อื
1. เปิดไฟลร์ ูปภาพบนหนา้ จอ
2. สำหรับ Photoshop 7.0 คลกิ เมนู Image --> Histogram...
3. จะปรากฎหนา้ ต่าง Histogram
แกน Y แสดงจำนวน รายละเอียดสขี องภาพ พกิ เซลในแต่ละค่าสี
รูปท่ี 7.4 แสดงสถานะของภาพ Histogram ของ Photoshop 7.0
4. สำหรับ Photoshop CS คลิกเมนู Window --> Histogram
5. ปรากฎหนา้ ต่าง Histogram Palette
การปรบั ระดับสขี องภาพด้วยคำส่งั Level
คำส่ัง Level เปน็ การปรบั ความสวา่ งของภาพ โดยอาศยั ข้อมลู ของกราฟ Histrogram สามารถ
ปรบั ระดบั สีของภาพให้เข้มขน้ึ หรอื จางลงได้ โดยอาศัยการเพม่ิ สดี ำ หรือขาวในภาพ
1. เปดิ ไฟล์ภาพบนหนา้ จอ
2. คลิกเมนู Image --> Adjustments --> Levels
3. ปรากฎหน้าต่าง Levels ปรับคา่ Input และ Output ตามต้องการ
4. คลกิ ปมุ่ OK
การปรบั ระดับสขี องภาพแบบอตั โนมัติ Auto Level
โปรแกรมจะทำการปรบั โทนสขี องภาพแบบอัตโนมัติ โดยจะปรับคา่ เฉลย่ี ใน 2 ส่วน คอื
สว่ นที่ 1 ปรบั ค่าเฉลีย่ ของสใี นแตล่ ะโหมด และสว่ นท่ี 2 ปรับระดบั ความสวา่ ง = สีขาว และ ความมดื = สีดำ
ของสีแตล่ ะ Channel ทำให้โทนสีของภาพที่ออกมาอย่ใู นระดับกลาง ๆ การปรบั แบบน้ีเหมาะ
สำหรับภาพทมี่ คี วาม Contrast กนั มาก ๆ
วธิ ีการเรยี กใชค้ ำสัง่
1. เปดิ ไฟล์รปู ภาพบนหน้าจอ
2. คลิกเมนู Image --> Adjustments --> Auto Level
3. ภาพจะถกู ปรับโทนสขี องภาพแบบอตั โนมตั ิ
การปรบั ระดับความขาว-ดำ ของภาพอัตโนมัติด้วย Auto Contrast
Auto Contrast เป็นการปรบั ระดับความขาว-ดำ ของภาพใหป้ รากฎชัดยง่ิ ขึน้ การปรบั เชน่ นี้
จะปรับพร้อม ๆ กัน ไม่ไดแ้ ยก Channel เหมือนคำสัง่ Auto Level ผลลพั ธ์ทไ่ี ด้ คอื บริเวณทีม่ คี วาม
สวา่ งอยู่แล้ว (Hightlight) ก็จะสว่างย่งิ ขึน้ บริเวณท่ีเป็นเงา (Shadow) กจ็ ะมีความมดื มากขนึ้
การเรียกใชค้ ำสัง่ ดว้ ยเมนู Image
1. จากภาพเดิม
2. คลิกเมนู Image-->Adjustments-->Auto Contrast
3. รปู ภาพจะปรับความขาว - ดำ ของภาพอัตโนมตั ดิ ้วยคำส่ัง Auto Contrast
การปรับระดบั สขี องภาพอัตโนมัติดว้ ย Auto Color
Auto Color เปน็ การปรบั ระดับสีของภาพแบบอตั โนมตั ิ สามารถเรยี กใชค้ ำสั่งดงั นี้
1. เปิดไฟล์รูปภาพบนหน้าจอ
2. คลกิ เมนู Image --> Adjustments --> Auto Color
3. รปู ภาพจะปรับสขี องภาพอตั โนมตั ดิ ว้ ยคำสั่ง Auto Color
5. กิจกรรมการเรียนรู้
กจิ กรรมครู กจิ กรรมผเู้ รยี น
73. ตรวจสอบเช็ครายชื่อนกั เรียนทเี่ ขา้ เรียน 65. เช็ครายชือ่ นักเรยี นท่ีเข้าเรียน
74. แนะนำตวั ครผู ู้สอน ผู้เรยี น ชื่อวชิ า รหสั วชิ า 66. ฟังคำแนะนำตัวครผู ู้สอน ผเู้ รียน ชื่อวชิ า
จดุ ประสงค์ของรายวชิ า คำอธิบายรายวชิ า รหัสวิชา
เกณฑก์ ารประเมินผลทฤษฎี/ปฏบิ ัติ จดุ ประสงค์ของรายวิชา คำอธิบายรายวิชา
75. ครู-นักเรียน ร่วมกันสนทนาเกย่ี วกับการ เกณฑก์ ารประเมินผลทฤษฎี/ปฏิบัติ
ประมวลผลขอ้ มลู และสารสนเทศ 67. ครู-นักเรียน ร่วมกนั สนทนาเกยี่ วกับการ
76. ครูใหน้ ักเรียนทำแบบทดสอบกอ่ นเรยี น ประมวลผลข้อมลู และสารสนเทศ
จำนวน 10 ขอ้ 68. นกั เรยี นทำแบบทดสอบก่อนเรียน
77. นำเขา้ สู่บทเรยี นเกยี่ วกบั การประมวลผลขอ้ มลู จำนวน 10 ข้อ
และสารสนเทศ ประกอบการฉายแผน่ ใส 69. ฟงั การบรรยายความหมายของขอ้ มลู และ
78. อธบิ ายความหมายของข้อมลู และสารสนเทศ สารสนเทศ บอกแหล่งขอ้ มูลและความแตกตา่ ง
บอกแหลง่ ข้อมลู และความแตกต่างของขอ้ มลู ของข้อมลู และสารสนเทศ ขั้นตอนการ
และสารสนเทศ ข้นั ตอนการประมวลผลข้อมูล ประมวลผลขอ้ มูล ประเภทของการ
ประเภทของการประมวลผลขอ้ มูล และการนำ ประมวลผล
คอมพวิ เตอรม์ าใชง้ านในการประมวลผลข้อมลู ขอ้ มลู และการนำ คอมพิวเตอรม์ าใชง้ านใน
โดยใชแ้ ผ่นใส ตอบคำถาม / ซักถามปญั หา การ
79. ถามเกี่ยวกบั ความหมายและความแตกตา่ ง ประมวลผลขอ้ มลู โดยใชแ้ ผน่ ใส ตอบคำถาม /
ของขอ้ มลู และสารสนเทศ สาเหตุการนำ ซักถามปัญหา
คอมพวิ เตอรม์ าใชง้ านในการประมวลผลขอ้ มลู 70. ตอบคำถามเกีย่ วกบั ความหมายและความ
80. ดูแลควบคมุ การจัดแบง่ กลมุ่ แตกตา่ ง
81. แจกใบงาน/ให้คำแนะนำในการจดั กิจกรรม ของข้อมลู และสารสนเทศ สาเหตุการนำ
กลมุ่ คอมพวิ เตอรม์ าใช้งานในการประมวลผลข้อมลู
10. สรปุ ตอบขอ้ สงสัย คน้ ควา้ เพิ่มเติม 71. แบ่งกลมุ่
11. มอบหมายงานใหน้ กั เรยี นไปศึกษาในหน่วยท่ี 72. รับใบงาน/ให้คำแนะนำในการจดั กจิ กรรมกล่มุ
2 เรอื่ ง ส่วนประกอบของคอมพวิ เตอร์ 10. สรปุ ตอบข้อสงสัย ค้นควา้ เพิ่มเติม
12. ประเมินผลการเรยี นของนกั ศกึ ษาในหนว่ ยที่ 5 11. รับมอบงานให้นักเรียนไปศกึ ษาในหนว่ ยที่
จากแบบทดสอบและใบประเมิน 2 เรอ่ื ง ส่วนประกอบของคอมพิวเตอร์
13. ครบู นั ทกึ ขอ้ มลู กจิ กรรมการเรยี นหลงั การสอน 12. ประเมนิ ผลการเรยี นของนกั ศกึ ษาในหนว่ ยที่ 5
จากแบบทดสอบและใบประเมนิ
13. ครบู นั ทกึ ขอ้ มูลกิจกรรมการเรยี นหลังการสอน
6. ส่ือและแหลง่ การเรยี นรู้
1. แบบทดสอบกอ่ นเรียน
2. แบบทดสอบหลงั เรียน
3. ใบความร้แู ละใบงาน
4. เครือ่ งไมโครคอมพวิ เตอร์
5. ซดี สี ่อื การสอน
6. หนังสือเรียนวชิ าคอมพิวเตอรก์ ราฟิกเบื้องตน้ ของ อาจารย์วราภรณ์ อุ้มองั วะ : ศนู ย์สง่ เสริมอาชีวะ,
2547.
7. แบบการประเมินคุณธรรม จรยิ ธรรม และคณุ ลกั ษณะท่ีพึงประสงค์
7. งานที่มอบหมาย
1. ทำแบบทดสอบหลังเรยี นจำนวน 10 ขอ้ (Pre - Test)
2. เฉลยและตรวจสอบแบบทดสอบ
3. เปรยี บเทยี บผลการทดสอบก่อนเรียน-หลังเรียน
4. นกั เรียนทำความสะอาดห้อง จัดโตะ๊ เกา้ อี้ ใหเ้ รียบร้อย
5. มอบหมายงานใหน้ ักเรียนไปศกึ ษาในหนว่ ยที่ 2 ในสัปดาห์ต่อไป
8. การวัดและประเมนิ ผลการเรียนรู้
8.1 เครือ่ งมอื ประเมิน
1. สง่ิ ทจี่ ะวัด
1.1 วดั ความรคู้ วามเข้าใจจุดประสงค์การเรียนรู้
1.2 วดั พฤตกิ รรมการเรยี น
1.3 สังเกตพฤติกรรมการเรยี น
2. วธิ กี ารวดั
2.1 ตรวจแบบทดสอบกอ่ นเรียน หลังเรียน
2.2 ตรวจงานที่มอบหมาย
2.3 สงั เกตพฤตกิ รรมการเรยี น
3. เคร่อื งมือวัด
3.1 แบบทดสอบ
3.2 กจิ กรรมทมี่ อบหมาย
3.3 แบบสงั เกตพฤตกิ รรม
8.2 เกณฑ์การประเมนิ
4.1 เกณฑก์ ารวดั
4.1.1 ให้ข้อถกู ขอ้ ละ 1 คะแนน ขอ้ ผดิ 0 คะแนน
4.1.2 ใหค้ ะแนนพฤติกรรมการเรียน
5 หมายถงึ ดมี าก
4 หมายถงึ ดี
3 หมายถงึ ปานกลาง
2-1 หมายถงึ ตอ้ งปรบั ปรุง
4.2 เกณฑก์ ารประเมิน
4.2.1 นักเรยี นไดค้ ะแนนจากการทำแบบทดสอบ ไมต่ ำ่ กวา่ ร้อยละ 70
4.1.2 นักเรียนไดค้ ะแนนจากกิจกรรมการเรยี น ไม่ตำ่ กวา่ ร้อยละ 80
4.1.3 นักเรียนไดค้ ะแนนพฤติกรรมการเรยี น ไม่ตำ่ กวา่ รอ้ ยละ 60
9. เอกสารอา้ งอิง
....................................................................................................................................................................................
....................................................................................................................................................................................
....................................................................................................................................................................................
....................................................................................................................................................................................
....................................................................................................................................................................................
10. บนั ทึกผลหลังการจดั การเรยี นรู้
10.1 สรุปผลการจดั การเรยี นรู้
รายการ ระดับการปฏิบัติ
5432 1
ด้านการเตรยี มการสอน
1. จดั หนว่ ยการเรยี นรู้ไดส้ อดคลอ้ งกับวัตถุประสงค์การเรียนรู้
2. กำหนดเกณฑก์ ารประเมินครอบคลมุ ท้ังดา้ นความรู้ ดา้ นทักษะ และดา้ นจติ พสิ ยั
3. เตรยี มวสั ดุ-อุปกรณ์ ส่ือ นวตั กรรม กิจกรรมตามแผนการจดั การเรยี นรกู้ อ่ นเขา้ สอน
ดา้ นการจดั กจิ กรรมการเรียนรู้
4. มวี ิธกี ารนำเข้าส่บู ทเรยี นทน่ี ่าสนใจ
5. มีกิจกรรมทห่ี ลากหลาย เพื่อชว่ ยให้ผู้เรียนเกดิ การเรียนรู้ ความเข้าใจ
6. จดั กิจกรรมที่ส่งเสริมให้ผเู้ รยี นคน้ คว้าเพื่อหาคำตอบด้วยตนเอง
7. นักเรยี นมีส่วนรว่ มในการจดั กิจกรรมการเรยี นรู้
8. จัดกิจกรรมทีเ่ น้นกระบวนการคดิ ( คดิ วิเคราะห์ คิดสงั เคราะห์ คดิ สรา้ งสรรค์ )
9. กระตนุ้ ให้ผู้เรยี นแสดงความคดิ เห็นอย่างเสรี
10. จดั กจิ กรรมการเรยี นรู้ท่เี ชื่อมโยงกบั ชวี ติ จรงิ โดยนำภูมิปัญญา/บรู ณาการเขา้ มามสี ว่ นรว่ ม
11. จดั กิจกรรมโดยสอดแทรกคุณธรรม จริยธรรม
12. มกี ารเสริมแรงเมือ่ นกั เรยี นปฏิบัติ หรือตอบถูกตอ้ ง
13. มอบหมายงานใหเ้ หมาะสมตามศกั ยภาพของผ้เู รยี น
14. เอาใจใสด่ ูแลผูเ้ รียน อย่างทั่วถงึ
15. ใชเ้ วลาสอนเหมาะสมกับเวลาที่กำหนด
ดา้ นส่อื นวตั กรรม แหลง่ การเรยี นรู้
16. ใช้ส่ือท่เี หมาะสมกับกิจกรรมและศกั ยภาพของผูเ้ รียน
17. ใชส้ ือ่ แหลง่ การเรียนรู้อย่างหลากหลาย เช่น บุคคล สถานที่ ของจริง เอกสาร
ส่ืออเิ ล็กทรอนิกส์ และอนิ เทอรเ์ นต็ เปน็ ตน้
ดา้ นการวดั และประเมินผล
18. ผเู้ รยี นมสี ว่ นรว่ มในการกำหนดเกณฑก์ ารวดั และประเมินผล
19. ประเมินผลอย่างหลากหลายและครบทง้ั ดา้ นความรู้ ทักษะ และจติ พสิ ยั
20. ครู ผ้เู รียน ผปู้ กครอง หรือ ผู้ทเี่ ก่ียวขอ้ งมสี ว่ นร่วม ในการประเมิน
หมายเหตุ ระดบั การปฏบิ ัติ 5 = ปฏบิ ตั ิดีเย่ยี ม 4 = ปฏบิ ัติดี 3 = ปฏิบตั พิ อใช้ รวม
2 = ควรปรับปรุง 1 = ไมม่ ีการปฏบิ ตั ิ คา่ เฉลี่ย
10.2 ปัญหาท่ีพบ และแนวทางแก้ปัญหา แนวทางแก้ปญั หา
ปัญหาท่ีพบ
…………………………………………………….
ดา้ นการเตรยี มการสอน ……………………………………………………..
…………………………………………………….. ……………………………………………………..
…………………………………………………….. ……………………………………………………..
……………………………………………………..
…………………………………………………….. ……………………………………………………..
ดา้ นการจัดกิจกรรมการเรยี นรู้ ……………………………………………………..
…………………………………………………….. ……………………………………………………..
…………………………………………………….. ……………………………………………………..
……………………………………………………..
…………………………………………………….. ……………………………………………………..
ด้านส่อื นวัตกรรม แหลง่ การเรยี นรู้ ……………………………………………………..
…………………………………………………….. ……………………………………………………..
…………………………………………………….. ……………………………………………………..
……………………………………………………..
…………………………………………………….. ……………………………………………………..
ดา้ นการวัดและประเมินผล ……………………………………………………..
…………………………………………………….. ……………………………………………………..
…………………………………………………….. ……………………………………………………..
……………………………………………………..
…………………………………………………….. ……………………………………………………..
ดา้ นอน่ื ๆ (โปรดระบุเป็นขอ้ ๆ) ……………………………………………………..
…………………………………………………….. ……………………………………………………..
…………………………………………………….. ……………………………………………………..
……………………………………………………..
……………………………………………………..
ลงชือ่ ........................................................................ ครูผสู้ อน
(..........นายกนั ตภณ พุ่มจันทร์..........)
ตำแหน่ง .......................................................................
............../.................................../....................
แผนการจัดการเรียนรู้
รหัสวชิ า .......... 20901-1004....... วชิ า....คอมพวิ เตอร์กราฟิกเบ้ืองต้น......... แผนการจัดการเรียนรู้ท่ี ......10......
หน่วยที่ .......5....... ชอื่ หนว่ ย .............การทำงานกับสี.........................................................................................
ช่อื เรอ่ื ง........การทำงานกับส.ี ........................................................................................ จำนวน ....3......ช่ัวโมง
1. สาระสำคญั
ศกึ ษาและปฏบิ ตั เิ ก่ยี วกบั การดคู ่าสี Info Palette การปรบั สภี าพรปู แบบตา่ ง ๆ และการปรบั แต่ง
ภาพดว้ ยคำสั่งต่าง ๆ
2. สมรรถนะประจำหน่วยการเรียนรู้
1. สามารถประยกุ ตก์ ารปรับแตง่ ภาพเพอื่ ประโยชนใ์ นการเรยี น
2. มคี วามรู้ในด้านการปรับสีตา่ ง ๆและสามารถสรา้ งงานได้จากคำส่ังตา่ ง ๆ ได้ละเอียด
3. จุดประสงคก์ ารเรียนรู้
3.1 จดุ ประสงค์ทว่ั ไป
เพ่ือใหผ้ ้เู รยี นเขา้ ใจเกี่ยวกับ การดูค่าสี Info Palette การปรบั สภี าพรปู แบบตา่ ง ๆ และการปรบั แต่ง
ภาพดว้ ยคำสั่งต่าง ๆ
3.2 จุดประสงคเ์ ชงิ พฤติกรรม
1. สามารถปรบั แต่งภาพด้วยคำสง่ั ตา่ ง ๆ ได้
2. สามารถประยุกตก์ ารปรบั แตง่ ภาพเพ่ือประโยชน์ในการเรยี น
3. มีความรใู้ นดา้ นการปรบั สตี า่ ง ๆและสามารถสรา้ งงานไดจ้ ากคำสง่ั ตา่ ง ๆ ไดล้ ะเอียด
4. ผู้เรียนมคี ุณธรรม จรยิ ธรรมท่พี ึงประสงค์ คอื ความมมี นษุ ยส์ มั พนั ธ์ ความมวี ินัย
ความรบั ผิดชอบ ความประหยัด ความสนใจใฝร่ ู้ ความรกั สามัคคี ความกตญั ญูกตเวที
4. สาระการเรยี นรู้ เนอ้ื หา
3 การปรับแตง่ ภาพดว้ ยคำสั่งต่าง ๆ
การปรบั แต่งภาพดว้ ยคำสงั่ Curve เหมือนกับการปรบั แต่งดว้ ยคำสัง่ Level จะตา่ งกันตรงที่
คำส่งั Curve จะไม่เหน็ กราฟ Histrogram เพราะกราฟของ Curve จะแสดงการเปรยี บเทยี บระหว่าง
คา่ สีเดมิ และคา่ สที ่ปี รับใหม่เทา่ นน้ั
การเรยี กใช้คำสงั่ Curve
1. เปดิ ไฟล์รปู ภาพบนหน้าจอ
2. คลิกเมนู Image --> Adjustments --> Curves
3. จะปรากฎหนา้ ต่าง Curves
4. ปรับเส้น Curve วาดลักษณะต่อเนอ่ื ง จะช่วยลดความคมชดั ของภาพลง ทำใหภ้ าพเรียบเนียนขนึ้
การปรับแต่งความสมดุลของสภี าพ ด้วยคำส่ัง Color Balance
Color Balance เปน็ คำสัง่ การปรบั แต่งความสมดลุ ของสภี าพ ในโหมดสี RGB และ CMYK
ซึ่งมีสที ี่ตรงข้ามกนั อยู่ ตวั อย่างเชน่ การปรับสฟี า้ Cyan ให้เพิ่มข้นึ ขณะทำงานในโหมด RGB ทำได้
ด้วยการเพมิ่ ความเข้มของสีน้ำเงนิ (Blue) และสีเขียว (Green) และลดความเขม้ ของสแี ดง (Red) จะไดส้ ีฟา้
ที่เข้มขน้ึ
1. เปดิ ไฟล์รปู ภาพ
รปู ที่ 7.14 ภาพกอ่ นการปรับแต่ง รปู ที่ 7.15 ภาพหลงั การปรับแตง่ สีเขม้ ขึ้น
2. คลิกเมนู Image --> Adjustments --> Color Balance
เลอ่ื นแถบ Scroll เพิม่ ความเขม้
ของสนี ำ้ เงนิ สเี ขยี วและ
ลดความเขม้ ของสีแดง
3. คลิกวงกลม Shadows เพ่ือปรบั ส่วนมืด
4. คลกิ วงกลม Hightlights เพอ่ื ปรับส่วนสว่าง
5. คลกิ วงกลม Midtones เพ่อื ปรบั น้ำหนกั กลาง
การปรบั ค่าความสว่างและความคมชัดดว้ ยคำสั่ง Brightness/Contrast
Brightness/Contrast เป็นการปรบั ภาพแบบงา่ ย ๆ การปรบั แต่ละครง้ั จะเป็นการปรับคา่ ทกุ ค่า ไปพร้อม
ๆ กนั ไม่ว่าจะเป็นเรือ่ งของแสง เงา และสี ไมส่ ามารถปรบั ภาพในแตล่ ะ Channel ของ โหมดสไี ด้ จึงไม่เหมาะ
สำหรบั งานที่ต้องการคณุ ภาพของงานสูง ๆ
การปรบั ค่า Brightness / Contrast
1. เปิดไฟลร์ ปู ภาพบนหน้าจอ
2. คลิกเมนู Image --> Adjustments --> Brightness / Contrast
3. ปรากฎหนา้ ตา่ ง Brightness / Contrast ...
4. เลื่อน Scroll ชอ่ ง Brightness: ปรับความสว่างของภาพ +30
5. เลื่อน Scroll ชอ่ ง Contrast: ปรบั ความคมชดั ของภาพ +15
6. คลิกปมุ่ OK
การปรับความเขม้ และความจางของสีภาพด้วย Hue/Saturation
Hue / Saturation เป็นการปรบั โดยอาศัยพื้นฐานของการมองภาพในโมเดลของ HSB
การใชค้ ำสั่ง Hue / Saturation
1. เปดิ ไฟล์รูปภาพบนหน้าจอ
2. คลกิ เมนู Image คลกิ Adjustments คลกิ รายการ Hue/Saturation
3. ปรากฎหน้าตา่ ง Hue / Saturation
3. เลอ่ื น Scroll เพอื่ ปรบั โทนสี ช่อง Hue:
4. เลอ่ื น Scroll เพื่อปรบั ความสด อมิ่ ตัว ชอ่ ง Saturation:
5. เลื่อน Scroll เพ่อื ปรบั ความสวา่ ง ช่อง Lightness:
6. คลกิ OK
การปรับภาพให้เป็นสีขาว - ดำ ด้วย Desaturate
Desaturate เปน็ คำสง่ั ที่ใชเ้ พ่ือเอาค่าสีออกจากภาพ ทำใหภ้ าพท่เี หลือมเี ฉพาะสขี าวและสดี ำ
โดยทีโ่ หมดสขี องภาพยงั เป็นโหมดเดิม
การใช้คำสัง่ Desaturate
1. เปิดไฟล์รูปภาพบนหนา้ จอ
2. คลิกเมนู Image --> Adjustments --> Desaturate
3. รูปภาพจะเปลยี่ นเป็นภาพ ขาว – ดำ
การปรับภาพดว้ ย Match Color ใน Photoshop CS
5. กิจกรรมการเรยี นรู้
กจิ กรรมครู กจิ กรรมผเู้ รยี น
82. ตรวจสอบเช็ครายชื่อนกั เรียนทเี่ ขา้ เรียน 73. เช็ครายชือ่ นักเรยี นท่ีเข้าเรียน
83. แนะนำตวั ครผู ู้สอน ผู้เรยี น ชอ่ื วชิ า รหสั วชิ า 74. ฟังคำแนะนำตัวครผู ู้สอน ผเู้ รียน ชื่อวชิ า
จดุ ประสงค์ของรายวชิ า คำอธิบายรายวชิ า รหัสวิชา
เกณฑก์ ารประเมินผลทฤษฎี/ปฏบิ ตั ิ จดุ ประสงค์ของรายวิชา คำอธิบายรายวิชา
84. ครู-นักเรียน ร่วมกันสนทนาเก่ียวกับการ เกณฑก์ ารประเมินผลทฤษฎี/ปฏิบัติ
ประมวลผลขอ้ มูลและสารสนเทศ 75. ครู-นักเรียน ร่วมกนั สนทนาเกยี่ วกบั การ
85. ครูใหน้ ักเรียนทำแบบทดสอบกอ่ นเรยี น ประมวลผลข้อมลู และสารสนเทศ
จำนวน 10 ขอ้ 76. นกั เรยี นทำแบบทดสอบก่อนเรียน
86. นำเขา้ สู่บทเรยี นเกยี่ วกบั การประมวลผลขอ้ มลู จำนวน 10 ข้อ
และสารสนเทศ ประกอบการฉายแผน่ ใส 77. ฟงั การบรรยายความหมายของขอ้ มลู และ
87. อธิบายความหมายของข้อมูลและสารสนเทศ สารสนเทศ บอกแหล่งขอ้ มูลและความแตกตา่ ง
บอกแหลง่ ข้อมลู และความแตกต่างของขอ้ มลู ของข้อมลู และสารสนเทศ ขั้นตอนการ
และสารสนเทศ ข้นั ตอนการประมวลผลข้อมูล ประมวลผลขอ้ มูล ประเภทของการ
ประเภทของการประมวลผลขอ้ มูล และการนำ ประมวลผล
คอมพวิ เตอรม์ าใชง้ านในการประมวลผลข้อมลู ขอ้ มลู และการนำ คอมพิวเตอรม์ าใชง้ านใน
โดยใชแ้ ผ่นใส ตอบคำถาม / ซักถามปญั หา การ
88. ถามเกี่ยวกบั ความหมายและความแตกตา่ ง ประมวลผลขอ้ มลู โดยใชแ้ ผน่ ใส ตอบคำถาม /
ของขอ้ มลู และสารสนเทศ สาเหตุการนำ ซักถามปัญหา
คอมพวิ เตอรม์ าใชง้ านในการประมวลผลขอ้ มลู 78. ตอบคำถามเกีย่ วกบั ความหมายและความ
89. ดูแลควบคมุ การจัดแบง่ กลมุ่ แตกตา่ ง
90. แจกใบงาน/ให้คำแนะนำในการจดั กิจกรรม ของข้อมลู และสารสนเทศ สาเหตุการนำ
กลมุ่ คอมพวิ เตอรม์ าใช้งานในการประมวลผลข้อมลู
10. สรปุ ตอบขอ้ สงสัย คน้ ควา้ เพิ่มเตมิ 79. แบ่งกลมุ่
11. มอบหมายงานใหน้ กั เรยี นไปศึกษาในหนว่ ยท่ี 80. รับใบงาน/ให้คำแนะนำในการจดั กจิ กรรมกล่มุ
2 เรอื่ ง ส่วนประกอบของคอมพิวเตอร์ 10. สรปุ ตอบข้อสงสัย ค้นควา้ เพิ่มเติม
12. ประเมินผลการเรยี นของนกั ศกึ ษาในหนว่ ยที่ 5 11. รับมอบงานให้นักเรียนไปศกึ ษาในหน่วยที่
จากแบบทดสอบและใบประเมนิ 2 เรอ่ื ง ส่วนประกอบของคอมพิวเตอร์
13. ครบู นั ทกึ ขอ้ มลู กจิ กรรมการเรยี นหลงั การสอน 12. ประเมนิ ผลการเรยี นของนกั ศกึ ษาในหนว่ ยที่ 5
จากแบบทดสอบและใบประเมนิ
13. ครบู นั ทกึ ขอ้ มูลกิจกรรมการเรยี นหลังการสอน
6. ส่ือและแหลง่ การเรยี นรู้
1. แบบทดสอบกอ่ นเรียน
2. แบบทดสอบหลงั เรียน
3. ใบความร้แู ละใบงาน
4. เครือ่ งไมโครคอมพวิ เตอร์
5. ซดี สี ่อื การสอน
6. หนังสือเรียนวชิ าคอมพิวเตอรก์ ราฟิกเบื้องตน้ ของ อาจารยว์ ราภรณ์ อุ้มองั วะ : ศนู ย์สง่ เสริมอาชีวะ,
2547.
7. แบบการประเมินคุณธรรม จรยิ ธรรม และคณุ ลกั ษณะทพ่ี ึงประสงค์
7. งานทีม่ อบหมาย
1. ทำแบบทดสอบหลังเรยี นจำนวน 10 ขอ้ (Pre - Test)
2. เฉลยและตรวจสอบแบบทดสอบ
3. เปรยี บเทยี บผลการทดสอบก่อนเรียน-หลงั เรยี น
4. นักเรียนทำความสะอาดห้อง จดั โตะ๊ เก้าอี้ ใหเ้ รียบรอ้ ย
5. มอบหมายงานใหน้ ักเรียนไปศกึ ษาในหน่วยที่ 2 ในสปั ดาห์ต่อไป
8. การวัดและประเมินผลการเรียนรู้
8.1 เครือ่ งมอื ประเมิน
1. สง่ิ ทจี่ ะวัด
1.1 วดั ความรคู้ วามเข้าใจจุดประสงค์การเรยี นรู้
1.2 วดั พฤตกิ รรมการเรยี น
1.3 สังเกตพฤติกรรมการเรยี น
2. วธิ กี ารวดั
2.1 ตรวจแบบทดสอบกอ่ นเรียน หลังเรียน
2.2 ตรวจงานที่มอบหมาย
2.3 สงั เกตพฤตกิ รรมการเรียน
3. เครื่องมือวัด
3.1 แบบทดสอบ
3.2 กจิ กรรมทมี่ อบหมาย
3.3 แบบสงั เกตพฤตกิ รรม
8.2 เกณฑก์ ารประเมนิ
4.1 เกณฑก์ ารวัด
4.1.1 ใหข้ ้อถกู ขอ้ ละ 1 คะแนน ข้อผดิ 0 คะแนน
4.1.2 ใหค้ ะแนนพฤตกิ รรมการเรียน
5 หมายถงึ ดีมาก
4 หมายถึง ดี
3 หมายถึง ปานกลาง
2-1 หมายถึง ตอ้ งปรบั ปรุง
4.2 เกณฑ์การประเมิน
4.2.1 นกั เรยี นไดค้ ะแนนจากการทำแบบทดสอบ ไมต่ ่ำกว่ารอ้ ยละ 70
4.1.2 นกั เรียนไดค้ ะแนนจากกจิ กรรมการเรียน ไมต่ ำ่ กวา่ ร้อยละ 80
4.1.3 นกั เรยี นไดค้ ะแนนพฤติกรรมการเรยี น ไม่ตำ่ กวา่ ร้อยละ 60
9. เอกสารอ้างองิ
....................................................................................................................................................................................
....................................................................................................................................................................................
....................................................................................................................................................................................
....................................................................................................................................................................................
....................................................................................................................................................................................
10. บนั ทึกผลหลังการจดั การเรียนรู้
10.1 สรปุ ผลการจัดการเรยี นรู้
รายการ ระดับการปฏิบัติ
5432 1
ด้านการเตรยี มการสอน
1. จัดหนว่ ยการเรยี นรู้ไดส้ อดคล้องกบั วัตถุประสงค์การเรียนรู้
2. กำหนดเกณฑก์ ารประเมินครอบคลมุ ท้ังดา้ นความรู้ ด้านทักษะ และดา้ นจติ พิสัย
3. เตรยี มวัสดุ-อุปกรณ์ ส่อื นวตั กรรม กิจกรรมตามแผนการจดั การเรยี นรกู้ ่อนเขา้ สอน
ดา้ นการจดั กจิ กรรมการเรยี นรู้
4. มวี ธิ กี ารนำเข้าส่บู ทเรียนท่นี า่ สนใจ
5. มีกิจกรรมทห่ี ลากหลาย เพ่อื ช่วยให้ผู้เรียนเกดิ การเรียนรู้ ความเข้าใจ
6. จดั กจิ กรรมที่ส่งเสริมให้ผเู้ รียนค้นควา้ เพื่อหาคำตอบด้วยตนเอง
7. นกั เรยี นมีสว่ นรว่ มในการจดั กิจกรรมการเรยี นรู้
8. จดั กิจกรรมทเี่ นน้ กระบวนการคิด ( คดิ วิเคราะห์ คิดสงั เคราะห์ คดิ สรา้ งสรรค์ )
9. กระตนุ้ ให้ผู้เรยี นแสดงความคิดเห็นอย่างเสรี
10. จดั กจิ กรรมการเรยี นรู้ท่เี ชือ่ มโยงกับชวี ิตจรงิ โดยนำภูมิปัญญา/บรู ณาการเขา้ มามสี ว่ นรว่ ม
11. จัดกิจกรรมโดยสอดแทรกคณุ ธรรม จริยธรรม
12. มีการเสริมแรงเมือ่ นกั เรียนปฏบิ ัติ หรือตอบถูกตอ้ ง
13. มอบหมายงานใหเ้ หมาะสมตามศกั ยภาพของผ้เู รยี น
14. เอาใจใสด่ ูแลผูเ้ รียน อย่างทวั่ ถึง
15. ใช้เวลาสอนเหมาะสมกบั เวลาทกี่ ำหนด
ดา้ นสื่อ นวตั กรรม แหลง่ การเรยี นรู้
16. ใช้สื่อทเี่ หมาะสมกับกิจกรรมและศกั ยภาพของผูเ้ รียน
17. ใชส้ ือ่ แหลง่ การเรียนรอู้ ยา่ งหลากหลาย เชน่ บุคคล สถานที่ ของจริง เอกสาร
ส่ืออเิ ล็กทรอนิกส์ และอินเทอรเ์ นต็ เปน็ ตน้
ดา้ นการวดั และประเมินผล
18. ผูเ้ รยี นมสี ว่ นรว่ มในการกำหนดเกณฑก์ ารวดั และประเมินผล
19. ประเมนิ ผลอย่างหลากหลายและครบทง้ั ดา้ นความรู้ ทักษะ และจติ พิสยั
20. ครู ผ้เู รยี น ผปู้ กครอง หรอื ผทู้ เ่ี กีย่ วขอ้ งมสี ว่ นร่วม ในการประเมิน
หมายเหตุ ระดบั การปฏบิ ัติ 5 = ปฏิบตั ิดีเย่ยี ม 4 = ปฏบิ ัติดี 3 = ปฏิบตั พิ อใช้ รวม
2 = ควรปรับปรุง 1 = ไม่มกี ารปฏบิ ตั ิ คา่ เฉลี่ย
10.2 ปัญหาทพ่ี บ และแนวทางแกป้ ัญหา แนวทางแกป้ ญั หา
ปัญหาท่พี บ
…………………………………………………….
ดา้ นการเตรยี มการสอน ……………………………………………………..
…………………………………………………….. ……………………………………………………..
…………………………………………………….. ……………………………………………………..
……………………………………………………..
…………………………………………………….. ……………………………………………………..
ดา้ นการจดั กิจกรรมการเรยี นรู้ ……………………………………………………..
…………………………………………………….. ……………………………………………………..
…………………………………………………….. ……………………………………………………..
……………………………………………………..
…………………………………………………….. ……………………………………………………..
ด้านส่อื นวัตกรรม แหลง่ การเรยี นรู้ ……………………………………………………..
…………………………………………………….. ……………………………………………………..
…………………………………………………….. ……………………………………………………..
……………………………………………………..
…………………………………………………….. ……………………………………………………..
ดา้ นการวัดและประเมนิ ผล ……………………………………………………..
…………………………………………………….. ……………………………………………………..
…………………………………………………….. ……………………………………………………..
……………………………………………………..
…………………………………………………….. ……………………………………………………..
ดา้ นอน่ื ๆ (โปรดระบุเปน็ ขอ้ ๆ) ……………………………………………………..
…………………………………………………….. ……………………………………………………..
…………………………………………………….. ……………………………………………………..
……………………………………………………..
……………………………………………………..
ลงช่อื ........................................................................ ครูผสู้ อน
(..........นายกันตภณ พ่มุ จนั ทร์..........)
ตำแหนง่ .......................................................................
............../.................................../....................
แผนการจัดการเรียนรู้
รหสั วิชา .......... 20901-1004....... วิชา ..คอมพวิ เตอร์กราฟิกเบอื้ งต้น............ แผนการจดั การเรยี นรู้ท่ี ......11....
หน่วยที่ .......6....... ชอ่ื หน่วย .............การระบายสแี ละการตกแต่งภาพ................................................................
ชอ่ื เรอื่ ง........การระบายสีและการตกแตง่ ภาพ................................................................. จำนวน ....3......ช่วั โมง
1. สาระสำคญั
เป็นการศกึ ษาเก่ยี วกบั การใช้เครอ่ื งมือ Paint Tool และการไลโ่ ทนสีด้วย Gradient Tool
เป็นส่ิงที่จำเป็นอย่างมากในการเรยี นด้วยคอมพวิ เตอร์กราฟกิ เบอื้ งต้น
2. สมรรถนะประจำหนว่ ยการเรียนรู้
1. สามารถสรา้ งรปู และการใชเ้ ครอ่ื งมอื Paint Tool ในการตกแตง่ ภาพได้
2. นำการศึกษาเรื่องการตกแต่งภาพมาใช้ประโยชน์ทางด้านการศกึ ษาได้
3. จดุ ประสงค์การเรียนรู้
3.1 จุดประสงค์ท่วั ไป
เพื่อให้ผเู้ รยี นเข้าใจเกย่ี วกบั การใช้เครือ่ งมอื Paint Tool และการไล่โทนสีดว้ ย Gradient Tool เปน็ สิ่ง
ท่จี ำเป็นอย่างมากในการเรยี นดว้ ยคอมพวิ เตอรก์ ราฟกิ เบ้อื งตน้
3.2 จดุ ประสงคเ์ ชิงพฤติกรรม
1. บอกวธิ ีการใช้เครอื่ งมอื Paint Tool ได้
2. ไล่โทนสดี ว้ ยเครอ่ื งมอื Gradient Tool ได้
3. สามารถสรา้ งรูปและการใชเ้ ครอื่ งมือ Paint Tool ในการตกแตง่ ภาพได้
4. นำการศกึ ษาเร่ืองการตกแตง่ ภาพมาใชป้ ระโยชนท์ างด้านการศึกษาได้
5. ผเู้ รยี นมคี ุณธรรม จริยธรรมทพ่ี ึงประสงค์ คอื ความมมี นุษยส์ ัมพันธ์ ความมวี ินยั
ความรบั ผดิ ชอบ ความประหยดั ความสนใจใฝร่ ู้ ความรกั สามคั คี ความกตัญญูกตเวที
4. สาระการเรียนรู้
เนื้อหา
1 การใช้เครอ่ื งมอื Paint Tool
ในการสรา้ งภาพกราฟิกบนคอมพวิ เตอร์ จะมกี ารทำงาน 2 สว่ นทแี่ ตกต่างกนั คอื
การระบายสีภาพ (Painting) เป็นกระบวนการทเ่ี ปลี่ยนสภี าพในแตล่ ะพกิ เซล เมื่อเปลี่ยนสี ภาพไปแล้ว
ไมส่ ามารถใชก้ าร Selection หรือการเคล่อื นย้ายสีนี้ไปลงยงั ตำแหน่งใหมไ่ ด้
การวาดภาพ (Drawing) เป็นการวาดให้เปน็ รปู ทรงตา่ ง ๆ หรือกำหนดให้เป็นรปู ทรง
เรขาคณิตก็ได้ ลายเส้นทเ่ี กดิ ขึ้นไม่ได้ผลตอ่ พกิ เซลของภาพ สามารถย่อและปรบั ขนาดของภาพได้
โดยภาพไม่แตก (กรรมวธิ แี บบ Vector) สามารถใช้การ Selection หรือเคลอ่ื นยา้ ยลายเสน้ ตา่ ง ๆ ได้
การใชป้ ่มุ Healing Brush Tool
Healing Brush Tool เป็นเคร่อื งมือใช้สำหรบั ทำการแกไ้ ขรอยดา่ ง หรือริ้วรอยต่าง ๆ บนภาพ
การใช้ Healing Brush Tool
1. เปดิ ไฟล์รูปภาพบนหนา้ จอ เช่น ภาพเดก็ ทเ่ี ปน็ รปู ภาพเก่า
2. คลกิ ป่มุ
3. กดป่มุ แป้น ALT ค้างไว้
4. เลือ่ นเมาสค์ ลกิ บริเวณที่เป็นรอยด่าง คลิกไปเรอื่ ย ๆ
การใชป้ มุ่ Patch Tool
Patch Tool เปน็ เครอ่ื งมอื แตง่ ภาพหรอื เลือกภาพ
การใช้ Patch Tool
1. เปดิ ไฟลร์ ูปภาพบนหน้าจอ
2. เลอื กบริเวณทีต่ ้องการเลือกให้มเี สน้ ประลอ้ มรอบ
3. คลิกปุ่ม
4. เล่ือนเมาสค์ ลิกบรเิ วณภายในเส้นประ เลอื่ นไปมา ภาพจะเปลีย่ น
การใชป้ ่มุ เคร่อื งมอื Color Replacement Tool
Color Replacement Tool เป็นเครอ่ื งมือเปลีย่ นแปลง แก้ไข ลบสสี ่วนท่ไี ม่ตอ้ งการของภาพ
วิธกี ารใช้ปุ่มเครอ่ื งมอื Color Replacement Tool
1. เปิดไฟลร์ ูปภาพบนหนา้ จอ เชน่ ภาพทด่ี วงตามสี ีแดง
2. คลกิ ปมุ่
3. เล่ือนเมาสค์ ลิกบริเวณดวงตาทีม่ ีสีแดง
4. สที ่ตี าสแี ดงจะถูกลบหายไป
การใช้ปุม่ เครือ่ งมอื Brush Tool
Brush Tool เป็นเครื่องมอื ระบายสี ใชเ้ หมอื นพกู่ นั สี หรอื วาด ลงบนรูปภาพ การใช้ปุม่ เคร่อื งมอื Brush
Tool
1. เปิดไฟล์รปู ภาพบนหน้าจอ
2. คลิกป่มุ
3. คลกิ เมาสร์ ะบายสีตามตอ้ งการบนรปู ภาพ
Tool Options bar ของ Brush Tool
4. คลกิ ปรบั ขนาดของ
Brush: 11
5. ปรบั Opacity: 35 %
คา่ มากจะโปรง่ แสงน้อย
6. ทดลองวาดเสน้ Brush
การระบายแบบพน่ สี
1. คลิกปมุ่ บนแถบเครอื่ งมอื Tool Option Bar ให้จมลง
2. คลกิ Brush : เลือกรูปแบบของหัวพู่กนั
3. เลือกรปู แบบหัวพ่กู ันทต่ี ้องการ
4. คลิกบนรูปภาพทต่ี อ้ งการปรบั แตง่
5. คลกิ ปรากฎรายการ คลิกรายการ Assorted Brushes
6. คลิกปมุ่ Append เพม่ิ รปู แบบของพู่กนั
7. คลกิ เลื่อน Scroll box ดูรปู แบบของหวั พกู่ นั แบบพเิ ศษ
8. คลิกเมาส์พื้นวา่ ง หรือบนรปู ภาพท่ีต้องการปรบั แต่ง
รูปที่ 7.1 แสดงภาพจากหัวพู่กนั แบบพน่ หมกึ
การนำภาพมาสรา้ งหัวพู่กนั
1. เปิดไฟล์ภาพบนหน้าจอ
2. คลิกเมนู Image --> Image Size
3. กำหนด Width : 60 Height : 66
4. คลกิ OK ภาพจะขนาดเลก็ ลง
5. คลกิ เมนู Edit --> Define Brush
6. ตัง้ ชอื่ Brush1
7. คลิกปุม่ OK
8. พสิ จู น์ เลอื่ น Scroll ลงดา้ นล่างสดุ
9. จะปรากฎรูปแบบหวั พกู่ นั ทีส่ รา้ งใหม่
การใช้ปุ่มเครื่องมอื Pencil Tool
Pencil Tool เป็นเครื่องมอื ใชใ้ นการระบายสี และเก็บรายละเอียดในส่วนประกอบขอบภาพ
ลกั ษณะของเสน้ ทเ่ี กิดจาก Pencil Tool จะเปน็ เสน้ คม มีขอบที่ชดั เจน
วธิ ีการใช้ Pencil Tool
1. เปิดไฟล์รูปภาพบนหนา้ จอ
2. คลิกปุ่ม คา้ งไว้ จะปรากฎรปู แบบ
3. คลกิ รายการ Pencil Tool
4. กำหนด Master Diameter คา่ ของเสน้ ผา่ ศูนย์กลางไดต้ งั้ แต่ 0-999 พกิ เซล
5. กำหนด Hardness กำหนดความหนาแนน่ ของพกิ เซล
ต้งั แตจ่ ุดศูนยก์ ลางถงึ ขอบคา่ เปน็ % คอื 0 - 100 %
6. เล่อื นเมาสค์ ลิกบรเิ วณท่ีต้องการวาด
ตัวอย่าง กำหนดคา่ Master Diameter
รูปที่ 7.2 คา่ Master Diameter
ต่ำ เสน้ ผา่ ศนู ยก์ ลางเลก็
ตวั อยา่ ง กำหนดคา่ Hardness
การใช้ปุ่มเคร่ืองมือ Clone Stamp Tool
Clone Stamp Tool เป็นเคร่อื งมือใชใ้ นการทำสำเนาของภาพ เพ่อื คดั ลอกสว่ นหนึ่งสว่ นใด
ของภาพได้ท้ังในไฟลภ์ าพเดยี วกนั หรือต่างไฟล์ มวี ิธีการทำสำเนาได้ 2 วธิ ี คือ
1. Clone Stamp Tool การทำสำเนาแบบหนึง่ ต่อหนึง่
2. Pattern Stamp Tool การทำสำเนาภาพแบบหน่งึ ตอ่ จำนวนมาก
การใช้ Clone Stamp Tool
1. เปิดไฟล์รปู ภาพบนหน้าจอ
2. คลิกปมุ่
3. กดป่มุ Alt ค้างไว้ ตวั ช้ีเมาส์เปล่ียนเป็นรปู
4. คลิกเมาสต์ ำแหนง่ ที่ตอ้ งการให้เปน็ ตำแหน่งเริ่มต้น ตวั ชีเ้ มาส์เปล่ียนเป็นรปู
5. เลอื่ นเมาสว์ างตำแหนง่ ใหม่ ลากไปมาจะปรากฎภาพเหมอื นตน้ แบบ
การใช้ Pattern Stamp Tool
Pattern Stamp Tool เปน็ เครื่องมือใช้สำหรบั ทำสำเนา Pattern โดยมวี ธิ คี รา่ ว ๆ คอื ต้องสรา้ ง
Pattern กอ่ น หลังจากนัน้ จงึ ทำสำเนาภาพไดต้ ามความต้องการ
การใช้ Pattern Stamp Tool
1. เปิดไฟล์รูปภาพบนหนา้ จอ
2. ทำ Pattern โดยการใช้
3. คลกิ เมนู Edit -->Define Pattern
4. ปรากฎหนา้ ตา่ ง Pattern name
5. พมิ พ์ชอื่ Pattern 1
6. คลิกปมุ่ OK จะเป็นการ Save Pattern เก็บไว้
7. คลิกปุ่ม คา้ งไว้ ปรากฎรูปแบบ
8. คลิก
9. คลกิ Pattern : เลือกรปู
10 คลิกป่มุ ระบายจะได้ภาพดอกไมห้ ลายดอก
11. หรอื คลกิ เมนู Edit-->Fill-->Pattern
12. คลิกเลอื ก Pattern
13. คลิก OK
14. จะปรากฎรปู
ดอกไมห้ ลายดอก
รูปท่ี 7.7 ภาพจากการสร้าง Pattern
การใช้ History Brush Tool
History Brush Tool เป็นเครอ่ื งมอื การกภู้ าพเดมิ กลับคนื ภาพท่ลี บ ระบายสี หรือกระทำ
บางส่งิ ลงไปสามารถเรียก ภาพทม่ี ีสถานการณ์เดมิ กลบั คนื มาด้วย
การใช้ History Brush Tool
1. เปิดไฟล์รูปภาพบนหนา้ จอ
2. คลิกเมนู Filter --> Blur -->Gausian Blur
3. ปรากฎหนา้ ต่าง Gaussian Blur
3. คลกิ กำหนดคา่ ความเบลอ Radius: 3.3 pixels
4. คลิก OK
5. คลิกปุ่ม
6. คลกิ เมาส์บรเิ วณทตี่ ้องการให้ชดั เจน
รูปท่ี 7.8 ภาพหลังการใช้ History Brush Tool
การใช้ Art History Brush Tool
Art History Brush Tool ช่วยในการระบายสภี าพใหม้ ลี ักษณะเหมือนภาพวาด การกำหนด
ความแตกตา่ งของ Style และ Tolerance
การใช้ Art History Brush Tool
1. เปดิ ไฟล์รูปภาพบนหนา้ จอ
2. คลิกปุม่ คา้ งไวป้ รากฎรูป
3. คลกิ เลือก
4. กำหนดคา่ ตา่ ง ๆ ที่มอี ยู่ใน Art History Brush Options
- Brush เลอื กขนาดของหัวพู่กนั
- Mode เปน็ การกำหนดโหมดพิเศษของสี
- Opacity คา่ ตามแรงกดทว่ี ดั ได้ ทำให้การระบายสีในส่วนนน้ั มขี นาดสีเขม้ ข้ึน
- Style กำหนดรูปแบบความคมชดั ของการระบายสี
- Area ใส่ค่า เพอื่ กำหนดขอบเขตพน้ื ท่ที ่จี ะถกู ระบาย
- Tolerance กำหนดขอบเขตของการระบายสี
5. คลิกเมาส์ระบายพื้นรปู ภาพบริเวณทตี่ ้องการ
รปู ที่ 7.9 ภาพหลงั การใช้ Art History Brush Tool
การใช้ Background Eraser Tool
Background Eraser Tool เปน็ การลบพิกเซลบนเลเยอร์ที่ลากเมาสผ์ า่ น มีลักษณะที่โปร่งแสง
สามารถทีจ่ ะกำหนดระดบั สีของความโปร่งแสงและความคมชดั ตรงสว่ นขอบท่ลี บ
การใช้ Background Eraser Tool
1. เปิดไฟล์รปู ภาพบนหนา้ จอ
2. คลิกป่มุ
3. คลิกเมาส์บรเิ วณพื้นทขี่ องภาพที่จะลบให้โปร่งแสง
4. จะไดร้ ูปภาพลกั ษณะที่โปร่งแสงไดต้ ามตอ้ งการ
5. การกำหนดคา่ ตา่ ง ๆ ใน Background Eraser Tool
- Limits: ขอบเขตของการลบ
- Discontiguous จะทำการลบเฉพาะตรงสว่ นที่คลิกเมาส์เท่านั้น
- Contiguous จะทำการลบตรงสว่ นท่คี ลกิ เมาสแ์ ละพนื้ ทใ่ี กลเ้ คยงท่มี ีค่าสีคล้ายกนั
- Find Edges จะทำการลบพื้นี่ทีม่ กี ารคลกิ เมาสแ์ ละพน้ื ท่ีใกลเ้ คยงกนั รวมทงั้ จะรกั ษาความ
คมชดั ของรูปภาพด้วย
- Tolerance ใส่ค่าขอบเขตได้ตัง้ แต่ 0 - 100%
- Protect Foreground Color คลกิ เคร่อื งหมาย ทำการลบจะระวงั รักษาพ้ืนทที่ สี่ ีสมั พันธ์กับสี
Forfeground ทอี่ ยใู่ น Toolbox
- Sampling: ลักษณะการสุ่มค่าสี
- Continous จะใชล้ บในพืน้ ทีท่ มี่ สี แี ตกต่างกนั และอยู่ตดิ กัน
- Once จะลบตรงพ้ืนทที่ มี่ ีสีเดยี วกบั สีท่ไี ด้คลิก ลบในครง้ั แรกเท่านน้ั เหมาะกับการลบ
พืน้ ที่ทเ่ี ป็นสพี ้ืน
- Background Swatch จะลบตรงพ้นื ทที่ ี่มสี ีเดียวกบั สขี อง Background เทา่ นน้ั
การใช้ Magic Eraser Tool
Magic Eraser Tool จะทำการลบพิกเซลทง้ั หมดท่ีคล้ายคลึงกันให้มลี กั ษณะทโ่ี ปรง่ แสง
(Transparency) และสามารถลบเฉพาะพิกเซลในส่วนทีต่ ้องการได้เจาะจงเพยี งอยา่ งเดยี วหรือวา่ จะลบ
พิกเซลบนเลเยอรท์ ้ังหมดท่ีมคี วามคล้ายคลงึ กัน
การใช้ Magic Eraser Tool
1. เปิดไฟล์รูปภาพบนหน้าจอ
2. คลิกปมุ่
3. คลกิ เมาสท์ พ่ี ้นื ท่ตี อ้ งการลบใหม้ ีลักษณะโปรง่ แสง
4. พกิ เซลบนเลเยอร์ทัง้ หมดทม่ี ีความคลา้ ยคลึงกันจะถกู ลบเป็นลกั ษณะโปรง่ แสง
รูปท่ี 7.11 แสดงภาพในลกั ษณะโปรง่ แสง
5. กำหนดคา่ การลบลักษณะต่าง ๆ ดว้ ย Magic Eraser Tool
- Tolerance: กำหนดคา่ ขอบเขต ได้ตง้ั แต่ 0-255 พิกเซล
- Anti-aliased: ขอบของพ้ืนทท่ี ่เี ลอื กมคี วามเรียบยง่ิ ขึน้
- Contiguous ทำการลบตรงพิกเซลที่ตอ้ งการโดยเจาะจง หากไมเ่ ลอื กจะลบพิกเซลทงั้ หมดท่มี สี ี
คลา้ ยคลึงกัน
- Use All Layers เลอื กสโี ดยมองทกุ เลเยอรเ์ ป็นเหมือนเลเยอร์เดียว
- Opacity: กำหนดคา่ ความโปรง่ แสงของสี ตัง้ แต่ 1 - 100%
2 การไล่โทนสดี ว้ ย Gradient Tool
เปน็ เครอื่ งมือในการไลร่ ะดับสตี ามรัศมขี องวงกลม
1. คลกิ เมนู File--> New
2. ปรากฎหน้าต่าง New
3. กำหนด Width: 313
4. กำหนด Height: 313
5. กำหนด Resolution 72
6. คลิกเลือกContent: White
7. คลิก OK
8. คลิกปุ่ม Radial Gradient Tool
9. คลกิ จดุ กึง่ กลางของวงกลมคา้ งไว้ ลากไปทางขวาสดุ ถงึ เสน้ รอบวง
10. จะเปน็ การไลโ่ ทนสีตามแนวรัศมีของวงกลมดงั รปู ที่ 7.13
การใช้ Gradient Tool แบบ 3 Angle Gradient Tool
เปน็ เครือ่ งมอื ในการไล่โทนสแี บบการกวาดสตี ามการหมนุ ของเข็มนาฬิกา
1. คลกิ เมนู File--> New
2. ปรากฎหนา้ ต่าง New
3. กำหนด Width: 313
4. กำหนด Height: 313
5. กำหนด Resolution 72
6. คลกิ เลือก Content: White
7. คลิก OK
8. คลกิ ปุ่ม Angle Gradient Tool
9. คลกิ จดุ กงึ่ กลางของวงกลมคา้ งไว้ ลากไปทางขวาสุดถงึ เส้นรอบวง
10. จะเปน็ การไลโ่ ทนสตี ามการหมุนของเขม็ นาฬกิ า ดังรปู ท่ี 7.14
รปู ท่ี 7.14 แสดงการไล่โทนสแี บบหมุนตามเขม็ นาฬกิ า
Angle Gradient Tool
รปู ที่ 7.14 แสดงการไล่โทนสีแบบหมุนตามเข็มนาฬิกา
การใช้ Gradient Tool แบบ 5 Diamond Gradient Tool
เป็นเคร่อื งมือในการไลโ่ ทนสีแบบประกายแสงของเพชร
1. คลกิ เมนู File--> New
2. ปรากฎหน้าต่าง New
3. กำหนด Width: 313
4. กำหนด Height: 313
5. กำหนด Resolution 72
6. คลกิ เลอื ก Content: White
7. คลกิ OK
8. คลกิ ป่มุ Diamond Gradient Tool
9. คลิกจดุ กงึ่ กลางของวงกลมค้างไว้ ลากไปทางขวาสดุ ถงึ เสน้ รอบวง
10. จะเปน็ การไล่โทนสจี ากจดุ เร่มิ ต้นสะท้อนเปน็ แสงออกมาเหมอื นประกายเพชร
จดุ ปลายของเสน้ ที่ลากคือ การกำหนดมมุ ของแสงสะท้อน ดังรูปที่ 7.16
รปู ที่ 7.16 แสดงการไล่โทนสีแบบประกายแสงของเพชร
Diamond Gradient Tool
การใช้ Gradient Tool Options
เหมอื นกบั เครอ่ื งมอื ท่ัว ๆ ไป สามารถกำหนดคณุ สมบัตติ ่าง ๆ ท่ีใช้ในการไลโ่ ทนสีได้ท่ี
Gradient Option Palette
การสร้างโทนสีใหม่
สามารถสรา้ งสที ีใ่ ช้ในการสร้างรปู แบบการไลโ่ ทนสขี ้นึ มาใหมไ่ ด้เอง โดยคลกิ เมาส์ท่ชี ่อง Edit Gradient
1. คลกิ ช่อง Edit Gradient
2.จะปรากฎหน้าตา่ ง Gradient Editor
3. กำหนดช่ือสใี หม่ ชอ่ ง Name: Custom
4. เลอื กรปู แบบการปรบั แต่งชอ่ ง Gradient Type:
5. ปรับสใี หม้ คี วามกลมกลืนชอ่ ง Smoothness:
6. Opacity Stop ปรับระดบั ของความโปรง่ แสง
7. Color Stop ปรบั ระดบั ของสี
8. Opacity : เลอื กปรบั ความโปร่งแสง
9. Color: เลอื กสี
10. Location แสดงตำแหนง่ ท่ที ำการปรบั อยู่
11. Load... นำรูปแบบของโทนสีเดมิ ข้ึนมาใช้
12. Save... บนั ทึกการไล่โทนสีเป็นไฟล์ เพือ่ เรียกใชใ้ นครั้งตอ่ ไป โปรแกรมจะทำการเกบ็ เปน็ Gradient
File (.GRD)
13. New ใช้ในการสรา้ งโทนสใี หม่
สร้างโทนสีดว้ ยตนเอง
ตัวอย่างการทำงาน สมมติ ให้ไลโ่ ทนสีจากสแี ดง ไปสีดำ และไปสีขาว โดยกำหนดใหใ้ นแถบ
โทนสี มสี แี ดงและสขี าวมากหนอ่ ย และมแี ถบสีดำท่ีอยตู่ รงกลางเป็นสว่ นนอ้ ย และกำหนดใหม้ คี วาม
โปรง่ แสงบรเิ วณตอนปลายของแถบสีขาว สามารถทำได้ด้วยวธิ ีการดงั ตอ่ ไปน้ี
1. คลิกปุ่ม เลอื กสเี ริ่มตน้ ทีต่ อ้ งการปรบั แต่ง สงั เกตวา่ สญั ลกั ษณ์ จะเปลีย่ นเป็น
2. คลกิ เมาสช์ ่อง Color จะปรากฎหน้าตา่ ง Color Picker
3. คลิกเลอื กสี แดง จากหน้าต่าง Color Picker
4. คลิก OK ปรากฎสีเรม่ิ ต้นเปน็ สีแดงท่กี ระป๋องสี
5. เลอ่ื นเมาส์รปู คลกิ ทีเ่ สน้ แถบสี เลอื กสีของ Foreground จะปรากฎแถบสดี ำขนึ้
6. คลกิ Color เลอื กรายการ Foreground ใสส่ ใี หม่ให้เปน็ สีของ Foreground
7. คลกิ เมาส์เปล่ยี นคา่ Location ใหเ้ ป็น 50 เพ่อื ใหแ้ ถบสดี ำอยตู่ รงกลาง
การลบสที กี่ ำหนดขน้ึ
หากต้องการลบสีทีก่ ำหนดข้นึ ให้เล่ือนเมาส์ คลกิ กระป๋องสเี ลอ่ื นเข้าไปในแถบปรบั สี
ปรบั สขี าวเปน็ สสี ดุ ท้ายของการไล่โทนสี
8. คลกิ เมาสท์ ี่ เลอื กสสี ดุ ท้าย
9. คลกิ เมาส์ Color เลอื กเปน็ สี Background
แถบสที ้ายสดุ จะเปลี่ยนเป็นสีขาว
ปรบั ใหแ้ ถบสดี ำแคบเข้า
10. ปรับเลอื่ นแถบสีดำทจี่ ุด Midpoint ปรบั ค่า Transparency
ปรับความโปรง่ แสงบรเิ วณปลายของแถบสขี าว
11. คลกิ เมาส์
12. คลกิ เมาสเ์ ปลีย่ นค่า Opacity ให้เป็น 50
13. คลกิ เมาสเ์ ปลยี่ นค่า Location ให้เป็น 100
14. ใสช่ อื่ ชอ่ ง Name : Test แล้วคลิกเมาสป์ มุ่ New
15. แสดงโทนสี Test ทกี่ ำหนดขึน้ เองช่อง Presets
16. คลิกปมุ่ OK
การไลโ่ ทนสดี ว้ ย Noise Gradient
Noise Gradient เปน็ การไลโ่ ทนสใี ห้หยาบขึ้น โดยโปรแกรมจะทำการส่มุ คา่ สีทีอ่ ย่ใู นตำแหน่งเดยี วกัน ใน
แต่ละโหมดสีข้นึ มาผสมกัน แสดงออกมาเป็นแถบสใี หมใ่ หใ้ ชง้ าน
ตวั อยา่ งการไลโ่ ทนสดี ว้ ย Noise Gradient
1. คลกิ เมาส์ช่อง Edit Gradient
2. ปรากฎหน้าตา่ ง Gradient Editor
3. เลอื กค่า Noise ในชอ่ ง Gradient Type:
4. ปรับค่าการกระจายสชี ่อง Roughness:
4. ปรบั ค่าสทอ่ี ยู่ในโหมดแต่ละสี
5. คลิกเลือกโหมดสีทตี่ อ้ งการจากชอ่ ง Color Model :
6. กำหนดรายละเอียดของสีเพม่ิ เตมิ ในสว่ นของ Options