20901-1004 คอมพิวเตอร์กราฟิกเบื้องต้น

จำกัดใหแ้ ต่ละชว่ งของสีนัน้ แคบลง
เพ่มิ ความโปร่งแสงลงไประหว่างสีแต่ละสี

7. คลกิ ปุม่ เพ่อื ให้โปรแกรมสุ่มเลือกสใี นรปู แบบตา่ ง ๆ

8. คลกิ ปุ่ม เพม่ิ รูปแบบการไล่โทนสเี ขา้ ไปเก็บในลิสต์

9. คลิกปมุ่ OK เมื่อส้นิ สดุ การกำหนดการไลโ่ ทนสีดว้ ย Noise

รปู ที่ 7.18 แสดงภาพการไล่โทนสดี ว้ ย Noise Gradient

5. กิจกรรมการเรยี นรู้

กจิ กรรมครู กจิ กรรมผเู้ รยี น

91. ตรวจสอบเช็ครายชื่อนกั เรียนทเี่ ขา้ เรียน 81. เช็ครายชือ่ นักเรยี นท่ีเข้าเรียน

92. แนะนำตวั ครผู ู้สอน ผู้เรยี น ชื่อวชิ า รหัสวชิ า 82. ฟังคำแนะนำตัวครผู ู้สอน ผเู้ รียน ชื่อวชิ า

จดุ ประสงค์ของรายวชิ า คำอธิบายรายวชิ า รหัสวิชา

เกณฑก์ ารประเมินผลทฤษฎี/ปฏบิ ัติ จดุ ประสงค์ของรายวิชา คำอธิบายรายวิชา

93. ครู-นักเรียน ร่วมกันสนทนาเกย่ี วกับการ เกณฑก์ ารประเมินผลทฤษฎี/ปฏิบัติ

ประมวลผลขอ้ มลู และสารสนเทศ 83. ครู-นักเรียน ร่วมกนั สนทนาเกยี่ วกบั การ

94. ครูใหน้ ักเรียนทำแบบทดสอบกอ่ นเรยี น ประมวลผลข้อมลู และสารสนเทศ

จำนวน 10 ขอ้ 84. นกั เรยี นทำแบบทดสอบก่อนเรียน

95. นำเขา้ สู่บทเรยี นเกยี่ วกบั การประมวลผลขอ้ มลู จำนวน 10 ข้อ

และสารสนเทศ ประกอบการฉายแผน่ ใส 85. ฟงั การบรรยายความหมายของขอ้ มลู และ

96. อธิบายความหมายของข้อมูลและสารสนเทศ สารสนเทศ บอกแหล่งขอ้ มูลและความแตกตา่ ง

บอกแหล่งข้อมลู และความแตกต่างของขอ้ มูล ของข้อมลู และสารสนเทศ ขั้นตอนการ

และสารสนเทศ ข้นั ตอนการประมวลผลข้อมูล ประมวลผลขอ้ มูล ประเภทของการ

ประเภทของการประมวลผลขอ้ มูล และการนำ ประมวลผล

คอมพิวเตอรม์ าใชง้ านในการประมวลผลข้อมลู ขอ้ มลู และการนำ คอมพิวเตอรม์ าใชง้ านใน

โดยใช้แผน่ ใส ตอบคำถาม / ซักถามปญั หา การ

97. ถามเกี่ยวกบั ความหมายและความแตกตา่ ง ประมวลผลขอ้ มลู โดยใชแ้ ผน่ ใส ตอบคำถาม /

ของขอ้ มลู และสารสนเทศ สาเหตุการนำ ซักถามปัญหา

คอมพิวเตอรม์ าใชง้ านในการประมวลผลขอ้ มลู 86. ตอบคำถามเกีย่ วกบั ความหมายและความ

98. ดูแลควบคมุ การจัดแบง่ กลมุ่ แตกต่าง

99. แจกใบงาน/ให้คำแนะนำในการจดั กิจกรรม ของข้อมลู และสารสนเทศ สาเหตุการนำ

กลมุ่ คอมพวิ เตอรม์ าใช้งานในการประมวลผลข้อมลู

10. สรปุ ตอบขอ้ สงสัย คน้ ควา้ เพิ่มเติม 87. แบ่งกลมุ่

11. มอบหมายงานใหน้ กั เรยี นไปศึกษาในหนว่ ยท่ี 88. รับใบงาน/ให้คำแนะนำในการจดั กจิ กรรมกล่มุ

2 เรอื่ ง ส่วนประกอบของคอมพวิ เตอร์ 10. สรปุ ตอบข้อสงสัย ค้นควา้ เพิ่มเติม

12. ประเมินผลการเรยี นของนกั ศกึ ษาในหนว่ ยที่ 6 11. รับมอบงานให้นักเรียนไปศกึ ษาในหนว่ ยที่

จากแบบทดสอบและใบประเมนิ 2 เรอ่ื ง ส่วนประกอบของคอมพิวเตอร์

13. ครบู นั ทกึ ขอ้ มลู กจิ กรรมการเรยี นหลังการสอน 12. ประเมนิ ผลการเรยี นของนกั ศกึ ษาในหนว่ ยที่ 6

จากแบบทดสอบและใบประเมนิ

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....... วิชา...คอมพวิ เตอร์กราฟกิ เบ้ืองตน้ ............ แผนการจัดการเรยี นรู้ที่ ....12......
หน่วยที่ .......6....... ชอ่ื หนว่ ย .............การระบายสแี ละการตกแตง่ ภาพ................................................................
ชอื่ เร่อื ง........การระบายสีและการตกแตง่ ภาพ................................................................ จำนวน ....3......ชว่ั โมง

1. สาระสำคัญ

เป็นการศกึ ษาเก่ียวกับการเทสดี ้วย Paint Bucket Tool ในการใช้เครื่องมือตกแตง่ ภาพ ซ่งึ เป็น
ส่วนประกอบหน่ึงในการใช้คอมพวิ เตอรก์ ราฟกิ เบ้อื งตน้ ด้วย

2. สมรรถนะประจำหน่วยการเรียนรู้

1. สามารถสรา้ งรูปโดยการใชเ้ ครือ่ งมือ Paint Bucket Tool ในการตกแตง่ ภาพได้
2. นำการศกึ ษาเรอื่ งการตกแตง่ ภาพมาใชป้ ระโยชน์ทางดา้ นการศกึ ษาได้

3. จดุ ประสงค์การเรียนรู้

3.1 จดุ ประสงค์ท่วั ไป
เพอื่ ใหผ้ ู้เรียนเข้าใจเกย่ี วกบั การเทสดี ้วย Paint Bucket Tool ในการใชเ้ คร่อื งมอื ตกแต่งภาพ ซง่ึ เป็น
สว่ นประกอบหนึ่งในการใช้คอมพวิ เตอรก์ ราฟิกเบอ้ื งต้นดว้ ย
3.2 จดุ ประสงค์เชงิ พฤตกิ รรม

1. เทสภี าพดว้ ย Paint Bucket Tool ได้

2. ประยกุ ตใ์ ชเ้ ครือ่ งมือตกแตง่ ภาพได้เขียนรายละเอยี ดของเวบ็ เบราเซอรไ์ ด้
3. สามารถสรา้ งรปู โดยการใชเ้ คร่ืองมือ Paint Bucket Tool ในการตกแต่งภาพได้
4. นำการศกึ ษาเรอ่ื งการตกแต่งภาพมาใชป้ ระโยชน์ทางดา้ นการศกึ ษาได้
5. ผเู้ รยี นมีคณุ ธรรม จรยิ ธรรมทพ่ี งึ ประสงค์ คือ ความมมี นษุ ยส์ ัมพันธ์ ความมวี ินัย
ความรับผดิ ชอบ ความประหยัด ความสนใจใฝร่ ู้ ความรักสามัคคี ความกตญั ญกู ตเวที

4. สาระการเรียนรู้
เน้ือหา

3 การเทสีภาพดว้ ย Paint Bucket Tool

การเทสภี าพดว้ ย Paint Bucket Tool ให้เติมสีภาพในบริเวณตดิ กนั และมีค่าสใี กลเ้ คยี งกนั กับ

บรเิ วณทค่ี ลิกเมาส์ คำสงั่ นไ้ี ม่สามารถใชก้ บั ภาพใน Bitmap Mode ได้

ตัวอย่างการเทสภี าพด้วย Paint Bucket Tool

1. เปดิ ไฟล์ภาพบนหนา้ จอ

2. คลกิ เลือกพื้นที่ภาพทตี่ ้องการเตมิ สี

3. คลกิ เมาส์ป่มุ คา้ งไว้ ปรากฎแถบ

4. คลิกรายการ

5. คลกิ เมาส์ท่ี Foreground Color เพื่อเลอื กสี

6. ปรบั คา่ สที ีจ่ ะเตมิ ในภาพดว้ ยแถบเครื่องมือ Tool Options bar โดยมรี ายละเอียดตา่ ง ๆ ดงั น้ี

Fill เลอื กสีที่ใช้เตมิ

Pattern เลอื กลวดลายทจ่ี ะเติมลงในภาพ

Mode โหมดพิเศษของสี

Opacity ค่าความโปรง่ แสงของสี

Tolerance จำกัดขอบเขตในการระบายสี

Anti-alised กำหนดให้ขอบของพืน้ ทภ่ี าพท่ีเทสีลงไปมคี วามเรยี บยิ่งขึ้น

Contiquous ทำการเทสีตรงบรเิ วณพกิ เซลท่คี ลกิ เมาส์เทา่ น้นั

7. คลิกเมาสเ์ ทสลี งในพนื้ ที่ท่ีเลือกไว้

4 การใช้เครือ่ งมอื ตกแต่งภาพถา่ ย
การใช้ Smudge Tool

การใช้ Blur Tool
การใช้ Sharpen Tool

การใช้ Dodge

การใช้ Burn Tool
การใช้ Sponge Tool



5. กจิ กรรมการเรียนรู้

กิจกรรมครู กิจกรรมผูเ้ รยี น

100. ตรวจสอบเช็ครายชอ่ื นกั เรียนทเี่ ขา้ เรยี น 89. เชค็ รายชื่อนักเรียนที่เขา้ เรยี น

101. แนะนำตัวครูผู้สอน ผ้เู รยี น ช่อื วชิ า รหสั วชิ า 90. ฟังคำแนะนำตัวครผู ู้สอน ผเู้ รียน ชื่อวชิ า

จดุ ประสงค์ของรายวชิ า คำอธิบายรายวชิ า รหัสวชิ า

เกณฑก์ ารประเมนิ ผลทฤษฎี/ปฏบิ ัติ จดุ ประสงคข์ องรายวชิ า คำอธิบายรายวชิ า

102. ครู-นกั เรยี น ร่วมกนั สนทนาเกีย่ วกับการ เกณฑก์ ารประเมินผลทฤษฎี/ปฏิบตั ิ

ประมวลผลขอ้ มลู และสารสนเทศ 91. ครู-นักเรียน ร่วมกันสนทนาเกีย่ วกบั การ

103. ครูให้นักเรยี นทำแบบทดสอบกอ่ นเรียน ประมวลผลข้อมูลและสารสนเทศ

จำนวน 10 ข้อ 92. นักเรยี นทำแบบทดสอบกอ่ นเรยี น

104. นำเข้าสบู่ ทเรยี นเกีย่ วกับการประมวลผลข้อมลู จำนวน 10 ข้อ

และสารสนเทศ ประกอบการฉายแผ่นใส 93. ฟงั การบรรยายความหมายของขอ้ มลู และ

105. อธิบายความหมายของข้อมลู และสารสนเทศ สารสนเทศ บอกแหล่งขอ้ มูลและความแตกตา่ ง

บอกแหลง่ ขอ้ มลู และความแตกต่างของข้อมูล ของข้อมูล และสารสนเทศ ขนั้ ตอนการ

และสารสนเทศ ขัน้ ตอนการประมวลผลขอ้ มูล ประมวลผลข้อมูล ประเภทของการ

ประเภทของการประมวลผลข้อมูล และการนำ ประมวลผล

คอมพิวเตอรม์ าใชง้ านในการประมวลผลข้อมลู ข้อมูล และการนำ คอมพวิ เตอรม์ าใชง้ านใน

โดยใชแ้ ผ่นใส ตอบคำถาม / ซกั ถามปัญหา การ

106. ถามเกี่ยวกบั ความหมายและความแตกตา่ ง ประมวลผลข้อมลู โดยใช้แผน่ ใส ตอบคำถาม /

ของข้อมลู และสารสนเทศ สาเหตกุ ารนำ ซักถามปัญหา

คอมพวิ เตอร์มาใชง้ านในการประมวลผลขอ้ มลู 94. ตอบคำถามเกย่ี วกบั ความหมายและความ

107. ดูแลควบคุมการจดั แบง่ กล่มุ แตกตา่ ง

108. แจกใบงาน/ใหค้ ำแนะนำในการจดั กิจกรรม ของขอ้ มูลและสารสนเทศ สาเหตุการนำ

กลุม่ คอมพวิ เตอร์มาใช้งานในการประมวลผลขอ้ มลู

10. สรุป ตอบขอ้ สงสยั คน้ ควา้ เพิม่ เตมิ 95. แบง่ กลุ่ม

11. มอบหมายงานให้นกั เรยี นไปศกึ ษาในหน่วยที่ 96. รบั ใบงาน/ให้คำแนะนำในการจดั กจิ กรรมกล่มุ

2 เรอ่ื ง สว่ นประกอบของคอมพวิ เตอร์ 10. สรุป ตอบข้อสงสัย ค้นควา้ เพิม่ เติม

12. ประเมนิ ผลการเรยี นของนักศึกษาในหน่วยที่ 6 11. รับมอบงานใหน้ กั เรียนไปศกึ ษาในหนว่ ยท่ี

จากแบบทดสอบและใบประเมนิ 2 เร่อื ง สว่ นประกอบของคอมพวิ เตอร์

13. ครูบนั ทกึ ข้อมลู กจิ กรรมการเรียนหลังการสอน 12. ประเมินผลการเรยี นของนกั ศึกษาในหนว่ ยที่ 6

จากแบบทดสอบและใบประเมนิ

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....... วชิ า...คอมพวิ เตอรก์ ราฟกิ เบอ้ื งตน้ ........... แผนการจดั การเรยี นรทู้ ี่ .....13......
หน่วยท่ี .......7....... ช่อื หนว่ ย .............การสร้างตัวอักษร......................................................................................
ช่อื เรอ่ื ง........การสรา้ งตวั อกั ษร...................................................................................... จำนวน ....3......ชั่วโมง

1. สาระสำคัญ

ศกึ ษาและปฏบิ ัติเกย่ี วกับ การใชเ้ ครอ่ื งมือเกย่ี วกบั การสร้างตวั อักษรแบบ Bitmap การสร้าง
ตัวอักษรแบบ Vector การตดิ ตั้งฟอนตไ์ ทยใน Photoshop และ การใช้ตวั อกั ษรภาษาไทย ในโปรแกรม
Photoshop Microsoft Word

2. สมรรถนะประจำหนว่ ยการเรียนรู้

1. สามารถใช้เครือ่ งมือสรา้ งตวั อักษรไดท้ ั้งแบบ Bitmap และแบบ Outline ได้
2. สามารถสรา้ งข้อความและการวางตำแหน่งตามแบบตา่ ง ๆได้

3. จดุ ประสงค์การเรียนรู้

3.1 จุดประสงค์ทว่ั ไป

เพื่อให้ผู้เรียนเขา้ ใจเก่ียวกบั การใช้เครอ่ื งมือเก่ียวกับการสรา้ งตวั อกั ษรแบบ Bitmap การสรา้ งตวั อกั ษร
แบบ Vector การติดตงั้ ฟอนต์ไทยใน Photoshop และ การใชต้ วั อักษรภาษาไทย ในโปรแกรมPhotoshop
Microsoft Word

1. อธบิ ายวิธกี ารใชเ้ ครอื่ งมอื สรา้ งตวั อักษรแบบ Bitmap และแบบ Outline ได้
2. ใช้เครอื่ งมอื สรา้ งตวั อกั ษรแบบ Bitmap ได้
3. ใชเ้ คร่ืองมอื สรา้ งตวั อกั ษรแบบ Outline ได้
4. สามารถใชเ้ ครอ่ื งมือสร้างตวั อกั ษรได้ทั้งแบบ Bitmap และแบบ Outline ได้
สามารถสรา้ งขอ้ ความและการวางตำแหน่งตามแบบตา่ ง ๆได้5. พิมพ์แฟม้ ข้อมลู ได้
5. ผู้เรียนมคี ณุ ธรรม จรยิ ธรรมทพ่ี ึงประสงค์ คือ ความมมี นุษย์สัมพนั ธ์ ความมวี ินยั
ความรบั ผดิ ชอบ ความประหยัด ความสนใจใฝร่ ู้ ความรักสามคั คี ความกตัญญกู ตเวที

3
.2
จุดป

ระสงคเ์ ชิงพฤติกรรม

4. สาระการเรยี นรู้
เนื้อหา

1 การใชเ้ คร่อื งมือสรา้ งตวั อักษรแบบ Bitmap และ Outline
การสรา้ งตวั อกั ษรดว้ ยคำสง่ั Type Tool เป็นคำส่งั ในการพิมพ์ตัวอกั ษร และขอ้ ความตา่ ง ๆ อีกทัง้ ยงั
สามารถเลอื กและปรับแต่งตัวอกั ษรไดห้ ลากหลายรปู แบบดว้ ย ตวั อกั ษรที่ใช้ในคอมพวิ เตอรก์ ราฟิกเบือ้ งต้น
แบง่ ออกเป็น 2 ประเภท คือ
1. แบบ Bitmap
ตวั อกั ษรจะถูกจัดเก็บในรปู แบบพกิ เซล ทำใหส้ ะดวกในการประมวลผลเรอื่ งสโี ดยเฉพาะ
อยา่ งย่งิ การลงสแี ละการตกแต่งภาพ ภาพแบบ Bitmap ขอ้ ดีสามารถใชไ้ ด้กับทกุ Filter ขอ้ เสยี เมอื่ มกี าร
เปลีย่ นแปลงขนาดตัวอกั ษรจะแตก
2. แบบ Outline หรือแบบ Vector
ตวั อักษรแบบ Outline จะถูกจดั เก็บในลักษณะการประมวลผลเปน็ สูตรคณิตศาสตร์ ทำให้ไม่
เกดิ ปญั หารอยหยัก แตก บนขอบตวั อักษรเม่ือเกดิ การเปลย่ี นแปลงขนาด โดยการยอ่ หรอื การขยายตวั
อักษร ลกั ษณะเช่นนจี้ ะเปน็ ผลดีกบั งานที่เกย่ี วกบั การจดั วางหน้า และการวาดลายเสน้ โปรแกรมทม่ี ัก
ใช้ตวั อกั ษรแบบ Outline คือ โปรแกรม Adobe PageMaker และ Adobe Illustrator
หลักการและเทคนคิ ในการปรบั แต่งตัวอกั ษรทดี่ ที ส่ี ุด คอื ใช้เครือ่ งมอื Type Tool พิมพ์ข้อความ
ปรับแตง่ ขนาดและความถกู ต้องของขอ้ ความใหม้ ากที่สุด หลังจากนัน้ จึงเปลี่ยนจาก Type Layer (ตัวอกั ษรแบบ
Outline) มาเป็น Layer ท่ัว ๆ ไป (ตวั อกั ษรแบบ Bitmap) เพื่อจะปรบั เปล่ยี นสีของตวั
อกั ษรไดม้ ากขนึ้ ตวั อักษรทใ่ี ช้ในคอมพวิ เตอรก์ ราฟกิ เบอ้ื งต้นแบ่งออกเป็น 2 ประเภท คอื
1. แบบ Point Type มีลกั ษณะดังน้ี

- ใชใ้ ส่คำสัน้ ๆ หรอื ตวั อกั ษรเพียง 1 บรรทดั
- แต่ละบรรทดั เปน็ อิสระตอ่ กนั
- ความยาวของแต่ละบรรทัดขึน้ กบั ตวั อักษรพมิ พ์
2. แบบ Paragraph Type เป็นขอ้ ความท่ีมีความยาวจำนวนหลายบรรทดั จะอยู่ภายในขอบเขตที่
กำหนด (Bounding box)

ลกั ษณะของการสรา้ งขอ้ ความแบบต่าง ๆ
สามารถสรา้ งขอ้ ความได้ โดยใช้คำสั่งในหมวด Type Tool ใน Toolbox ซงึ่ มลี ักษณะการใชง้ าน

ที่แตกตา่ งกนั ไปดงั น้ี คือ
1. คลิกป่มุ บน Toolbox

2.. ปรากฎแถบเครื่องมอื 4 รูปแบบ

เปรยี บเทียบระหวา่ งตัวอกั ษรแบบ Type Tool กับ Type Mask Tool
รูปท่ี 9.1 ตัวอกั ษรแบบ

Horizontal Type Tool

 การสรา้ งข้อความแบบ Bitmap แนวนอน

1. คลกิ เมนู File --> New

2. ปรากฎหน้าตา่ ง New

3. กำหนด Width: 313

4. กำหนด Height: 313

5. กำหนด Resolution : 72

6. Color Mode / Mode : RGB Color

7. คลิกเลอื ก Contents: White

8. คลิก OK

9. คลิกปุม่ Type Tool ค้างไว้ ปรากฎแถบเครือ่ งมือ

10. คลิก Horizontal Type Tool

11. คลิกเมาส์ พมิ พ์ข้อความภาษาองั กฤษ และ ภาษาไทย

12. คลิกปมุ่ เพื่อยา้ ยขอ้ ความ

13. คลิกปุม่ Toggle The Character and Paragraph palettes บน Tool Option bar Type Tool

14. คลกิ ป่มุ Create Warped text

15. จะปรากฎหน้าตา่ ง Palettes เลือกรปู แบบตัวอักษรเพิ่มเตมิ และ Palettes การใส่ข้อความในแนวตา่ งๆ

ดว้ ยคำสงั่ Create Warped text

การวางตำแหน่งข้อความ Palette Paragraph
1. คลิกแทบ็ Paragraph ปรากฎหนา้ ตา่ ง Paragraph
2. Paragraph เปน็ การวางตำแหน่งของข้อความ

3. กำหนดขนาดการวางตำแหน่งของขอ้ ความก้นั หนา้ และกัน้ หลงั
4. การจัดใหบ้ รรทดั แรกของย่อหน้าเยอื้ ง
5. การจัดระยะหา่ งระหวา่ งย่อหน้า
6. Hyphenate การชว่ ยตัดขอ้ ความในส่วนทา้ ยสดุ ของบรรทดั ให้ลงเปน็ คำพอดี

การวางตำแหน่งขอ้ ความแนวตา่ ง ๆ ดว้ ย Create Warped Text

2 การสรา้ งตัวอกั ษรแบบ Outline

การสร้างตัวอกั ษรแบบ Outline เปน็ การสรา้ ง Selection ตวั อักษร มวี ธิ กี ารคลา้ ยกับการใส่ ขอ้ ความ
แตผ่ ลลพั ธ์ที่ได้ คอื Selection ทม่ี ีขอบเขตเปน็ ตวั อกั ษร สามารถทำงานตา่ ง ๆ ได้เหมอื นกับ

Selection ท่วั ๆ ไป ไมว่ า่ จะเปน็ การเตมิ สี การ Cut และอนื่ ๆ คำสง่ั ที่ใช้ในการสรา้ งมี 2 แบบ คอื

Horizontal Type Mask Tool และ Vertical Type Mask Tool

การสร้างข้อความ Selection แบบแนวนอน

1. คลิกปุม่ Type Tool คา้ งไว้ ปรากฎแถบเครอ่ื งมือ

2. คลิก Horizontal Type Mask Tool
3. คลกิ เมาส์บนรูปภาพ ปรากฎ Cursor พมิ พ์ขอ้ ความบนพื้นสแี ดง

4. คลกิ ปมุ่ หรือคลิกปุ่ม บนแถบ Tool
Option bar

5. จะไดต้ ัวอกั ษรแบบเส้นประ หรอื แบบ Selection ตวั อกั ษรคำวา่ Cactus

รูปท่ี 9.9 ภาพการสรา้ งขอ้ ความแบบแนวนอน Horizontal Type Mask Tool

การลงสี Selection ตัวอักษร

การลงสตี วั อักษร Selection สามารถลงสีได้ทกุ รปู แบบเช่นเดยี วกบั Selection โดยทวั่ ๆ ไปเชน่

การใช้ปุ่มเครอ่ื งมอื Gradient Tool

1. คลิกปมุ่

2. คลกิ เมาส์ลากทะแยงบริเวณตัวอกั ษรเส้นประ

3. ผลลัพธ์ท่ีได้ จะเหน็ การไลโ่ ทนสจี ากดำไปขาว

การใช้ปมุ่ เคร่อื งมือ Airbrush Tool พน่ สดี ำ

1. คลิกปมุ่

2. คลิกเมาส์พ่นสบี รเิ วณตวั อักษรเส้นประ

3. ผลลพั ธ์ทีไ่ ด้ จะเห็นการตวั อกั ษรสีดำ

การใช้ปุ่มเคร่อื งมือ Paint Bucket Tool เติมสี

1. คลิกป่มุ
2. คลกิ เมาสเ์ ลือกสี และเทสีภายในตวั อกั ษรเสน้ ประ
3. ผลลัพธ์ที่ได้ จะไดส้ ตี ามสี Foreground

การใชเ้ มนูคำสั่ง Stroke เตมิ เสน้ ขอบด้วยสีดำ
1. คลกิ เมนู Edit -- > Stroke
2. ปรากฎหน้าตา่ ง Stroke
3. กำหนด Width: 2 px
4. คลิกป่มุ OK
5. ผลลพั ธท์ ไ่ี ด้ เตมิ เสน้ ขอบด้วยสดี ำ

การสร้างตวั อกั ษรดว้ ยภาพ Background
1. จากตวั อกั ษร Cactus แบบ Selection

2. คลิกปุ่ม Move Tool
3. คลกิ เมาสล์ ากตวั อักษรไปวางลงบนไฟล์ภาพใหม่
4. ผลลัพธ์ที่ได้ ตวั อักษรสเี ดียวกบั พนื้ ของภาพ

การสรา้ งตวั อักษร Background ด้วยคำส่ัง Copy

การใส่ Effects ตกแตง่ ข้อความ

1. จากการสรา้ งตวั อักษร Background คำวา่ Cactus

2. คลิกเมนู Layer --> Layer Style --> Drop Shadow

หรอื คลิกปมุ่ Add a layer style

3. จะปรากฎหนา้ ต่าง Layer Style ให้กำหนดคา่ ต่าง ๆ ตามทต่ี ้องการ

4. คลิก Blend Mode เลอื ก Normal โหมดพนื้ ฐานทใี่ ชง้ านกนั ทัว่ ไป
5. Opacity: คลกิ เลือ่ นปรับความเขม้ /จางของเงา
6. Angle: ปรับตำแหนง่ การวางตวั อกั ษร
7. Distance: ปรับการวางรปู แบบของเงา
8. Spread: ปรับขยาย-ยอ่ ขนาดของเงา
9. Size: ปรบั ขนาดของเงา
10. คลิกปุ่ม Ok

การสร้างข้อความ Selection แบบแนวตัง้
1. คลกิ ปมุ่ Type Tool คา้ งไว้ ปรากฎแถบเคร่ืองมือ

2. คลกิ Vertical Type Mask Tool

3. คลิกเมาส์บนรปู ภาพ ปรากฎ Cursor พมิ พ์ขอ้ ความบนพ้นื สแี ดง

4. คลิกปุ่ม หรอื คลิกปมุ่
บนแถบ Tool Option bar

5. คลิกปุ่ม
6. คลิกเมาส์เลอื กสี Foreground และเทสภี ายในตวั อกั ษรเส้นประ

7. จะไดต้ วั อกั ษรแบบเส้นประ หรอื แบบ Selection ตวั อักษรคำวา่ Cactus

5. กจิ กรรมการเรยี นรู้

กิจกรรมครู กิจกรรมผเู้ รยี น

109. ตรวจสอบเช็ครายชอ่ื นกั เรยี นทเ่ี ขา้ เรียน 97. เช็ครายชือ่ นกั เรียนท่ีเข้าเรียน

110. แนะนำตัวครูผู้สอน ผเู้ รยี น ช่ือวชิ า รหัสวชิ า 98. ฟงั คำแนะนำตัวครูผสู้ อน ผู้เรียน ช่ือวชิ า

จดุ ประสงคข์ องรายวชิ า คำอธิบายรายวชิ า รหสั วชิ า

เกณฑก์ ารประเมนิ ผลทฤษฎี/ปฏบิ ัติ จดุ ประสงคข์ องรายวิชา คำอธบิ ายรายวิชา

111. ครู-นกั เรยี น ร่วมกนั สนทนาเก่ยี วกบั การ เกณฑก์ ารประเมนิ ผลทฤษฎี/ปฏิบัติ

ประมวลผลข้อมูลและสารสนเทศ 99. ครู-นักเรียน ร่วมกนั สนทนาเกีย่ วกบั การ

112. ครูใหน้ กั เรยี นทำแบบทดสอบกอ่ นเรียน ประมวลผลขอ้ มลู และสารสนเทศ

จำนวน 10 ข้อ 100. นกั เรียนทำแบบทดสอบก่อนเรยี น

113. นำเขา้ สบู่ ทเรียนเก่ียวกับการประมวลผลขอ้ มูล จำนวน 10 ขอ้

และสารสนเทศ ประกอบการฉายแผ่นใส 101. ฟงั การบรรยายความหมายของขอ้ มลู และ

114. อธบิ ายความหมายของขอ้ มลู และสารสนเทศ สารสนเทศ บอกแหล่งขอ้ มูลและความแตกตา่ ง

บอกแหลง่ ขอ้ มูลและความแตกต่างของข้อมลู ของข้อมลู และสารสนเทศ ขน้ั ตอนการ

และสารสนเทศ ข้ันตอนการประมวลผลข้อมูล ประมวลผลข้อมลู ประเภทของการ

ประเภทของการประมวลผลข้อมลู และการนำ ประมวลผล

คอมพิวเตอรม์ าใช้งานในการประมวลผลขอ้ มลู ขอ้ มลู และการนำ คอมพิวเตอรม์ าใช้งานใน

โดยใช้แผน่ ใส ตอบคำถาม / ซกั ถามปญั หา การ

115. ถามเกยี่ วกบั ความหมายและความแตกตา่ ง ประมวลผลข้อมลู โดยใชแ้ ผ่นใส ตอบคำถาม /

ของข้อมูลและสารสนเทศ สาเหตกุ ารนำ ซกั ถามปญั หา

คอมพิวเตอรม์ าใช้งานในการประมวลผลขอ้ มลู 102. ตอบคำถามเก่ยี วกับความหมายและความ

116. ดูแลควบคมุ การจดั แบง่ กล่มุ แตกตา่ ง

117. แจกใบงาน/ให้คำแนะนำในการจดั กิจกรรม ของขอ้ มลู และสารสนเทศ สาเหตุการนำ

กลุม่ คอมพิวเตอรม์ าใช้งานในการประมวลผลขอ้ มลู

10. สรุป ตอบขอ้ สงสัย ค้นควา้ เพิ่มเตมิ 103. แบง่ กลุม่

11. มอบหมายงานให้นกั เรียนไปศกึ ษาในหนว่ ยที่ 104. รับใบงาน/ให้คำแนะนำในการจดั กจิ กรรมกลุ่ม

2 เรอ่ื ง ส่วนประกอบของคอมพิวเตอร์ 10. สรปุ ตอบขอ้ สงสยั ค้นควา้ เพิ่มเติม

12. ประเมนิ ผลการเรยี นของนกั ศึกษาในหนว่ ยท่ี 7 11. รับมอบงานให้นักเรียนไปศึกษาในหนว่ ยท่ี

จากแบบทดสอบและใบประเมิน 2 เรอื่ ง ส่วนประกอบของคอมพวิ เตอร์

13. ครูบันทึกขอ้ มลู กิจกรรมการเรยี นหลังการสอน 12. ประเมนิ ผลการเรยี นของนกั ศกึ ษาในหน่วยท่ี 7

จากแบบทดสอบและใบประเมิน

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....... วชิ า...คอมพิวเตอร์กราฟกิ เบือ้ งตน้ ............ แผนการจดั การเรยี นรทู้ ี่ ....14......
หน่วยท่ี .......8....... ชื่อหน่วย ............. Path และการใช้ปากกาวาดภาพ...............................................................
ชื่อเรือ่ ง........ Path และการใชป้ ากกาวาดภาพ................................................................ จำนวน ....3......ชัว่ โมง

1. สาระสำคญั

ศกึ ษาและปฏบิ ัตเิ กีย่ วกบั การเรยี กใช้เคร่อื งมอื Path และ Pen Tool การสร้างเสน้ Path แบบ
ตา่ ง ๆ การปรับแต่งเสน้ Path และการระบายสีเสน้ Path Microsoft Word

2. สมรรถนะประจำหนว่ ยการเรียนรู้

1. เรยี กใชเ้ ครอ่ื งมอื Path และ Pen Tool ได้
2. ทำการสรา้ งเส้น Path แบบต่าง ๆ และการปรบั แตง่ เสน้ Path

3. จดุ ประสงคก์ ารเรียนรู้

3.1 จุดประสงค์ทั่วไป
เพ่อื ให้ผเู้ รียนเขา้ ใจเกยี่ วกบั การเรียกใชเ้ ครือ่ งมือ Path และ Pen Tool การสร้างเสน้ Path แบบ

ต่าง ๆ การปรับแต่งเสน้ Path และการระบายสเี ส้น Path Microsoft Word

3.2 จดุ ประสงคเ์ ชิงพฤตกิ รรม
1. เรียกใช้เครอื่ งมอื Path และ Pen Tool ได้
2. ทำการสรา้ งเส้น Path แบบตา่ ง ๆ และการปรับแตง่ เส้น Path
3. เรียกใช้เครอื่ งมอื Path และ Pen Tool ได้
4. ทำการสรา้ งเส้น Path แบบตา่ ง ๆ และการปรบั แตง่ เส้น Path
5. ผูเ้ รยี นมีคณุ ธรรม จรยิ ธรรมท่พี ึงประสงค์ คือ ความมมี นษุ ย์สัมพันธ์ ความมีวินยั
ความรับผดิ ชอบ ความประหยดั ความสนใจใฝร่ ู้ ความรกั สามคั คี ความกตญั ญกู ตเวที

4. สาระการเรยี นรู้
เนื้อหา

1 การเรียกใช้เครอื่ งมือ Path และ Pen Tool
ภาพทถี่ กู วาดขึ้นในคอมพวิ เตอร์แบง่ ออกเป็น 2 แบบ คอื แบบ Bitmap และภาพแบบ Vector

การใช้เคร่อื งมอื วาดภาพแบบเวคเตอร์ในโปรแกรม Photoshop มี 2 ชนดิ คือ
1. Pen Tool ทำหนา้ ทส่ี ร้างเส้นพาธ เป็นเสน้ ควบคมุ รูปทรงของภาพ
2. Shape Tool เปน็ กลุม่ ของเครื่องมอื สรา้ งรปู ทรง ซึง่ ประกอบด้วย
รูปแบบของเสน้ Path มี 3 แบบ คือ 1. การสรา้ งเสน้ ตรง
2. การสรา้ งเสน้ โคง้
3. การสรา้ งเสน้ อสิ ระ

การเรียกใช้เคร่อื งมือ Path และ Pen Tool

2 การสร้างเสน้ Path แบบตา่ ง ๆ ดว้ ยปากกา
การสรา้ งเส้น Path แบบเสน้ ตรงด้วยปากกา
1. คลกิ เมนู File --> New
2. ปรากฎหน้าตา่ ง New
3. กำหนด Width: 313
4. กำหนด Height: 313
5. กำหนด Resolution 72
6. คลกิ เลือก Content: White
7. คลิก OK

8. คลกิ ปุม่ Pen Tool ตวั ชี้เมาสจ์ ะเปล่ียนเป็นรปู
9. คลกิ เลือกลักษณะการสร้าง Path ท่ีแถบเครอื่ งมือ Pen Option bar

Path เสน้ Path ใหมน่ ี้จะปรากฎเฉพาะใน Path Palette
Shape Layers เส้น Path ใหมท่ ี่สร้างขึน้

10. คลกิ เลือกแบบ 1 ปมุ่ Shape Layers

11. คลกิ ลกู ศร สลับสี Foreground = สขี าว

12. คลกิ เมาสจ์ ดุ เริม่ ตน้ บนพ้นื ทส่ี ีขาว

13. กดปมุ่ Shift คา้ งไว้ แลว้ คลกิ จดุ ปลายทาง เพอ่ื ใหเ้ ส้นตรง
14. คลกิ จดุ ต่อไปให้ต่อกนั เปน็ ภาพสามเหลย่ี ม

15. Layer ใหม่ของเสน้ พาธ จะเพ่มิ ข้ึนอตั โนมตั ิ รูปท่ี 10.1 แสดง Layer ใหมข่ องเสน้ พาธ
เพ่ิมขึ้น

การสร้างเส้น Path แบบเสน้ โคง้ ดว้ ยปากกา
การสร้างเสน้ Path แบบเสน้ อสิ ระดว้ ย Freeform Pen Tool

การบนั ทึกเสน้ Path

5. กจิ กรรมการเรียนรู้

กจิ กรรมครู กิจกรรมผูเ้ รยี น

118. ตรวจสอบเชค็ รายช่อื นักเรียนท่เี ข้าเรียน 105. เชค็ รายชือ่ นกั เรียนทเ่ี ขา้ เรยี น

119. แนะนำตวั ครูผูส้ อน ผู้เรยี น ช่ือวชิ า รหสั วชิ า 106. ฟงั คำแนะนำตัวครูผู้สอน ผเู้ รียน ชือ่ วชิ า

จดุ ประสงคข์ องรายวชิ า คำอธิบายรายวชิ า รหัสวชิ า

เกณฑก์ ารประเมนิ ผลทฤษฎี/ปฏิบัติ จดุ ประสงคข์ องรายวชิ า คำอธบิ ายรายวชิ า

120. ครู-นักเรยี น ร่วมกันสนทนาเกย่ี วกับการ เกณฑก์ ารประเมนิ ผลทฤษฎี/ปฏิบัติ

ประมวลผลขอ้ มลู และสารสนเทศ 107. ครู-นกั เรยี น รว่ มกนั สนทนาเก่ยี วกบั การ

121. ครูให้นักเรยี นทำแบบทดสอบกอ่ นเรียน ประมวลผลข้อมูลและสารสนเทศ

จำนวน 10 ข้อ 108. นกั เรียนทำแบบทดสอบกอ่ นเรียน

122. นำเขา้ สบู่ ทเรยี นเก่ียวกับการประมวลผลขอ้ มลู จำนวน 10 ข้อ

และสารสนเทศ ประกอบการฉายแผ่นใส 109. ฟงั การบรรยายความหมายของขอ้ มลู และ

123. อธบิ ายความหมายของข้อมลู และสารสนเทศ สารสนเทศ บอกแหล่งข้อมลู และความแตกตา่ ง

บอกแหลง่ ข้อมูลและความแตกต่างของขอ้ มลู ของขอ้ มลู และสารสนเทศ ขั้นตอนการ

และสารสนเทศ ข้นั ตอนการประมวลผลขอ้ มูล ประมวลผลข้อมูล ประเภทของการ

ประเภทของการประมวลผลข้อมลู และการนำ ประมวลผล

คอมพวิ เตอรม์ าใชง้ านในการประมวลผลข้อมลู ข้อมลู และการนำ คอมพิวเตอรม์ าใชง้ านใน

โดยใชแ้ ผน่ ใส ตอบคำถาม / ซักถามปญั หา การ

124. ถามเกี่ยวกับความหมายและความแตกตา่ ง ประมวลผลข้อมลู โดยใชแ้ ผน่ ใส ตอบคำถาม /

ของข้อมลู และสารสนเทศ สาเหตุการนำ ซักถามปัญหา

คอมพิวเตอรม์ าใชง้ านในการประมวลผลข้อมลู 110. ตอบคำถามเกย่ี วกบั ความหมายและความ

125. ดแู ลควบคมุ การจดั แบ่งกลุ่ม แตกตา่ ง

126. แจกใบงาน/ใหค้ ำแนะนำในการจดั กิจกรรม ของขอ้ มูลและสารสนเทศ สาเหตกุ ารนำ

กลมุ่ คอมพวิ เตอร์มาใช้งานในการประมวลผลข้อมลู

10. สรุป ตอบขอ้ สงสยั คน้ ควา้ เพมิ่ เตมิ 111. แบง่ กล่มุ

11. มอบหมายงานใหน้ กั เรยี นไปศกึ ษาในหน่วยที่ 112. รบั ใบงาน/ให้คำแนะนำในการจดั กจิ กรรมกลมุ่

2 เร่ือง สว่ นประกอบของคอมพิวเตอร์ 10. สรุป ตอบขอ้ สงสยั ค้นควา้ เพ่มิ เติม

12. ประเมินผลการเรียนของนกั ศึกษาในหน่วยท่ี 8 11. รบั มอบงานให้นักเรยี นไปศึกษาในหนว่ ยท่ี

จากแบบทดสอบและใบประเมิน 2 เรอื่ ง สว่ นประกอบของคอมพวิ เตอร์

13. ครูบนั ทกึ ข้อมลู กจิ กรรมการเรยี นหลังการสอน 12. ประเมนิ ผลการเรียนของนกั ศึกษาในหน่วยที่ 8

จากแบบทดสอบและใบประเมนิ

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....... วิชา ..คอมพวิ เตอรก์ ราฟิกเบื้องตน้ ............ แผนการจดั การเรยี นรู้ท่ี ....15......
หน่วยที่ .......8....... ช่ือหน่วย ............. Pathและการใชป้ ากกาวาดภาพ................................................................
ชือ่ เรอื่ ง........ Pathและการใชป้ ากกาวาดภาพ............................................................... จำนวน ....3......ชั่วโมง

1. สาระสำคญั

ศึกษาและปฏบิ ัติเกย่ี วกับ การเรยี กใช้เคร่อื งมอื Path และ Pen Tool การสร้างเสน้ Path แบบ
ต่าง ๆ การปรับแต่งเส้น Path และการระบายสีเส้น Path

2. สมรรถนะประจำหน่วยการเรียนรู้

1. สามารถตกแตง่ รปู ได้โดยใช้การระบายสเี สน้ Path ได้
2. วาดภาพแบบ Shape Tool ได้

3. จดุ ประสงคก์ ารเรียนรู้

3.1 จดุ ประสงค์ทัว่ ไป

เพอื่ ใหผ้ ูเ้ รยี นเขา้ ใจเกยี่ วกับ การเรียกใชเ้ ครื่องมือ Path และ Pen Tool การสรา้ งเสน้ Path แบบตา่ ง
ๆ การปรับแต่งเส้น Path และการระบายสเี สน้ Path

3.2 จดุ ประสงค์เชิงพฤติกรรม
1. ระบายสีเส้น Path ได้
2. วาดภาพแบบ Shape Tool ได้
3. สามารถตกแต่งรูปได้โดยใช้การระบายสีเสน้ Path ได้
4. วาดภาพแบบ Shape Tool ได้
5. ผเู้ รียนมคี ุณธรรม จรยิ ธรรมทพ่ี ึงประสงค์ คอื ความมมี นุษยส์ ัมพันธ์ ความมีวนิ ยั
ความรบั ผิดชอบ ความประหยัด ความสนใจใฝร่ ู้ ความรกั สามคั คี ความกตญั ญกู ตเวที

4. สาระการเรยี นรู้ เนอ้ื หา

3 การระบายสเี ส้น Path

1. รปู ภาพจากการสรา้ งเสน้ พาธ

2. คลิกเลือกสชี ่อง Foreground เลือกสีทต่ี อ้ งการ คลกิ ปมุ่ OK

3. คลกิ ปุ่ม Stroke Path with Brush

4.จะได้สีของเสน้ พาธ

5. คลิกเลือกสี Foreground เลือกสพี นื้ สีแดง คลิกป่มุ OK
6. คลกิ ปุ่ม Fill Paths with foreground Color
7. จะได้สพี น้ื สีแดง

8. คลกิ ปุม่ Path Select Tool ใชย้ า้ ยเสน้ พาธออกมา
9. คลกิ เลอื กสี Foreground

10. คลิกปุ่ม Fill Paths with foreground Color
11. จะได้ผลลพั ธด์ ังรูปที่ 10.2

การแปลงเสน้ Path เป็นเส้น Selection

1. คลิกปุ่ม Pen Tool
2. คลิกจดุ เร่มิ ต้นไปตามรปู ภาพ
3. คลิก Palette Paths

4. คลกิ ป่มุ Load Path as a Selection
5. เสน้ พาธจะเปลย่ี นเป็นเสน้ Selection
6. คลกิ ปมุ่ Make work Path from Selection เปลีย่ นเป็นเส้น Path

การใช้ Path Selection Tool
เป็นคำสง่ั ทีใ่ ชส้ ำหรบั จัดการกบั ส่วนประกอบของ Path ไดแ้ ก่ การเคล่ือนยา้ ย การคดั ลอก

Path และการรวม Path ตา่ ง ๆ ใหเ้ ปน็ Path เดียวกัน โดยไมส่ ่งผลใหเ้ กดิ การเปลีย่ นแปลงรูปร่าง
การเคลอ่ื นย้ายเส้น Path
เปน็ คำส่งั ทใี่ ช้สำหรบั จดั การกับส่วนประกอบของ Path ได้แก่ การเคลอ่ื นยา้ ย การคดั ลอก

Path และการรวม Path ตา่ ง ๆ ให้เป็น Path เดียวกัน โดยไมส่ ง่ ผลใหเ้ กิดการเปลี่ยนแปลงรปู ร่าง Path
การคัดลอกเสน้ Path
สามารถคดั ลอกเสน้ Path ทงั้ ในไฟล์เดียวกนั และลากไปไวต้ ่างไฟล์ ดว้ ยการกดปุ่ม Alt +

คลกิ เมาส์ทเ่ี สน้ Path และลากไปไวย้ งั ตำแหน่งทต่ี อ้ งการ

การรวมเส้น Path
การรวมเส้น Path เขา้ ดว้ ยกนั โดยการคลิกเมาสท์ ่ปี ่มุ Combine ทแ่ี ถบเครอ่ื งมือ Tool Options

bar โดยสามารถเลอื กการรวม Path ได้หลายวธิ คี อื

ตวั อยา่ งการรวมเสน้ Path
1. สรา้ งเสน้ Path กอ่ นทำการรวม
2. คลกิ ปุ่ม Path Select Tool
3. กดปุ่ม Alt + คลกิ เสน้ Path ยา้ ยเสน้ Path ซ้อนทบั กัน
4. คลกิ ปุ่ม Combine
5. จะรวม 2 Path เขา้ ดว้ ยกัน

หมายเหตุ : สามารถนำเส้น Path ทีส่ รา้ งขึ้นไปใช้รว่ มกบั โปรแกรม Adobe Illustrator ได้ดว้ ยคำสงั่
File --> Export --> Path to Illustrator

4 การวาดภาพแบบ Shape Tool

Shape Tool เป็นเคร่อื งมอื ใช้ในการวาดภาพมรี ปู แบบตายตัวเชน่ การวาดภาพเป็นรูป
สี่เหล่ียม วงกลม รปู หลายเหล่ยี ม เสน้ ตรง และ คลปิ อารต์ เปน็ การเพิม่ ประสิทธภิ าพการใช้งานให้ ใกล้เคียง
กับเครือ่ งมือวาดภาพของโปรแกรม Illustrator, Freehand Coreldraw
แบง่ ลกั ษณะการใชง้ าน 6 รูปแบบ คือ

การใช้เครือ่ งมือ Shape Tool
การใช้เครอ่ื งมือวาดภาพแบบเวค็ เตอร์ ไมว่ า่ จะเป็นเคร่อื งมอื แบบใดกจ็ ะเห็นว่ามคี ่าตวั เลือก

ของเคร่อื งมืออยู่บนปุ่ม เคร่ืองมอื และ Tool Options bar ซง่ึ สามารถเรียกใชง้ านได้ 2 วธิ ี คอื
วธิ ีที่ 1 คลิกปุ่ม Shape Tool บนกลอ่ งเครื่องมือ

วธิ ที ี่ 2 คลิก Shape Tool บนแถบเคร่ืองมือ Tool Options bar ซึ่งประกอบไปด้วย รปู แบบการวาดสาม
แบบดังนค้ี ือ

Shape Layers การวาดที่จะมีสพี ื้นเป็นสี Foreground และมีเสน้ Path มาด้วย
Paths เปน็ การวาดเฉพาะลายเสน้
Fill Pixels เป็นการวาดภาพลงในเลเยอรท์ ี่ทำงานอยขู่ ณะน้นั โดยภาพทวี่ าดจะมีสีพน้ื
แตไ่ มม่ กี ารใสส่ ี Path และภาพที่วาดลงไปแล้วจะเปน็ แบบ Bitmap ไมส่ ามารถเคล่อื น
ย้ายหรือกระทำการในคณุ สมบตั ิ Vector
การใชเ้ ครือ่ งมือ วาดภาพสเ่ี หล่ยี ม
การวาดภาพส่เี หลี่ยมจะมอี ยู่ 2 ลกั ษณะดังน้ี
การวาดสีเ่ หลี่ยมมมุ ฉาก ไดแ้ ก่ สเ่ี หลย่ี มผนื ผ้า และสเ่ี หลย่ี มจัตรุ สั ซ่งึ จะทำการวาดโดยใช้
เคร่ืองมือ Rectangle Tool
การวาดสเี่ หลยี่ มท่มี มี มุ โค้งมน ซ่ึงจะทำการวาดโดยใชเ้ ครื่องมอื Rounded Rectangle Tool

วธิ กี ารวาดภาพสีเ่ หล่ยี มทัง้ 2 แบบ แบบส่ีเหล่ยี ม แบบสเี่ หล่ียมมน
1. คลกิ เลอื กสี Foreground เลอื กสีตอ้ งการ

2. คลิกแบบสี่เหล่ยี ม หรือ แบบสเ่ี หลย่ี มมน
3. คลิก เลือกรปู แบบการวาดภาพ