แผนการจัดการเรียนรู้วิชาปฏิบัติการคอมพิวเตอร์กราฟิก

โครงสร้างรายวิชา ( Course Syllabus)
โรงเรียนสันติราษฎรว์ ิทยาลยั

1. รหสั วิชา (Course Number) ว 30253

2. ชอ่ื วชิ า (Course Title) ปฏิบัติการคอมพิวเตอรก์ ราฟิก

3. จำนวนหนว่ ยกิต (Course Credit) 0.5 หนว่ ยกติ

4. ภาคการศกึ ษา (Semester) 1/First

5. ปกี ารศกึ ษา (Academic Year) 2565

6. ช่อื ผู้สอน (Instructors) นายวนั ชัย แคล้วภัย ([email protected])

7. เงือ่ นไขรายวชิ า (ภาระชิน้ งาน)

7.1 แบบฝึกปฏิบัติการ

7.2 แบบทดสอบเก็บคะแนนทฤษฎี

7.3 แบบทดสอบปฏิบตั ิ

7.4 แบบฝกึ ปฏิบัติการทำภาพโปสการ์ด

8. จำนวนชว่ั โมงทสี่ อน/สัปดาห์ (Hours/Week) 1 ช่ัวโมง/สปั ดาห์ จำนวน 20 คาบ/ภาคเรยี น

9. การวัดผลการเรยี น (Assessment) 60 : 20 : 20

9.1 การประเมินความร้ทู างวชิ าการ (ระหว่างเรยี น) 40 %

9.2 การประเมนิ การเขา้ ช้นั เรยี นและการมีส่วนร่วมในกจิ กรรม 20 %
20 %
9.3 การประเมนิ ผลสอบกลางภาค 20 %

9.4 การประเมินผลสอบปลายภาค

10. คำอธบิ ายรายวิชา (Course description)

รายวิชา ว30253 ปฏิบัติการคอมพิวเตอร์กราฟิก เป็นรายวิชาที่ปลูกฝังให้ผู้เรียน รู้จักการตกแต่งและแก้ไข
ภาพเบื้องต้น ซึ่งปัจจุบันการใช้งานด้านคอมพิวเตอร์กราฟิกได้รับความนิยมอย่างมาก โดยผ่านกระบวนการตกแต่งภาพ ด้วย
โปรแกรมประยุกต์ Photoshop ซงึ่ รปู แบบการสร้างงานนนั้ สามารถทำได้หลายรูปแบบ การทำโลโก้ การทำภาพการ์ตูน การนำ
ภาพท่ตี กแต่งไปใชใ้ นหนา้ เว็บเพจ การปรับภาพให้ดูสวยงาม โดยคำนงึ ถงึ ผลกระทบตอ่ สงั คม การเหน็ ประโยชนแ์ ละคุณค่าของ
การออกแบบโปรแกรม นอกจากน้ี ยังเข้าใจในการเลือกและใช้เทคโนโลยี อย่างเหมาะสมและมีผลดีต่อสังคม นำไปสู่การมีเจต
คติท่ีดตี อ่ การประยกุ ตใ์ ช้เทคโนโลยใี นอนาคต

11. ผลการเรยี นรู้ (Object)

1. ผเู้ รยี นมีความรู้ ความเขา้ ใจ สามารถอธบิ ายความหมายคอมพวิ เตอร์กราฟิกและสว่ นประกอบของโปรแกรม
ประยกุ ตไ์ ด้

2. ผู้เรยี นสามารถอธบิ ายประเภทของไฟลร์ ปู ภาพ และจดั การรูปภาพเบ้ืองตน้ ได้
3. ผู้เรียนสามารถปฏิบัตกิ ารเลือกพืน้ ทเี่ พ่ือการตกแตง่ แก้ไขภาพได้
4. ผเู้ รียนสามารถปรับแกไ้ ขแสงเงา และสขี องรูปภาพได้

6. ผเู้ รยี นสามารถปฏบิ ตั ิการตัดต่อ และซ้อนรูปภาพได้
7. ผู้เรียนสามารถปฏบิ ตั ิการสร้างตัวอกั ษรกราฟกิ ในรปู แบบตา่ ง ๆ ได้

8. ผู้เรยี นสามารถปฏิบตั กิ ารวาดภาพกราฟกิ ได้
9. ผ้เู รียนสามารถนำเสนอผลงานจากการเลอื กใช้โปรแกรมประยกุ ต์ ได้อยา่ งสรา้ งสรรค์

12. โครงสรา้ งหนว่ ยการเรยี นรู้ (Course Outline)

หน่วยท่ี ช่ือหน่วยการเรียนรู้ ผลการเรยี นรู้ สาระสำคัญ เวลา น้ำหนกั ภาระงาน
(คาบ)
คะแนน
(100)

1 ความรู้เบื้องต้น - นักเรยี นสามารถ - ชนิดของภาพกราฟิก 3 5 - บันทกึ

เก่ยี วกบั ภาพกราฟิก อธิบายชนดิ ของไฟล์ ทีใ่ ชง้ าน สาระสำคญั

รปู ภาพได้ - ชนดิ ของไฟลภ์ าพกราฟิก ลงในสมดุ

- นกั เรียนสามารถ - ความละเอยี ดของภาพ - ออนไลน์ด้วย

อธิบายชนิดของ - รปู แบบสขี องภาพกราฟกิ โปรแกรม

ภาพกราฟิกได้ Google Meet

- นักเรยี นสามารถ

อธบิ ายรูปแบบสี

ของภาพกราฟกิ ได้

2 ความรูเ้ บื้องต้น -นักเรียนสามารถ - การเรยี กใชโ้ ปรแกรม 2 10 - บนั ทึก

เกย่ี วกับโปรแกรม อธิบายส่วนประกอบ Photoshop สาระสำคัญ

Photoshop ตา่ งๆของโปรแกรม - ส่วนประกอบหลักของ ลงในสมดุ

Photoshop ได้ โปรแกรม Photoshop - ออนไลน์ด้วย

โปรแกรม

Google Meet

3 การจัดการรปู ภาพ - นกั เรยี นสามารถ - การเปดิ ไฟล์ภาพ 2 10 - สรา้ งสรรค์
ผลงานดว้ ย
อธิบายการจดั การ - การปรบั มุมมอง
รปู ภาพเบอ้ื งต้นได้ - การปรบั ขนาดรปู ภาพ เครื่องมอื

- การบนั ทกึ ไฟล์ Selection
- เครือ่ งมอื Selection
- บนั ทกึ

สาระสำคัญ

ลงในสมุด

หนว่ ยท่ี ชอ่ื หนว่ ยการเรียนรู้ ผลการเรียนรู้ สาระสำคญั เวลา น้ำหนกั ภาระงาน
(คาบ)
คะแนน
(100)

4 - นกั เรยี นสามารถ - การปรบั แต่งสีและ 2 20 - สร้างสรรค์
การแกไ้ ขและ
แกไ้ ขสีของรปู ภาพได้ แสงเงาของภาพ ผลงาน
ตกแต่งรูปภาพ รีทชั ภาพ
- นักเรยี นสามารถ - การปรบั แต่งภาพกราฟกิ - บนั ทึก

ตดั ต่อและ ด้วยฟิลเตอร์ สาระสำคญั
ลงในสมุด
ซ้อนรปู ภาพได้ - การรีทชั ภาพ

สอบระหวา่ งภาค

5 การทำงาน - นักเรียนสามารถ - ร้จู กั กบั เลเยอร์ 3 10 - สรา้ งสรรค์
ของเลเยอร์ อธบิ ายการทำงาน - การจัดการกับเลเยอร์ ผลงาน
ของเลเยอร์ได้ ตัดตอ่ ภาพ

ด้วยเลเยอร์
- บนั ทึก

สาระสำคัญ
ลงในสมดุ

6 การวาดภาพกราฟิก - นักเรยี นสามารถ - การสรา้ งตวั อกั ษร 4 10 - สรา้ งสรรค์
สร้างตัวอักษร - การวาดภาพกราฟกิ
กราฟิกในรปู แบบ ผลงาน
ตัวอกั ษร
ต่าง ๆ ได้ Typography
- นักเรียนสามารถวาด - บนั ทกึ
สาระสำคัญ
ภาพกราฟิกได้ ลงในสมดุ

7 การสร้างแอนเิ มชนั - นกั เรียนสามารถ - การสร้างแอนเิ มช่นั โดย 4 15 - สร้างสรรค์
แอนเิ มชัน
นำเสนอผลงานจาก การซอ่ นและแสดงเลเยอร์ - บันทึก
สาระสำคญั
การใชโ้ ปรแกรม - การสร้างแอนเิ มชน่ั โดย ลงในสมุด

Photoshop การกำหนดคา่ Opacity 20

ได้อย่างสรา้ งสรรค์ 100

สอบปลายภาค 20
รวม

13. วธิ ีการจดั การเรียนการสอน (ใชไ้ ด้มากกวา่ 1) [ ] แบบ Problem Based Learning
[] แบบในห้องปฏบิ ตั กิ าร [ ] แบบกรณีศกึ ษา

[] แบบกระบวนการกลมุ่ [] แบบสาธติ [ ] แบบ Brain Storming Group

[] แบบบรรยาย [ ] แบบรายงานเชงิ ปฏบิ ัติ [ ] แบบโครงงาน

[] แบบปฏบิ ัติการ [ ] แบบสมั มนา [] แบบอน่ื (โปรดระบุ)…… On-line ……….

14. สอ่ื การสอน [] สไลด์ (PPT) [ ] วีดโี อเทป
[] Smart Phone

[] LCD Projector [] สอื่ อนื่ ๆ (โปรดระบ)ุ ………ส่อื เรยี นออนไลน์ (YouTube), Google Meet……

15. อัตราสว่ นคะแนน คะแนน รวม
ทฤษฎี ปฏบิ ัติ
ลำดบั รายการ 20
- 20 30
1. คะแนนเกบ็ 10 20 10
1.1 ภาระงาน (Google Site) - 10 20
1.2 ช้นิ งาน - 20 20
20 - 100
2. สอบปฏบิ ตั ิ 30 70
3. สอบกลางภาค
4. สอบปลายภาค

รวม

16. รายชอ่ื หนงั สอื คน้ คว้าเพมิ่ เติม
ทศั ยาภรณ์ เกือ้ นุน่ .(2552). Photoshop For Retouching. กรงุ เทพมหานคร: โปรวิชนั่ .
ธนั ยพฒั น์ วงศ์รตั น.์ (2554). Photoshop CS5 ฉบบั สมบูรณ์. กรงุ เทพมหานคร: บรษิ ทั สวัสดี ไอที จำกดั .

บญุ สบื โพธ์ิศรี และคณะ.(2547). การใช้โปแกรมกราฟิกส์. กรงุ เทพมหานคร: สำนักพิมพ์ ศูนยส์ ่งเสรมิ อาชีวะ.
ปยิ ะ นากสงค์.(2554). การใชโ้ ปรแกรมกราฟกิ Photoshop เวอรช์ ่ัน CS4. กรงุ เทพมหานคร: บรษิ ัท ซคั เซส มเี ดยี

จำกัด.
ปยิ ะบตุ ร สุทธดิ ารา และคณะ.(2549). Digital Photoshop CS2 สำหรบั ผู้เร่มิ ตน้ . นนทบุรี: ไอดซี ฯี .
วงศป์ ระชา จนั ทรส์ มวงศ์ และคณะ.(2545). คัมภรี ์ Photoshop & ImageReady 7 สีทั้งเลม่ . กรงุ เทพมหานคร:

โปรวิชั่น.
สมบตั ิ สวัสดิผ์ ล.(2549). การใชโ้ ปรแกรมกราฟฟกิ Adobe Photoshop Image Ready. กรุงเทพมหานคร:

สำนักพิมพ์วงั อกั ษร.
สอ่ื ออนไลน์

หอ้ งเรียน Google Class Site ปีการศึกษา 2565 เว็บไซต์โรงเรยี น str.ac.th (เรยี นออนไลน)์
https://sites.google.com/str.ac.th/com-30253-computer-graphic/course-syllybus?authuser=0

การสร้างเอฟเฟคใหก้ บั ฟอนต์ ดว้ ย Photoshop เขา้ ถงึ เมอื่ วนั ที่ 7 พฤษภาคม 2564
https://www.youtube.com/watch?v=_8bGmxdW0G0

เอฟเฟคการสร้างฟองอากาศ เข้าถึงเมือ่ วันท่ี 7 พฤษภาคม 2564
https://www.youtube.com/watch?v=IchzqgNLp3M

วาดการต์ ูนจากภาพถา่ ย ดว้ ย Photoshop เข้าถึงเมอื่ วันที่ 7 พฤษภาคม 2564
https://www.youtube.com/watch?v=iXGfFTay0mM

การทำภาพถ่ายใหเ้ ปน็ ภาพลายเสน้ ด้วยโปรแกรม Adobe Photoshop เข้าถงึ เม่อื วันที่ 7 พฤษภาคม 2564
https://www.youtube.com/watch?v=U4rZGKRD7e4

แผนการจัดการเ

กล่มุ สาระการเรยี นรู้ วิทยาศาสตรแ์ ละเทคโนโลยี

วิชา ว30253 ปฏิบัตกิ ารคอมพวิ เตอร์กราฟิก

โรงเรียนสันติราษฎร์วทิ ยาลัย

สปั ดาหท์ ่ี คาบที่ ชื่อหน่วยการเรียนรู้ ผลการเรยี นรู้
1
1 แนะนำรายวิชา -นกั เรียนทราบถึง
2
คำอธิบายรายวิชา

-นักเรียนทราบผลกา

เรียนรู้

-นักเรยี นทราบภาระ

ช้ินงาน

2 Intro Computer Graphic - นกั เรียนสามารถ

อธิบายชนิดของไฟ
รูปภาพได้
- นกั เรียนสามารถ
อธบิ ายชนิดของ
ภาพกราฟกิ ได้

เรยี นร้รู ะยะยาว

ภาคเรียนที่ 1 ปกี ารศกึ ษา 2565

จำนวน 0.5 หนว่ ยกิต

ผู้สอน นายวนั ชยั แคลว้ ภยั

เน้อื หา กจิ กรรมการเรยี นรู้ งานทม่ี อบหมาย การวัดและ
ประเมินผล
- แนะนำเน้อื หา - จดบนั ทึกขอ้ มลู ลง จดบนั ทกึ สรุปความรู้ ส่งสมุดตรงเวลา
ลงในสมดุ
รายวชิ า และภาระงาน สมดุ - สง่ งานด้วย Google ส่งงานตรงเวลา

าร - ออนไลน์ด้วย

โปรแกรม Google Classroom
ะ Meet (สลบั วนั มา

เรยี น on-line/on-

site)

- ชนิดของภาพกราฟิก - นกั เรยี นฟงั บรรยาย จดบันทกึ สรุปความรู้

ฟล์ ทใ่ี ช้งาน และจดบันทกึ ลงสมุด ลงในสมุด

- ชนิดของไฟล์ - ออนไลน์ด้วย - สง่ งานดว้ ย Google

ภาพกราฟกิ โปรแกรม Google Classroom

- ความละเอยี ดของ Meet (สลบั วันมา
ภาพ เรยี น on-line/on-

site)

สปั ดาหท์ ่ี คาบท่ี ช่อื หน่วยการเรยี นรู้ ผลการเรยี นรู้
3
3 ความรู้เบ้ืองต้นเก่ียวกับ -นกั เรยี นสามารถ

โปรแกรม Photoshop อธบิ าย
สว่ นประกอบ
ต่างๆของโปรแกรม
Photoshop ได้

4 4 การจดั การรูปภาพ - นกั เรยี นสามารถ

อธิบายการจัดการ

รปู ภาพเบอ้ื งต้นได้

5 5 การจัดการรปู ภาพ - นักเรยี นสามารถ

อธิบายการจดั การ

รูปภาพเบอ้ื งตน้ ได

6 6 การแกไ้ ขและตกแต่งรูปภาพ - นักเรยี นสามารถ

แกไ้ ขสขี องรปู ภาพ
ได้

เนอ้ื หา กจิ กรรมการเรยี นรู้ งานท่มี อบหมาย การวดั และ
ประเมินผล
- การเรยี กใช้ - ฟงั บรรยาย จด - จดบันทึกสรุปความรู้
ส่งงานตรงเวลา

โปรแกรม บนั ทกึ และปฏิบัติตาม ลงในสมดุ

Photoshop คำสั่ง - สง่ งานดว้ ย Google

ม - ส่วนประกอบหลัก - ออนไลน์ด้วย Classroom
ของโปรแกรม
โปรแกรม Google
Photoshop
Meet (สลับวันมา

เรยี น on-line/on-

site)

- การเปิดไฟล์ภาพ ฟังบรรยาย จดบันทกึ จดบันทึกความรู้ลง ส่งงานตรงเวลา
- การปรับมมุ มอง และปฏบิ ัตติ ามคำส่งั สมดุ ปฏบิ ตั ิการปรบั
- การปรบั ขนาด - ออนไลน์ด้วย ขนาดไฟลภ์ าพและ
บนั ทึกช้ินงาน
รูปภาพ โปรแกรม Google
- การบนั ทกึ ไฟล์
Meet (สลบั วนั มา

เรยี น on-line/on-

site)

ถ - เคร่ืองมือ ฟงั บรรยาย จดบันทึก จดบนั ทกึ ความรลู้ ง ส่งงานตรงเวลา
ร Selection และปฏิบตั ติ ามคำสง่ั และถูกตอ้ งเกินร้อยละ
ด้ สมุด ปฏบิ ัตกิ าร ใช้ 50
เครื่องมือ Selection
tools

- การปรับแต่งสีและ ฟงั บรรยาย จดบันทกึ จดบันทกึ ความร้ลู ง สง่ งานตรงเวลา
พ แสงเงาของภาพ และปฏิบตั ิตามคำสั่ง
สมดุ ปฏิบัตกิ าร ใช้
เครือ่ งมือปรบั แต่งแสง
เงา

สปั ดาหท์ ี่ คาบที่ ช่อื หนว่ ยการเรยี นรู้ ผลการเรยี นรู้
7 7
การรที ชั รูปภาพ - นกั เรียนสามารถ
ตกแต่งแก้ไขรปู ภาพ

8 8 การตัดตอ่ รปู ภาพ (Dai Cut) - นักเรียนสามารถตัด

ต่อและซ้อนรูปภาพไ

99

10 10 การทำงานของเลเยอร์ - นกั เรยี นสามารถ

อธบิ ายการทำงานขอ

เลเยอร์ได้

11 11 การทำงานของเลเยอร์ - นักเรียนสามารถ

อธิบายการทำงานขอ

เลเยอรไ์ ด้

เนื้อหา กิจกรรมการเรียนรู้ งานทีม่ อบหมาย การวัดและ
ประเมินผล
- การปรับแต่ง ฟังบรรยาย จดบนั ทึก จดบันทึกความรลู้ ง
พได้ ภาพกราฟิกดว้ ย และปฏิบัติตามคำส่งั สมุด ปฏบิ ัติการใช้ ส่งงานตรงเวลา
เครอ่ื งมือปรบั แตง่ สี
ฟิลเตอร์

ด - การรีทชั ภาพ ฟังบรรยาย จดบนั ทกึ จดบนั ทกึ ความรลู้ ง สง่ งานตรงเวลา และ
ได้ และปฏบิ ัตติ ามคำสง่ั สมุด ปฏิบตั กิ ารใช้ ถกู ต้องเกิดรอ้ ยละ 50
เครื่องมอื รีทชั รูปภาพ
- สง่ งานด้วย Google

Classroom

นกั เรยี นสอบกลางภาคเรยี นที่ 1/2565

- รู้จักกบั เลเยอร์ ฟังบรรยาย จดบนั ทึก จดบนั ทึกความรู้ลง ส่งงานตรงเวลา
อง และปฏบิ ตั ติ ามคำส่ัง สมดุ

- การจดั การกับเล ฟังบรรยาย จดบันทึก จดบันทกึ ความรลู้ ง สง่ งานตรงเวลา และ
อง เยอร์ และปฏิบตั ติ ามคำสงั่ สมุด ปฏบิ ัตกิ ารใช ถูกตอ้ งเกิดรอ้ ยละ 50
เครอ่ื งมอื ซ้อนรูปภาพ

ด้วยการทำงานของเล
เยอร์

สปั ดาหท์ ี่ คาบท่ี ชือ่ หนว่ ยการเรียนรู้ ผลการเรยี นรู้
12
12 การสร้างตวั อักษรและการวาด นกั เรียนสามารถสร้า
13
ภาพกราฟิก ตวั อักษรกราฟิกใน

รูปแบบต่าง ๆ ได้

13 การสรา้ งตัวอกั ษรและการวาด - นกั เรียนสามารถวา

ภาพกราฟกิ ภาพกราฟิกได้

14 14 การสร้างตัวอกั ษรกราฟิกแบบเรอื ง - นักเรยี นสามารถ
แสง สรา้ งตัวอักษรกราฟ
แบบเรอื งแสงได้

15 15 การสรา้ งแอนเิ มชัน - นักเรยี นสามารถ
สรา้ ง แอนเิ มชน่ั
เบื้องต้นได้

16 16 ทดสอบปฏิบตั ิงานกราฟิก นักเรยี นสามารถ
นำเสนอผลงานจาก
การใชโ้ ปรแกรม
Adobe Photosho
ได้อย่างสร้างสรรค

17 17

นักเรยี นสอบปล

เน้ือหา กิจกรรมการเรยี นรู้ งานที่มอบหมาย การวดั และ
าง - การสร้างตัวอักษร ฟังบรรยาย จดบันทกึ ประเมนิ ผล
และปฏบิ ัตติ ามคำสั่ง
าด - การวาดภาพกราฟกิ จดบนั ทกึ ความรลู้ ง ส่งงานตรงเวลา และ
ฟังบรรยาย จดบนั ทึก
ถ - การสร้างแอนเิ มชัน่ และปฏบิ ัติตามคำสงั่ สมุด ปฏิบัตกิ ารใช้g ถูกต้องเกินรอ้ ยละ 50
ฟกิ โดยการซ่อนและ
ฟังบรรยาย จดบนั ทกึ เครือ่ งมือ สรา้ งอักษร
แสดงเลเยอร์ และปฏิบัติตามคำสง่ั
Typography
ถ - การสรา้ งแอนิเมชั่น ฟังบรรยาย จดบนั ทกึ
โดยการซอ่ นและ และปฏบิ ัตติ ามคำสง่ั จดบันทกึ ความรูล้ ง ส่งงานตรงเวลา และ
แสดงเลเยอร์
ทดสอบปฏิบตั ิ สมดุ ปฏิบัตกิ ารใช้ ถกู ต้องเกดิ ร้อยละ 50
มอบหมายงาน ออกแบบปกนติ ยสาร
ก ออกแบบ หน้าปก เครื่องมือ วาด

นติ ยสาร ภาพกราฟกิ
op
ค์ จดบันทกึ ความรลู้ ง สง่ งานตรงเวลา และ

สมุดปฏิบัตกิ ารใช้ ถกู ต้องเกดิ ร้อยละ 50

เคร่ืองมือสร้าง

ตวั อักษรแบบเรืองแสง

จดบนั ทึกความรู้ลง นักเรียนสง่ งานตรง

สมุดปฏบิ ัติการใช้ เวลา และถูกต้องเกดิ

เคร่อื งมือ สรา้ งงาน ร้อยละ 50

แอนเิ มช่ัน

มอบหมายงาน นักเรยี นส่งงานตรง

ออกแบบ ปกนิตยสาร เวลา และถกู ต้องเกิน

รอ้ ยละ 50

ทบทวนความรกู้ อ่ นสอบปลายภาค

ลายภาคเรียนท่ี 1/2565

แผนการจัดการเรียนรู้ท่ี 1 ระดบั ช้ันมธั ยมศกึ ษาปีท่ี 6
จำนวน 1 คาบ/ช่ัวโมง
รหสั วิชา ว30253 รายวิชา ปฏบิ ตั กิ ารคอมพิวเตอรก์ ราฟิก
หนว่ ยการเรยี นท่ี 1 เรอ่ื ง Intro Computer Graphic
ช่ือผูส้ อน นายวันชยั แคลว้ ภัย

มาตรฐานการเรียนรู้

สาระท่ี 4 เทคโนโลยี
มาตรฐาน ว 4.1 เข้าใจแนวคิดหลักของเทคโนโลยเี พื่อการดำรงชีวิตในสงั คมทมี่ กี ารเปล่ียนแปลงอย่างรวดเร็ว

ใชค้ วามร้แู ละทักษะทางดา้ น วิทยาศาสตร์ คณิตศาสตร์ และศาสตรอ์ นื่ ๆ เพ่ือแกป้ ัญหาหรอื พัฒนางานอย่างมีความคิด
สร้างสรรค์ด้วยกระบวนการออกแบบ เชิงวิศวกรรม เลือกใช้เทคโนโลยีอย่างเหมาะสมโดยคำนึงถึงผลกระทบต่อชีวติ
สังคม และสงิ่ แวดล้อม

ผลการเรียนรู้
1. นกั เรยี นสามารถอธบิ ายชนิดของภาพกราฟกิ ได้
2. นักเรยี นสามารถอธิบายรูปแบบสขี องภาพกราฟิกได้

สาระสำคัญ
โปรแกรม Photoshop เปน็ โปรแกรมสรา้ งและแกไ้ ขรปู ภาพอยา่ งมืออาชพี โดยเฉพาะนกั ออกแบบในทุกวงการ

ย่อมรู้จักโปรแกรมตัวนี้ดี โปรแกรม Photoshop เป็นโปรแกรมที่มีเครื่องมือมากมายเพื่อสนับสนุนการสร้างงาน
ประเภทสิ่งพมิ พ์ งานวิดที ศั น์ งานนำเสนอ งานมัลตมิ เี ดีย ตลอดจนงานออกแบบและพัฒนาเวบ็ ไซต์

จุดประสงค์การเรยี นรู้
ด้านความรู้ (Knowledge)

1. นักเรียนสามารถอธบิ ายประวตั คิ วามเปน็ มาของโปรแกรม Photoshop ได้
2. นักเรียนบอกถงึ จดุ เด่นของโปรแกรม Photoshop ได้
3. นักเรียนสามารถอธิบายชนิดของไฟลร์ ูปภาพได้

ดา้ นทกั ษะ/กระบวนการ (Process)
1. นักเรียนสามารถเรยี กใชง้ านโปรแกรม และออกจากโปรแกรมได้
2. นกั เรยี นสามารถจำแนกประเภทของงานกราฟกิ ได้
3. นักเรียนสามารถจำแนกสว่ นอปุ กรณต์ ่างๆของโปรแกรม Photoshop ได้

ด้านคุณลักษณะอนั พึงประสงค์ (Attitude) ซอ่ื สัตย์สจุ รติ มงุ่ มั่นในการทำงาน
รกั ชาติ ศาสน์ กษัตริย์ อยู่อย่างพอเพียง ใฝ่เรียนรู้ มีจิตสาธารณะ
มวี นิ ัย รักความเปน็ ไทย

สาระการเรียนรู้
1. ประวัตคิ วามเป็นมาของ Photoshop
2. จดุ เดน่ ของโปรแกรม Photoshop
3. หลกั การและขั้นตอนในการแก้ไขรปู ภาพ
4. ความหมายและส่วนประกอบต่าง ๆ ของ Photoshop

ด้านสมรรถนะสำคัญของผ้เู รียน
ความสามารถในการคิด : สามารถคิดสร้างสรรค์ผลงานด้านกราฟกิ โดยใชโ้ ปรแกรม Photoshop

ความสามารถในการแก้ปญั หา : สามารถแก้ไขปัญหาที่เกดิ กบั งานกราฟกิ
ความสามารถในการใช้เทคโนโลยี : สามารถใช้เทคโนโลยที ่ีเรยี นไปใช้ประกอบอาชพี ได้ในอนาคต

ด้านคณุ ลักษณะของผเู้ รยี นตามหลกั สูตรมาตรฐานสากล

เปน็ เลิศวชิ าการ ส่อื สารสองภาษา ล้ำหน้าทางความคิด

ผลติ งานอยา่ งสร้างสรรค์ ร่วมกนั รบั ผิดชอบตอ่ สงั คมโลก

ชน้ิ งาน/ภาระงาน
1. จดบนั ทกึ สรปุ ความรู้ Photoshop ตามครูผู้สอนระหว่างเรียน

กิจกรรมการเรยี นการสอน (50 นาท)ี

(กรณี On-line) สลบั มาเรียนทง้ั 2 กลมุ่ เรียน
นกั เรยี นเขา้ ชั้นเรยี นโดยการนดั หมายผ่าน Application Line Group หอ้ งเรยี น โดยครูผสู้ อนส่งรหัสการ

เข้าชนั้ เรยี น นักเรยี นเตรียมติดต้งั โปรแกรม Meet/Zoom หากนกั เรียนใชส้ มารท์ โฟน หรือเขา้ สู่เวบ็ ไวตเ์ ลอื ก Google

Meet หรือ Zoom ในกรณีทเี่ ลือกใช้ computer desktop หรอื Note book
นกั เรยี นทุกคนเขา้ ชนั้ เรียน และศึกษาเน้ือหารายวิชาท่ี Google site ผ่านเว็บไซตโ์ รงเรยี น www.str.ac.th

และส่งงานผ่าน Google Classroom ในกรณีวนั ทม่ี าเรียนมีการฝกึ ปฏบิ ัติ และทบวนเนือ้ หาอกี ครั้ง
1. ครใู ห้นกั เรียนทำแบบทดสอบกอ่ นเรียน เพือ่ ทดสอบความรคู้ วามเขา้ ใจก่อนเรยี นของนกั เรยี น

และปฐมนเิ ทศช้ีแจงรายวชิ า (10 นาท)ี ดังนี้

1. ครชู ้แี จงคำอธบิ ายรายวิชา
2. ครอู ธบิ ายผลการเรยี นรูใ้ นการเรียนรายวิชาปฏิบัตกิ ารคอมพิวเตอรก์ ราฟกิ

3. ครอู ธิบายเกณฑก์ ารวัดผลประเมินผล และนำ้ หนกั คะแนนภารงานในรายวชิ า
4. ครชู ีแ้ จงขอ้ ควรปฏิบัตใิ นการใช้ห้องปฏิบัตกิ ารคอมพิวเตอร์
5. ครใู ห้นกั เรยี นสอบถามและเสนอแนะขอ้ มลู ทตี่ นเองสนใจ

2. ขัน้ นำเข้าสบู่ ทเรยี น (10 นาท)ี
1. ครูนำเข้าสู่บทเรียนโดยใช้ภาพท่ผี ่านการตัดต่อด้วย Photoshop

2. ครูตั้งคำถามกับนักเรียน เพอ่ื กระตุ้นความคดิ ดงั นี้

1. นักเรียนเคยใช้โปรแกรม Photoshop มาบ้างหรอื ไม่
2. นักเรยี นใชโ้ ปรแกรม Photoshop ทำอะไรบ้าง (ตอ่ ต่อ Retouch ภาพ)
3. นกั เรียนทราบหรือไม่ว่า ขอ้ ดีของโปรแกรม Photoshop ทเ่ี หน็ ไดอ้ ย่าง ชดั เจนคือ
อะไรบ้าง (มีอปุ กรณส์ ำหรบั แก้ไขภาพไดค้ รอบคลุม และเรยี กใช้งานไดง้ ่าย)

3. ขัน้ สอน (20 นาท)ี

1. ครูอธิบายประวัติความเป็นมาของ Photoshop และจุดเด่นของโปรแกรม Photoshop ให้กับ
นกั เรยี นว่าโปรแกรม โปรแกรม Photoshop เปน็ โปรแกรมสรา้ งและแกไ้ ขรูปภาพอย่างมืออาชีพ โดยเฉพาะนัก
ออกแบบในทุกวงการยอ่ มรู้จักโปรแกรมตวั น้ีดี โปรแกรม Photoshop เปน็ โปรแกรมท่ีมี เครื่องมือมากมายเพื่อ
สนบั สนุนการสร้างงานประเภทส่ิงพมิ พ์ งานวิดีทัศน์ งานนำเสนอ งานมัลติมเี ดยี ตลอดจนงานออกแบบและ
พฒั นาเวบ็ ไซต์

2. ครูอธบิ ายความหมายและสว่ นประกอบต่างๆ ของ Photoshop
3. ครูอธิบายความหมายนามสกุลไฟล์ภาพแบบตา่ ง ๆ
4. ครอู ธิบายประเภทของรปู ภาพทางด้านงานกราฟิก แบบราสเตอร์ และ แบบเวกเตอร์

4. ขน้ั สรุป (10 นาที)
1. ครูและนกั เรยี นรว่ มกนั สรปุ ความหมายของภาพแบบราสเตอร์ และภาพแบบเวกเตอร์ และนามสกุลไฟล์

ของโปรแกรม Photoshop

2. ครถู ามคำถามนกั เรียนเพ่อื ทดสอบความเข้าใจของนักเรยี น

สอ่ื /วัสดอุ ุปกรณ์/แหล่งเรยี นรู้
ส่ือ

1. เคร่อื งคอมพิวเตอร์ / เคร่ืองฉายสไลด์
3. โปรแกรม Photoshop CS6
4. PowerPoint เร่อื ง Intro Computer Graphic
วัสดอุ ปุ กรณ์
1. สมุดจดบนั ทึกความรู้ และทำแบบฝึกหัด
2. แฟลชไดรฟ์ บันทกึ ข้อมูล
แหล่งเรยี นรู้
ทศั ยาภรณ์ เกอ้ื นนุ่ , พรพรรณ แพฝึกฝน ค่มู ือ Adobe Photoshop CS6. กรงุ เทพฯ : โปรวิชัน่ , 2555.

หอ้ งเรยี น Google Class Site ปกี ารศึกษา 2565 เว็บไซตโ์ รงเรยี น str.ac.th (เรียนออนไลน์)
https://sites.google.com/str.ac.th/com-30253-computer-graphic/course-syllybus?authuser=0

การวดั ผลและประเมิลผลการเรียนรู้

แบบประเมนิ ผลการเรียนรูโ้ ดยใชเ้ กณฑ์การประเมิน แบบ RUBRICS SCORE
1. ด้านความรู้ (Knowledge)

เนอ้ื หา เครอื่ งมอื เกณฑก์ ารประเมิน

1. ประวตั ิความเป็นมา สมดุ จดบนั ทึก 3 (ดี) 2 (พอใช)้ 1 (ปรับปรุง)
และจดุ เด่นของ
โปรแกรม Photoshop สามารถอธบิ ายประวัติ สามารถอธิบายประวตั ิ สามารถอธิบายประวัติ

ความเป็นมาและ ความเป็นมา หรือจุดเด่น ความเป็นมา หรอื

จดุ เด่น ของโปรแกรม ของโปรแกรม จดุ เด่นของโปรแกรม

Photoshop ได้ Photoshop ได้ 50% Photoshop ได้

ครบถว้ น และถกู ต้อง ขึน้ ไป เล็กนอ้ ย

2. หลักการและข้ันตอน สมุดจดบันทึก สามารถอธิบาย สามารถอธิบายหลักการ สามารถอธบิ ายหลกั การ
ในการแกไ้ ขรปู ภาพ
หลักการ และขนั้ ตอน หรอื ขั้นตอนในการแกไ้ ข หรอื ข้ันตอนในการ

ในการแกไ้ ขรูปภาพได้ รูปภาพได้ 50% ข้ึนไป แก้ไขรปู ภาพได้เลก็ น้อย

ถกู ต้องและครบถ้วน

3.ความหมายของ สมดุ จดบนั ทึก สามารถอธิบาย สามารถอธบิ าย สามารถอธิบาย

เครอ่ื งมือ และ ความหมายของ ความหมายของเคร่อื งมือ ความหมายของ
คุณสมบตั ิ
เคร่อื งมือและคุณสมบตั ิ และคุณสมบตั ิ เครือ่ งมือ และ

ไดถ้ ูกต้องครบถว้ น ได้ 50% ขน้ึ ไป คุณสมบัตไิ ด้เลก็ น้อย

2. ด้านทักษะกระบวนการ (Practice)

เนื้อหา เครื่องมือ ระดบั คะแนน

3 (ด)ี 2 (พอใช)้ 1 (ปรบั ปรงุ )

1. การเรยี กใช้โปรแกรม ฝกึ ปฏิบัติใน สามารถเรียกใชโ้ ปรแกรม สามารถเรียกใช้ สามารถเรียก

Photoshop ชน้ั เรียน Photoshop ได้อยา่ ง โปรแกรม โปรแกรม

รวดเร็ว Photoshop โดยให้ Photoshop แต่ต้อง

ผูส้ อนแนะนำเล็กน้อย ปฏบิ ัตติ ามผสู้ อน

2. การเปดิ ไฟล์ใหม่ ฝกึ ปฏบิ ัติใน สามารถเปดิ ไฟล์ใหม่ และ สามารถเปิดไฟลใ์ หม่ สามารถเปดิ ไฟลใ์ หม่
การออกจากโปรแกรมได้ ชนั้ เรยี น
ออกจากโปรแกรมได้ และออกจาก และออกจาก

อย่างรวดเร็ว โปรแกรมได้ โดยให้ โปรแกรมได้ แต่ต้อง

ผู้สอนแนะนำเล็กน้อย ปฏบิ ตั ติ ามผู้สอน

3. ดา้ นคณุ ลกั ษณะ (Attitude)

เน้ือหา เครื่องมอื 3 (ดี) ระดับคะแนน 1 (ปรบั ปรงุ )
1. ต้งั ใจและสนใจต่อการ ตง้ั ใจปฏบิ ตั ิงานในการ
เรียนรู้ แบบสงั เกต ทำงานเปน็ อย่างดี 2 (พอใช)้ ไมป่ ฏิบัติงานตามที่
พฤติกรรมการ มีความพยายาม ได้รบั มอบหมาย
2. ความรบั ผิดชอบตอ่ เรยี นรู้ ปฏิบัตงิ านท่ีไดร้ ับ ปฏิบัติงานทก่ี ำหนด
งานทีไ่ ดร้ บั รายบคุ คล มอบหมายได้ครบถว้ น
แบบสังเกต ปฏิบตั งิ านทีไ่ ด้รบั ไม่ปฏบิ ตั ิงานที่ไดร้ บั
3. การตรงต่อเวลา พฤตกิ รรมการ เข้าเรียนและสง่ งานตรง มอบหมายได้ มอบหมาย
เรยี นรู้ ตามเวลาทก่ี ำหนด
5. ความรอบคอบในการ รายบุคคล เขา้ เรยี นสาย และสง่ สง่ งานไมท่ นั ตาม
ทำงาน ทำงานถกู ตอ้ งและ งานไม่ตรงตามเวลาที่ เวลาที่กำหนด
แบบสังเกต ครบถว้ นตามเงอ่ื นไขที่ กำหนด
พฤตกิ รรมการ กำหนด 100 % ทำงานตามเงอ่ื นไขที่
เรียนร้รู ายบุคคล ทำงานตามเงือ่ นไขท่ี กำหนดน้อยกวา่ 50%
กำหนด 60 % ขน้ึ ไป
แบบสังเกต
พฤตกิ รรมการ
เรยี นรู้รายบคุ คล

แบบสังเกตพฤติกรรมการเรยี นรู้รายบุคคล
ดา้ นคณุ ลักษณะอันพงึ ประสงค์

เลขท่ี ชื่อ – สกลุ
้ัตงใจและสนใจ ่ตอการเรียนรู้
ความรับผิดชอบ ่ตองานท่ีไ ้ดรับ

การตรงต่อเวลา
ความรอบคอบในการทำงาน
การช่วยเหลือ ่ึซง ักนและ ักน

รวม

2 2 2 2 2 10

1
2
3
4
5
6
7
8
9
10

ความหมายระดบั คุณภาพ เกณฑ์ระดบั คะแนน
2 หมายถงึ ดี 8 – 10 = 2
1 หมายถงึ พอใช้ 4–7 = 1
0 หมายถงึ ปรับปรงุ 0–3 = 0

ลงชอ่ื ..................................................ผปู้ ระเมิน
( .............................................. )

วนั ที่......../................../...........

ความคิดเหน็ (รองผ้อู ำนวยการกลุ่มบรหิ ารวิชาการ / ผ้บู รหิ าร / หัวหน้ากลุม่ สาระฯ /ผู้ที่ได้รับมอบหมาย)
......................................................................................................................................................................................
......................................................................................................................................................................................

ลงชื่อ........................................................
(........................................................)

ตำแหน่ง....................................................

บนั ทึกหลังการจัดกิจกรรมการเรยี นรู้

รหัสวิชา ว30253 รายวชิ า ปฏบิ ัตกิ ารคอมพิวเตอร์กราฟิก

1. ผลการจดั กิจกรรมการเรียนรู้

นักเรยี นสามารถอธบิ ายชนิดของภาพกราฟกิ และนักเรยี นสามารถอธบิ ายรูปแบบสขี องภาพกราฟกิ ได้เป็นอย่าง
ดโี ดยการวัดผลจากการใหน้ กั เรยี นทำใบงานหลงั เรยี น
2. ปญั หา อปุ สรรค

ปัญหาจากการเรยี นออนไลนท์ ำให้เกิดความยากลำบากในการใช้งานเทคโนโลยบี างรูปแบบ สำหรบั นกั เรียน
บางคน เช่น การใชง้ าน Google Form อาจจะเกิดปญั หากับโทรศัพท์บางเคร่อื งซ่ึงครูไม่สามารถแก้ปญั หาไดใ้ นคาบ
เรียน หรือในตอนทน่ี กั เรียนประสบปัญหา
3. ข้อเสนอแนะ / แนวทางแกไ้ ข

แบ่งเวลาในคาบเรียนเพอื่ ใช้สำหรบั แกป้ ัญหาให้กับนกั เรยี นที่ประสบปัญหาในการใชง้ านเครอ่ื งมอื เพ่ือเรียน
ออนไลน์

ลงชือ่ นายวนั ชยั แคล้วภัย ผู้สอน
(นายวนั ชัย แคลว้ ภัย)

................/........................../.................

แผนการจดั การเรยี นรทู้ ี่ 2 ระดบั ชัน้ มธั ยมศกึ ษาปที ี่ 6
จำนวน 1 คาบ/ชัว่ โมง
รหสั วิชา ว30253 รายวิชาปฏิบัตกิ ารคอมพิวเตอรก์ ราฟิก
หน่วยการเรยี นท่ี 2 เรือ่ ง ความรู้เบอื้ งตน้ เกย่ี วกับโปรแกรม Photoshop
ชื่อผูส้ อน นายวนั ชยั แคล้วภัย

มาตรฐานการเรียนรู้

สาระที่ 4 เทคโนโลยี
มาตรฐาน ว 4.1 เขา้ ใจแนวคิดหลักของเทคโนโลยเี พอื่ การดำรงชีวิตในสังคมท่ีมีการเปลี่ยนแปลงอย่างรวดเร็ว

ใชค้ วามรูแ้ ละทกั ษะทางดา้ น วทิ ยาศาสตร์ คณิตศาสตร์ และศาสตร์อื่น ๆ เพอื่ แกป้ ญั หาหรือพัฒนางานอยา่ งมีความคิด
สร้างสรรค์ด้วยกระบวนการออกแบบ เชิงวิศวกรรม เลือกใช้เทคโนโลยีอย่างเหมาะสมโดยคำนึงถึงผลกระทบต่อชีวติ
สังคม และสง่ิ แวดลอ้ ม

ผลการเรียนรู้
1. ผเู้ รยี นสามารถอธิบายส่วนประกอบตา่ งๆของโปรแกรม Photoshop ได้
2. นักเรียนสามารถอธบิ ายชนิดของไฟลร์ ูปภาพได้

สาระสำคญั

โปรแกรม Photoshop เปน็ โปรแกรมสร้างและแกไ้ ขรูปภาพอย่างมืออาชีพโดยเฉพาะนักออกแบบในทุก
วงการ ยอ่ มรู้จักโปรแกรมตัวนีด้ ี โปรแกรม Photoshop เปน็ โปรแกรมทมี่ ีเคร่อื งมือมากมายเพือ่ สนับสนนุ การสร้าง
งานประเภทสิ่งพิมพ์ งานวดิ ีทัศน์ งานนำเสนอ งานมัลติมเี ดีย ตลอดจนงานออกแบบและพัฒนาเวบ็ ไซต์

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

ด้านความรู้ (Knowledge)
1. นกั เรยี นสามารถอธิบายชนิดของไฟลร์ ูปภาพได้
2. นักเรียนสามารถอธิบายจัดการรปู ภาพเบื้องต้นได้

ด้านทกั ษะ/กระบวนการ (Process)
1. นักเรยี นเรยี กใช้งานโปรแกรม และออกจากโปรแกรมได้
2. นกั เรยี นสามารถจำแนกประเภทของงานกราฟิกได้
3. นักเรยี นสามารถจำแนกส่วนประกอบต่าง ๆ ของโปรแกรม Photoshop ได้

ด้านคุณลกั ษณะอันพงึ ประสงค์ (Attitude) ซ่ือสตั ยส์ จุ รติ มงุ่ ม่นั ในการทำงาน
ใฝเ่ รยี นรู้ มีจิตสาธารณะ
รักชาติ ศาสน์ กษัตริย์ อยู่อย่างพอเพียง
มีวนิ ัย รักความเปน็ ไทย

สาระการเรยี นรู้
- หลักการและขัน้ ตอนในการแกไ้ ขรูปภาพ
- ความหมายและสว่ นประกอบตา่ ง ๆ ของ Photoshop

ดา้ นสมรรถนะสำคญั ของผเู้ รยี น
ความสามารถในการคิด : สามารถคิดสร้างสรรค์ผลงานด้านกราฟิกโดยใช้โปรแกรม Photoshop

ความสามารถในการแกป้ ญั หา : สามารถแก้ไขปญั หาทีเ่ กิดกับงานกราฟกิ
ความสามารถในการใช้เทคโนโลยี : สามารถใช้เทคโนโลยที ี่เรยี นไปใช้ประกอบอาชพี ไดใ้ นอนาคต

ด้านคุณลกั ษณะของผ้เู รียนตามหลกั สูตรมาตรฐานสากล

เปน็ เลิศวชิ าการ สื่อสารสองภาษา ล้ำหนา้ ทางความคิด

ผลิตงานอยา่ งสร้างสรรค์ ร่วมกันรับผดิ ชอบตอ่ สงั คมโลก

ชิ้นงาน/ภาระงาน
1. จดบันทึกสรุปความรู้ Photoshop ตามครผู ู้สอนระหว่างเรยี น
2. แบบฝกึ ปฏบิ ัติการ การเปิดโปรแกรม Photoshop และบันทกึ ไฟลง์ าน

กจิ กรรมการเรยี นการสอน (50 นาท)ี

(กรณี On-line) สลับมาเรยี นทง้ั 2 กลมุ่ เรียน
นกั เรียนเขา้ ชน้ั เรียนโดยการนดั หมายผ่าน Application Line Group หอ้ งเรียน โดยครูผสู้ อนส่งรหัสการ

เขา้ ชัน้ เรยี น นักเรยี นเตรยี มตดิ ตง้ั โปรแกรม Meet/Zoom หากนกั เรยี นใช้สมาร์ทโฟน หรอื เข้าสู่เว็บไวตเ์ ลอื ก Google
Meet หรอื Zoom ในกรณที เี่ ลือกใช้ computer desktop หรือ Note book

นักเรยี นทกุ คนเขา้ ชน้ั เรยี น และศึกษาเนื้อหารายวิชาที่ Google site ผ่านเว็บไซต์โรงเรียน www.str.ac.th
และสง่ งานผา่ น Google Classroom ในกรณวี นั ทีม่ าเรียนมีการฝกึ ปฏิบัติ และทบวนเนอ้ื หาอกี คร้ัง

1. ครูให้นกั เรียนรว่ มกนั ตอบคำถาม เพ่อื ทบทวนความรคู้ วามเข้าใจกอ่ นเรียนของนกั เรียน
และเตรียมความพรอ้ ม (5 นาท)ี ดงั น้ี
1. นกั เรยี นเคยใช้โปรแกรม Photoshop ทำอะไรบา้ ง
2. นกั เรียนรู้หรือไม่วา่ Photoshop มีสว่ นประกอบอะไรบา้ ง
3. นกั เรยี นใชโ้ ปรแกรม Photoshop บันทกึ ไฟล์งานตามนามสกุลไฟลไ์ ด้หรอื ไม่

2. ข้นั นำเข้าส่บู ทเรียน (5นาท)ี
1. ครูนำเข้าสู่บทเรยี นโดยใช้โปรแกรม Photoshop ครูตง้ั คำถามกบั นกั เรียน เพื่อกระตนุ้ ความคดิ ดังนี้
1. นักเรยี นเคยใช้โปรแกรม Photoshop ทำอะไรบา้ ง
2. นกั เรยี นรหู้ รอื ไมว่ า่ Photoshop มีสว่ นประกอบอะไรบา้ ง
3. นกั เรยี นใชโ้ ปรแกรม Photoshop บันทกึ ไฟลง์ านตามนามสกุลไฟลไ์ ดห้ รือไม่

3. ขน้ั สอน (30 นาท)ี
1. ครอู ธิบายส่วนประกอบของ Photoshop และการทำงานในแต่ละสว่ นของโปรแกรม Photoshop

นักเรียนศึกษาหน้าท่ี ของแต่ละส่วนว่ามีการทำงานอย่างไร (กรณี on-line ครแู ชร์สกรนี หนา้ จอให้นักเรียนดผู ่าน
โปรแกรม Meet / Zoom)

2. นักเรยี นฝกึ ปฏบิ ัติการต้ังค่าสำหรบั สรา้ งไฟล์ภาพ
- วธิ ีต้งั คา่ ไฟล์ภาพ > Files > New > ตั้งค่าหน้ากระดาษตามขนาดทเ่ี ราต้องการ > Ok
3. นักเรยี นฝึกปฏิบตั ิวิธกี ารการสร้างชิน้ งานด้วยโปรแกรม Adobe Photoshop
- วธิ ีเปดิ ไฟลภ์ าพ เลือกเมนู > Files > Open > เลือกโฟล์เดอรท์ ีร่ ูปภาพของเราอยู่ >Open
4. นกั เรียนฝึกปฏิบตั ิการใชอ้ ปุ กรณ์ Crop tools และให้นักเรยี นใชอ้ ุปกรณ์

5. นักเรียนฝกึ ปฏบิ ตั ิการตั้งค่าสำหรบั สร้างไฟลภ์ าพ
- วิธตี งั้ ค่าไฟลภ์ าพ > Files > New > ตั้งค่าหน้ากระดาษตามขนาดทเ่ี ราต้องการ > Ok
6. นกั เรียนฝึกปฏบิ ตั ิการเซฟไฟล์งานกราฟกิ และการเลือกนามสกุลในการเซฟไฟล์งานกราฟิก
- วิธีเซฟไฟลภ์ าพ > Files > Save > เลอื กทีจ่ ัดเกบ็ ไฟล์ > เลือกนามสกุลไฟลท์ ่ตี อ้ งการ > Ok

4. ขัน้ สรุป (10 นาท)ี
1. ครูและนักเรียนร่วมกันสรปุ ความร้เู ร่ืองการทำงานในแต่ละสว่ นของโปรแกรม Photoshop และ
การบนั ทกึ ไฟล์งานในโปรแกรม Photoshop
2. ครูถามคำถามนกั เรยี นเพอ่ื ทดสอบความเข้าใจของนักเรยี น

ส่อื /วสั ดอุ ปุ กรณ์/แหล่งเรยี นรู้

สื่อ
1. เครอื่ งคอมพิวเตอร์
2. เครื่องฉายสไลด์
3. โปรแกรม Photoshop CS6
4. Application Google Meet/Classroom /Site

วสั ดอุ ุปกรณ์
1. สมดุ จดบนั ทกึ ความรู้ และทำแบบฝึกหัด
2. แฟลชไดรฟ์ บนั ทกึ ข้อมูล

แหล่งเรยี นรู้

สมบัติ สวัสดผ์ิ ล.(2549). การใช้โปรแกรมกราฟฟกิ Adobe Photoshop Image Ready.
กรงุ เทพมหานคร: สำนกั พมิ พว์ งั อกั ษร.

ห้องเรียน Google Class Site ปีการศกึ ษา 2565 เว็บไซต์โรงเรยี น str.ac.th (เรยี นออนไลน)์
https://sites.google.com/str.ac.th/com-30253-computer-graphic/course-syllybus?authuser=0

การวดั ผลและประเมลิ ผลการเรยี นรู้
แบบประเมินผลการเรียนรโู้ ดยใชเ้ กณฑ์การประเมนิ แบบ RUBRICS SCORE
1. ดา้ นความรู้ (Knowledge)

เนือ้ หา เคร่ืองมือ 3 (ดี) เกณฑก์ ารประเมิน 1 (ปรับปรุง)
สามารถอธิบายหลกั การ
1. หลกั การและขั้นตอน สมดุ จดบันทกึ สามารถอธิบาย 2 (พอใช)้ หรือข้ันตอนในการ
ในการแก้ไขรปู ภาพ หลกั การ และขั้นตอน สามารถอธบิ ายหลักการ แกไ้ ขรูปภาพได้เล็กนอ้ ย
ในการแกไ้ ขรูปภาพได้ หรือขั้นตอนในการแก้ไข
2.ความหมายของ สมดุ จดบันทึก ถกู ตอ้ ง และครบถ้วน รูปภาพได้ 50% ขนึ้ ไป สามารถอธิบาย
อุปกรณแ์ ละคณุ สมบตั ิ ความหมายของอุปกรณ์
สามารถอธิบาย สามารถอธบิ าย และคุณสมบัติได้
ความหมายของ ความหมายของอปุ กรณ์ เลก็ น้อย
อปุ กรณ์และคุณสมบตั ิ และคณุ สมบัติ
ได้ถูกตอ้ งครบถว้ น ได้ 50% ขึ้นไป

2. ด้านทกั ษะกระบวนการ (Practice)

เนือ้ หา เครอื่ งมอื ระดับคะแนน

3 (ด)ี 2 (พอใช)้ 1 (ปรับปรุง)

1. การเรยี กใชโ้ ปรแกรม ฝึกปฏบิ ัติใน สามารถเรยี กใช้โปรแกรม สามารถเรยี กใช้ สามารถเรยี ก

Photoshop ชั้นเรยี น Photoshop ได้อยา่ ง โปรแกรม โปรแกรม

รวดเร็ว Photoshop โดยให้ Photoshop แต่ตอ้ ง

ผสู้ อนแนะนำเล็กนอ้ ย ปฏบิ ตั ิตามผสู้ อน

2. การเปดิ ไฟล์ใหม่ ฝกึ ปฏิบตั ิใน สามารถเปิดไฟลใ์ หม่ และ สามารถเปดิ ไฟลใ์ หม่ สามารถเปิดไฟล์ใหม่
การออกจากโปรแกรมได้ ชน้ั เรียน
ออกจากโปรแกรมได้ และออกจาก และออกจาก
อย่างรวดเรว็
โปรแกรมได้ โดยให้ โปรแกรมได้ แตต่ อ้ ง

ผู้สอนแนะนำเลก็ น้อย ปฏิบัตติ ามผู้สอน

3. ด้านคณุ ลกั ษณะ (Attitude)

เนื้อหา เครื่องมือ 3 (ด)ี ระดับคะแนน 1 (ปรบั ปรงุ )
ไม่ปฏิบตั ิงานตามท่ี
1. ต้ังใจและสนใจต่อการ แบบสงั เกต ต้งั ใจปฏิบตั ิงานในการ 2 (พอใช)้ ไดร้ ับมอบหมาย
เรยี นรู้ พฤตกิ รรมการ ทำงานเปน็ อย่างดี มคี วามพยายาม
เรียนรู้รายบุคคล ปฏิบัติงานท่ีกำหนด ไมป่ ฏบิ ตั ิงานท่ไี ดร้ บั
2. ความรับผิดชอบต่อ มอบหมาย
งานที่ได้รบั แบบสังเกต ปฏบิ ตั งิ านที่ไดร้ บั ปฏบิ ัติงานท่ไี ด้รับ
พฤตกิ รรมการ สง่ งานไมท่ นั ตาม
3. การตรงต่อเวลา เรียนร้รู ายบคุ คล มอบหมายได้ครบถ้วน มอบหมายได้ เวลาทก่ี ำหนด

แบบสังเกต เขา้ เรยี นและส่งงานตรง เขา้ เรยี นสาย และส่ง ทำงานตามเง่อื นไขที่
พฤติกรรมการ กำหนดน้อยกว่า50%
เรียนร้รู ายบุคคล ตามเวลาท่ีกำหนด งานไม่ตรงตามเวลาที่
ไม่ให้ความชว่ ยเหลอื
กำหนด เพอื่ น

5. ความรอบคอบในการ แบบสงั เกต ทำงานถูกต้องและ ทำงานตามเงือ่ นไขที่
พฤติกรรมการ
ทำงาน ครบถ้วนตามเงือ่ นไขท่ี กำหนด 60 % ขึน้ ไป
เรียนรรู้ ายบคุ คล
กำหนด 100 %

4. การช่วยเหลือซึ่งกนั แบบสงั เกต ใหค้ วามช่วยเหลอื เพ่ือน ใหค้ วามชว่ ยเหลือ
และกนั พฤตกิ รรมการ
เรยี นรู้รายบคุ คล ด้วยความเตม็ ใจเมอ่ื เพอ่ื น เพอ่ื นด้วยเมอ่ื เพื่อนมี

มีปัญหาสงสัย ปญั หาสงสัย

แบบสังเกตพฤติกรรมการเรียนรู้รายบุคคล
ดา้ นคณุ ลักษณะอนั พงึ ประสงค์

เลขที่ ชื่อ – สกลุ
้ัตงใจและสนใจ ่ตอการเรียนรู้

ความรับผิดชอบ ่ตองานท่ีไ ้ด ัรบ

การตรงต่อเวลา
ความรอบคอบในการทำงาน
การช่วยเหลือ ่ึซง ักนและ ักน

รวม

1 2 2 2 2 2 10
2
เกณฑ์ระดับคะแนน
3 8 – 10 = 2
4–7 = 1
4 0–3 = 0
5

6
7

8

9
10

ความหมายระดับคณุ ภาพ
2 หมายถงึ ดี
1 หมายถงึ พอใช้
0 หมายถงึ ปรบั ปรุง

ลงช่ือ..................................................ผู้ประเมิน
( .............................................. )
วนั ท.ี่ ......./................../...........

ความคดิ เหน็ (รองผอู้ ำนวยการกลมุ่ บรหิ ารวชิ าการ / ผูบ้ รหิ าร / หัวหน้ากลุม่ สาระฯ /ผู้ทีไ่ ด้รับมอบหมาย)
......................................................................................................................................................................................
......................................................................................................................................................................................

ลงช่ือ........................................................
(........................................................)

ตำแหน่ง....................................................

บนั ทกึ หลงั การจดั กจิ กรรมการเรยี นรู้

รหสั วิชา ว30253 รายวิชา ปฏิบตั กิ ารคอมพิวเตอร์กราฟกิ

1. ผลการจัดกิจกรรมการเรียนรู้

ผเู้ รยี นสามารถอธบิ ายสว่ นประกอบตา่ งๆของโปรแกรม Photoshop ได้ และนกั เรยี นสามารถอธบิ ายชนดิ ของ
ไฟล์รปู ภาพได้เปน็ อย่างดี
2. ปญั หา อุปสรรค

ไมพ่ บปญั หาและอปุ สรรค
3. ข้อเสนอแนะ / แนวทางแก้ไข

ไม่มขี อ้ เสนอแนะและแนวทางแก้ไข

ลงช่อื ...................................................................ผสู้ อน
(นายวนั ชัย แคลว้ ภัย)

................/........................../.................

แผนการจัดการเรียนรทู้ ่ี 3 ระดับชัน้ มธั ยมศกึ ษาปที ่ี 6
จำนวน 1 คาบ/ชัว่ โมง
รหัสวิชา ว30253 รายวชิ า ปฏิบัติการคอมพวิ เตอรก์ ราฟกิ
หนว่ ยการเรยี นท่ี 3 เรอื่ ง การจัดการรปู ภาพ
ช่ือผู้สอน นายวันชัย แคลว้ ภัย

มาตรฐานการเรยี นรู้

สาระท่ี 4 เทคโนโลยี
มาตรฐาน ว 4.1 เข้าใจแนวคิดหลักของเทคโนโลยเี พ่ือการดำรงชวี ิตในสังคมทมี่ ีการเปล่ียนแปลงอย่างรวดเร็ว

ใช้ความรูแ้ ละทักษะทางด้าน วิทยาศาสตร์ คณติ ศาสตร์ และศาสตรอ์ น่ื ๆ เพ่อื แก้ปญั หาหรือพัฒนางานอย่างมีความคิด
สร้างสรรค์ด้วยกระบวนการออกแบบ เชิงวิศวกรรม เลือกใช้เทคโนโลยีอย่างเหมาะสมโดยคำนึงถึงผลกระทบต่อชีวติ
สังคม และสิ่งแวดล้อม

ผลการเรยี นรู้
1. นกั เรยี นสามารถอธิบายชนดิ ของไฟล์รูปภาพได้
2. นักเรยี นสามารถอธบิ ายจัดการรูปภาพเบ้อื งตน้ ได้

สาระสำคัญ
โปรแกรม Photoshop เปน็ โปรแกรมสรา้ งและแกไ้ ขรูปภาพอย่างมืออาชพี โดยเฉพาะนักออกแบบในทกุ วงการ

ย่อมรู้จักโปรแกรมตัวนี้ดี โปรแกรม Photoshop เป็นโปรแกรมที่มีเครื่องมือมากมายเพื่อสนับสนุนการสร้างงาน
ประเภทสิง่ พมิ พ์ งานวดิ ที ัศน์ งานนำเสนอ งานมลั ตมิ เี ดีย ตลอดจนงานออกแบบและพัฒนาเว็บไซต์

จดุ ประสงค์การเรียนรู้
ด้านความรู้ (Knowledge)

1. นักเรยี นสามารถอธบิ ายชนิดของไฟลร์ ปู ภาพได้
2. นกั เรยี นสามารถอธิบายจัดการรปู ภาพเบื้องต้นได้

ด้านทักษะ/กระบวนการ (Process)

1. นกั เรยี นเรยี กใชง้ านโปรแกรม และออกจากโปรแกรมได้
2. นักเรียนสามารถจำแนกประเภทของงานกราฟกิ ได้

ด้านคณุ ลกั ษณะอนั พงึ ประสงค์ (Attitude) ซอื่ สัตย์สุจริต มุง่ ม่ันในการทำงาน
รกั ชาติ ศาสน์ กษัตริย์ อยู่อย่างพอเพียง ใฝ่เรียนรู้ มีจติ สาธารณะ

มวี นิ ยั รกั ความเปน็ ไทย

สาระการเรยี นรู้
1. หลักการและขน้ั ตอนในการแก้ไขรปู ภาพ

2. หนา้ ท่ีกล่มุ เครอื่ งมอื Selection

ด้านสมรรถนะสำคญั ของผู้เรยี น
ความสามารถในการคิด : สามารถคดิ สรา้ งสรรคผ์ ลงานด้านกราฟิกโดยใชโ้ ปรแกรม Photoshop

ความสามารถในการแก้ปัญหา : สามารถแก้ไขปญั หาท่เี กดิ กบั งานกราฟกิ
ความสามารถในการใชเ้ ทคโนโลยี : สามารถใชเ้ ทคโนโลยที ี่เรียนไปใช้ประกอบอาชีพไดใ้ นอนาคต

ดา้ นคณุ ลักษณะของผเู้ รยี นตามหลักสูตรมาตรฐานสากล

เปน็ เลิศวชิ าการ ส่อื สารสองภาษา ล้ำหนา้ ทางความคิด

ผลิตงานอยา่ งสรา้ งสรรค์ ร่วมกันรับผิดชอบตอ่ สังคมโลก

ชิน้ งาน/ภาระงาน
1. บนั ทึกสรุปความรู้ เรอื่ งการจดั การรูปภาพ ตามครูผ้สู อนระหว่างเรียน
2. แบบฝกึ ปฏิบัตกิ าร ใชอ้ ปุ กรณ์ Selection tools

กิจกรรมการเรยี นการสอน (50 นาที)
(กรณี On-line) สลับมาเรยี นทัง้ 2 กลุ่มเรียน
นกั เรียนเขา้ ช้ันเรียนโดยการนัดหมายผ่าน Application Line Group หอ้ งเรยี น โดยครูผสู้ อนส่งรหัสการ
เขา้ ชัน้ เรียน นกั เรียนเตรยี มตดิ ต้ังโปรแกรม Meet/Zoom หากนักเรียนใช้สมารท์ โฟน หรอื เข้าสู่เว็บไวต์เลือก Google
Meet หรือ Zoom ในกรณีท่ีเลือกใช้ computer desktop หรอื Note book
นักเรยี นทกุ คนเขา้ ชน้ั เรยี น และศึกษาเนื้อหารายวิชาที่ Google site ผา่ นเวบ็ ไซตโ์ รงเรยี น www.str.ac.th
และสง่ งานผา่ น Google Classroom ในกรณวี นั ทม่ี าเรียนมีการฝึกปฏบิ ัติ และทบวนเนื้อหาอกี คร้ัง

1. ขน้ั นำเขา้ สูบ่ ทเรยี น ครใู ห้นกั เรยี นรว่ มกนั ตอบคำถาม เพือ่ ทบทวนความรู้ความเขา้ ใจก่อนเรยี นของนกั เรียน
และเตรียมความพร้อม (10 นาท)ี ดังนี้

1. นกั เรียนเคยใช้อุปกรณอ์ ะไรบ้างในโปรแกรม Photoshop
2. ในกล่มุ อปุ กรณ์ selection tool มไี ว้ใช้สำหรบั ทำอะไร

3. ขน้ั สอน (30 นาท)ี
1. ครูอธิบายการรูปแบบการกำหนดอุปกรณ์ Selection ซง่ึ ประกอบไปด้วย 3 รูปแบบ อุปกรณท์ ีใ่ ชม้ ี

1. Geometric selection
2. Freehand Selection
3. Color – Base Selection

2. ครอู ธิบาย และแสดงตัวอย่างการใช้งานของอุปกรณ์ Selection รูปแบบที่ 1
- รปู แบบ Geometric Selection

3. นักเรียนฝกึ ปฏิบตั ิการใชง้ านของอปุ กรณ์ Selection รปู แบบที่ 2
- รูปแบบ Freehand Selection

4. ครูอธิบาย และแสดงตวั อยา่ งการใช้งานของอุปกรณ์ Selection รปู แบบท่ี 3
- รปู แบบ Color – Base Selection

5. นักเรียนต้องทำฝึกปฏบิ ัติการใช้อปุ กรณ์ Selection ในคาบ (กรณี on-site บันทกึ การจัดการเรยี นรู้)
- ใช้อุปกรณ์ Selection สร้างกรอบรูปในแบบของตวั เอง ตามข้ันตอนตอ่ ไปน้ี

1.เปิดไฟลร์ ปู ภาพท่ตี อ้ งการเปลย่ี นกรอบรูป

2.ใช้เครื่องมือ Rectangular Marquee สร้าง Selection เปน็ รูปสเ่ี หลยี่ มตรงกลางภาพ โดยเวน้ ขอบไวส้ ำหรับ
สร้างเอฟเฟค
3.เลือกคำสง่ั Selection > Invese เพอ่ื สลับ Selection ไปเลอื กขอบรูปแทน

4.คลกิ ปมุ่ Edit in Quick Mask Mode บนทลู บ๊อกซเ์ พือ่ เขา้ สูโ่ หมด Quick Mask ซึ่งใชส้ ำหรบั ดดั แปลง
Selection (สงั เกตว่าพ้ืนท่สี ีแดงคอื ส่วนทอ่ี ยู่นอก Selection)
5.เลอื กคำส่งั Filter > Distort > Ripple เพอื่ ใส่ฟิลเตอรใ์ ห้ขอบรปู มีลกั ษณะลกู คลน่ื กำหนดค่า Amount และ Size
ตามความเหมาะสม แลว้ คลกิ Ok

6.คลิกปมุ่ Edit in standard Mode บนทูลบ๊อกเพ่อื กลบั เขา้ ส่โู หมดแก้ไขรูปภาพตามปกติ
7.เปล่ียนรปู ภาพธรรมดาให้เปน็ เลเยอรโ์ ดยดบั เบ้ิลคลกิ บนช่ือเลเยอร์ Background ในพาเล็ต Layers แล้วคลกิ Ok ใน
ไดอะลอ็ กบอ็ กซ์ New Layer จะได้ Layer 0
8.กดคยี ์ Delete เพ่อื ลบขอ้ มูลออกไป และกดคยี ์ Ctrl + D เพ่ือยกเลิก Selection

9.คลิกป่มุ บนพาเลต็ Layers เพื่อสรา้ งเลเยอร์ใหม่ จะได้ Layer1
10.คลิกเพื่อยา้ ย Layer 1 ลงมาอยใู่ ต้ Layer 0
11.เตมิ สพี ื้นให้กับรปู โดยเลือกเครือ่ งมอื Paint Bucket กำหนดสี Foreground ตามต้องการ บนออปชั่นบาร์กำหนด
ออปช่ันเพื่อเตมิ สี Foreground โหมดเปน็ Normal และความทบึ สี Opacity เป็น 100
12.คลิกบนรูปภาพเพ่อื เติมสพี ้ืน

13. หากตอ้ งการใหภ้ าพมมี ิติ ก็ใส่เงาแบบตกลงพ้ืนเพ่มิ โดยคลกิ บน Layer 0 แล้วคลิกป่มุ และเลอื ก Drop
Shadow
14. กำหนดค่าต่างๆ ของเงาตามต้องการ แล้วคลิก Ok

- Opacity เปอร์เซ็นความโปร่งของเงา
- Angle ทงิ ทางของแสงที่สอ่ งเข้ามา หน่วยเปน็ องศา
- Distance ระยะท่เี งาเหล่อื มออกมา
- Size ขนาดความเบลอของเงา
15. ในข้นั ตอนท่ี 5 ถ้าเลอื กใช้ฟลิ เตอรอ์ ่นื กจ็ ะทำให้ไดข้ อบรปู ทีม่ ีลักษณะแปลกๆแตกต่างกนั ออกไป

4. ขนั้ สรปุ (10 นาท)ี
1. ครูและนกั เรียนรว่ มกันสรปุ ความรู้เร่อื งการใชอ้ ปุ กรฺณ์ Seclection
2. ครูถามคำถามนักเรียนเพอื่ ทดสอบความเขา้ ใจของนักเรยี น
3. ตรวจสอบช้ินงาน

สือ่ /วสั ดอุ ปุ กรณ์/แหล่งเรียนรู้
สอื่

1. เครอ่ื งคอมพวิ เตอร์ /Smart Phone
2. เครอ่ื งฉายสไลด์
3. โปรแกรม Photoshop CS6
4. PPT (Chapter 4 การเลอื กพ้ืนที่)

วสั ดอุ ปุ กรณ์
1. สมุดจดบันทกึ ความรู้ และทำแบบฝกึ หัด
2. แฟลชไดร์ฟบนั ทึกขอ้ มลู

แหลง่ เรยี นรู้
ทศั ยาภรณ์ เกือ้ นุ่น, พรพรรณ แพฝกึ ฝน คูม่ อื Adobe Photoshop CS6. กรุงเทพฯ : โปรวิชัน่ , 2555.
ห้องเรยี น Google Class Site ปีการศกึ ษา 2565 เว็บไซตโ์ รงเรยี น str.ac.th (เรยี นออนไลน)์
https://sites.google.com/str.ac.th/com-30253-computer-graphic/course-syllybus?authuser=0

การวดั ผลและประเมนิ ผลการเรยี นรู้
แบบประเมนิ ผลการเรยี นรู้โดยใช้เกณฑก์ ารประเมิน แบบ RUBRICS SCORE

1. ด้านความรู้ (Knowledge)

เนื้อหา เครือ่ งมือ 3 (ดี) เกณฑก์ ารประเมิน 1 (ปรบั ปรุง)
1. หลักการและข้นั ตอน สมดุ จดบนั ทกึ 2 (พอใช)้ สามารถอธิบายหลักการ
ในการแกไ้ ขรูปภาพ สามารถอธิบาย หรือขัน้ ตอนในการ
หลักการ และข้นั ตอน สามารถอธบิ ายหลกั การ แก้ไขรปู ภาพได้เล็กน้อย
2. การเลือกพน้ื ที่ของ สมดุ จดบนั ทึก ในการแก้ไขรปู ภาพได้ หรือข้นั ตอนในการแกไ้ ข
ภาพกราฟิก ถกู ตอ้ ง และ รูปภาพได้ 50% ขน้ึ ไป สามารถอธบิ าย
ครบถว้ น ความหมายของอปุ กรณ์
สามารถอธิบาย และคณุ สมบตั ิได้
สามารถอธิบาย ความหมายของอุปกรณ์ เล็กนอ้ ย
ความหมายของ และคณุ สมบัติ
อปุ กรณแ์ ละคุณสมบัติ ได้ 50% ขึน้ ไป
ไดถ้ กู ต้องครบถว้ น

2. ดา้ นทกั ษะกระบวนการ (Practice)

เนอ้ื หา เคร่อื งมอื ระดับคะแนน

3 (ดี) 2 (พอใช)้ 1 (ปรับปรงุ )

1. การเรียกใช้โปรแกรม ชน้ิ งานของ สามารถเรยี กใช้โปรแกรม สามารถเรยี กใช้โปรแกรม สามารถเรยี กโปรแกรม

Photoshop นกั เรยี น Photoshop ได้อยา่ ง Photoshop โดยให้ Photoshop แตต่ ้อง

รวดเร็ว ผู้สอนแนะนำเล็กน้อย ปฏิบตั ิตามผสู้ อน

2. การเลือกใช้เคร่อื งมือ ช้ินงานของ สามารถเลือกใช้เครือ่ งมอื เพื่อ สามารถเลอื กใช้เครื่องมือ สามารถเลอื กใช้
ในการกำหนดพืน้ ท่ีการ นักเรียน
ทำงานของภาพกราฟิก กำหนดพืน้ ทก่ี ารทำงานจาก เพื่อกำหนดพน้ื ท่ีการ เครือ่ งมอื เพือ่ กำหนด

ภาพทีก่ ำหนดได้เหมาะสม ทำงานจากภาพที่กำหนด พน้ื ท่ีการทำงานจาก

ไดเ้ ล็กน้อย ภาพทีก่ ำหนดไดแ้ ต่ต้อง

ปฏบิ ัตติ ามครูผู้สอน

3. การจดั การ ชิ้นงานของ สามารถเปิดไฟลใ์ หม่ และ สามารถเปิดไฟล์ใหม่ และ สามารถเปิดไฟล์ใหม่
ภาพกราฟกิ นักเรียน
ออกจากโปรแกรมได้อย่าง ออกจากโปรแกรมได้ และออกจากโปรแกรม

รวดเรว็ โดยใหผ้ สู้ อนแนะนำ ได้ แต่ตอ้ งปฏิบตั ติ าม

เล็กน้อย ผสู้ อน

3. ดา้ นคุณลกั ษณะ (Attitude)

เน้ือหา เคร่อื งมือ ระดบั คะแนน
1. ตง้ั ใจและสนใจตอ่
การ เรยี นรู้ แบบสงั เกต 3 (ดี) 2 (พอใช)้ 1 (ปรบั ปรงุ )
พฤตกิ รรมการ
2. ความรับผิดชอบต่อ เรียนรรู้ ายบุคคล ตง้ั ใจปฏบิ ัติงานในการทำงาน มีความพยายาม ไม่ปฏบิ ตั งิ านตามที่ได้รับ
งานที่ได้รับ แบบสงั เกต มอบหมาย
พฤตกิ รรมการ เป็นอย่างดี ปฏบิ ตั งิ านท่กี ำหนด
3. การตรงต่อเวลา เรียนรู้รายบุคคล ไมป่ ฏบิ ัตงิ านทีไ่ ด้รับ
แบบสังเกต ปฏิบตั ิงานทไี่ ดร้ ับมอบหมาย ปฏบิ ตั ิงานทีไ่ ดร้ บั มอบหมาย
4. ความรอบคอบใน พฤติกรรมการ
การทำงาน เรยี นรรู้ ายบคุ คล ไดค้ รบถ้วน มอบหมายได้ สง่ งานไมท่ นั ตามเวลาท่ี
แบบสงั เกต กำหนด
พฤติกรรมการ เขา้ เรยี นและส่งงานตรงตาม เขา้ เรยี นสาย และส่งงาน
เรยี นรู้รายบุคคล ทำงานตามเงื่อนไขท่ี
เวลาที่กำหนด ไม่ตรงตามเวลาที่กำหนด กำหนดน้อยกว่า50%

ทำงานถกู ตอ้ งและครบถว้ น ทำงานตามเงอ่ื นไขท่ี
ตามเงอ่ื นไขท่ีกำหนด 100 % กำหนด 60 % ขึ้นไป

5. การช่วยเหลอื ซึง่ กัน แบบสงั เกต ใหค้ วามชว่ ยเหลอื เพ่ือนด้วย ให้ความชว่ ยเหลือเพือ่ น ไม่ใหค้ วามชว่ ยเหลือ
พฤติกรรมการ ความเตม็ ใจเม่ือเพอื่ นมปี ัญหา ดว้ ยเม่ือเพอ่ื นมีปัญหา เพ่อื น
และกนั
เรียนร้รู ายบคุ คล สงสยั สงสัย

แบบสงั เกตพฤติกรรมการเรยี นรู้รายบุคคล
ดา้ นคุณลักษณะอนั พึงประสงค์

เลขท่ี ชอ่ื – สกุล ั้ตงใจและสนใจ ่ตอการ
เ ีรยน ู้ร

ความ ัรบผิดชอบ ่ตองานที่ไ ้ดรับ

การตรง ่ตอเวลา
ความรอบคอบในการ
การ ่ชวยเหทลืำองา่ึซงน ักนและ ักน

รวม

2 2 2 2 2 10

1
2
3
4
5
6
7
8
9
10

ความหมายระดบั คุณภาพ เกณฑ์ระดับคะแนน

2 หมายถึง ดี 8 – 10 = 2

1 หมายถึง พอใช้ 4–7 = 1

0 หมายถึง ปรับปรุง 0–3 = 0

ลงชอื่ ..................................................ผู้ประเมิน

( .............................................. )

วันท่ี......../................../...........

ความคดิ เห็น (รองผูอ้ ำนวยการกลุ่มบรหิ ารวิชาการ / ผูบ้ รหิ าร / หัวหนา้ กลมุ่ สาระฯ /ผทู้ ่ีได้รับมอบหมาย)
......................................................................................................................................................................................
......................................................................................................................................................................................

ลงชอ่ื ........................................................
(........................................................)

ตำแหน่ง....................................................

บนั ทึกหลงั การจัดกิจกรรมการเรยี นรู้

รหสั วิชา ว30253 รายวิชา ปฏิบัตกิ ารคอมพวิ เตอร์กราฟิก

1. ผลการจดั กิจกรรมการเรียนรู้

นกั เรียนสามารถอธบิ ายชนดิ ของไฟล์รูปภาพได้ และนักเรยี นสามารถอธิบายจัดการรปู ภาพเบอื้ งตน้ ได้

2. ปญั หา อปุ สรรค

เนื่องจากเป็นวิชาปฏบิ ัติท่ีจะตอ้ งใชเ้ คร่อื งมอื ที่โรงเรยี นในการปฎิบัติ เพราะนกั เรยี นบางคนไมส่ ามารถลง
โปรแกรมทค่ี รูกำหนดในเคร่อื งของตนเองได้ (PHOTOSHOP) ซง่ึ จะเกิดปญั หาในการเรียนออนไลน์

3. ข้อเสนอแนะ / แนวทางแก้ไข

ครหู าโปรแกรมทดแทนเพอ่ื ปรับวิธีการสอนโดยใช้โปรแกรม CANVA เพื่อทดแทนโปรแกรม Photoshop ใน
การจดั การเรยี นการสอนซงึ่ เปน็ โปรแกรมท่ีสามารถใช้งานไดท้ กุ Platform

ลงชอ่ื ...................................................................ผสู้ อน
(นายวนั ชยั แคล้วภัย)

................/........................../.................

แผนการจัดการเรยี นรทู้ ี่ 4

รหัสวชิ า ว30253 รายวชิ า ปฏบิ ัตกิ ารคอมพวิ เตอร์กราฟกิ ระดับชนั้ มัธยมศกึ ษาปีท่ี 6
หนว่ ยการเรยี นที่ 4 เร่อื ง การแก้ไข และตกแต่งรูปภาพ จำนวน 1 คาบ/ชว่ั โมง
ชอ่ื ผสู้ อน นายวนั ชัย แคล้วภยั

มาตรฐานการเรียนรู้

สาระท่ี 4 เทคโนโลยี

มาตรฐาน ว 4.1 เขา้ ใจแนวคิดหลักของเทคโนโลยีเพ่อื การดำรงชีวิตในสงั คมทม่ี ีการเปลี่ยนแปลงอย่างรวดเร็ว
ใชค้ วามรูแ้ ละทกั ษะทางด้าน วทิ ยาศาสตร์ คณติ ศาสตร์ และศาสตร์อนื่ ๆ เพื่อแก้ปัญหาหรือพัฒนางานอย่างมีความคิด
สร้างสรรค์ด้วยกระบวนการออกแบบ เชิงวิศวกรรม เลือกใช้เทคโนโลยีอย่างเหมาะสมโดยคำนึงถึงผลกระทบต่อชีวติ
สังคม และสิ่งแวดล้อม

ผลการเรียนรู้
1. นกั เรยี นสามารถอธบิ ายชนดิ ของไฟล์รูปภาพได้
2. นกั เรียนสามารถอธิบายจดั การรปู ภาพเบ้ืองตน้ ได้
3. นกั เรยี นสามารถแก้ไขสีของรปู ภาพได้

สาระสำคญั

โปรแกรม Photoshop เป็นโปรแกรมสร้างและแก้ไขรูปภาพอย่างมืออาชีพโดยเฉพาะนักออกแบบในทุก
วงการย่อมรู้จักโปรแกรมตัวนี้ดี โปรแกรม Photoshop เป็นโปรแกรมที่มีเครื่องมือมากมายเพื่อสนับสนนุ การสรา้ ง
งานประเภทส่ิงพมิ พ์ งานวิดที ัศน์ งานนำเสนอ งานมัลตมิ ีเดีย ตลอดจนงานออกแบบและพัฒนาเว็บไซต์

จดุ ประสงค์การเรยี นรู้
ดา้ นความรู้ (Knowledge)

1. นักเรยี นสามารถอธิบายการแก้ไขสขี องรปู ภาพ ได้
2. นักเรยี นบอกถึงจุดเด่นของการใชเ้ ครื่องมือแกไ้ ขสแี ตล่ ะแบบได้
3. นักเรยี นสามารถอธิบายชนดิ ของการแก้ไขสไี ด้
4. นกั เรียนสามารถอธบิ ายจดั การสีของรูปภาพเบอื้ งต้นได้
5. นกั เรยี นสามารถอธบิ ายเกย่ี วกบั การทำงานของเคร่อื งมือแก้ไขสีรปู ภาพได้

ดา้ นทักษะ/กระบวนการ (Process)
1. นักเรียนสามารถเรยี กใช้งานโปรแกรม และเครื่องมือในการแกไ้ ขสีได้
2. นักเรยี นสามารถใช้เคร่ืองมือแต่ประเภททเ่ี กี่ยวข้องกบั แกไ้ ขสีได้
3. นักเรยี นสามารถใชเ้ ครือ่ งมอื แกไ้ ขสีของโปรแกรม Photoshop ได้อยา่ งดี

ดา้ นคณุ ลกั ษณะอนั พึงประสงค์ (Attitude) ซื่อสัตยส์ จุ ริต มุ่งมนั่ ในการทำงาน
รกั ชาติ ศาสน์ กษัตริย์ อยู่อย่างพอเพียง ใฝ่เรียนรู้ มจี ิตสาธารณะ
มีวินยั รกั ความเปน็ ไทย

สาระการเรียนรู้
1. หลักการและขน้ั ตอนในการแก้ไขรูปภาพ
2. หนา้ ท่ขี องเลเยอร์ และคุณสมบัติการทำงาน

3. การแกไ้ ขสขี องรูปภาพเบอื้ งตน้

ดา้ นสมรรถนะสำคญั ของผ้เู รียน
ความสามารถในการคิด : สามารถคดิ สรา้ งสรรค์ผลงานดา้ นกราฟิกโดยใช้โปรแกรม Photoshop
ความสามารถในการแก้ปัญหา : สามารถแก้ไขปญั หาทเี่ กิดกับงานกราฟิก

ความสามารถในการใช้เทคโนโลยี : สามารถใช้เทคโนโลยที ี่เรียนไปใช้ประกอบอาชพี ไดใ้ นอนาคต

ด้านคณุ ลักษณะของผ้เู รยี นตามหลักสูตรมาตรฐานสากล

เปน็ เลิศวิชาการ สือ่ สารสองภาษา  ล้ำหนา้ ทางความคดิ

ผลติ งานอยา่ งสร้างสรรค์ รว่ มกันรับผิดชอบต่อสงั คมโลก

ชนิ้ งาน/ภาระงาน
1. บันทึกสรุปความรู้ “การแกไ้ ขและตกแต่งรปู ภาพ” ตามครผู ู้สอนระหว่างเรียน
2. แบบฝกึ ปฏบิ ัตกิ าร ใชเ้ ครื่องมือสำหรับแกไ้ ขสขี องรูปภาพ

กจิ กรรมการเรียนการสอน (50 นาท)ี
(กรณี On-line) สลบั มาเรยี นท้งั 2 กลุ่มเรยี น

นักเรยี นเข้าช้นั เรยี นโดยการนัดหมายผา่ น Application Line Group หอ้ งเรยี น โดยครูผ้สู อนส่งรหัสการ
เขา้ ช้นั เรียน นักเรยี นเตรยี มติดตง้ั โปรแกรม Meet/Zoom หากนกั เรียนใช้สมารท์ โฟน หรือเข้าสู่เว็บไวตเ์ ลอื ก Google
Meet หรอื Zoom ในกรณีท่ีเลือกใช้ computer desktop หรอื Note book

นักเรยี นทุกคนเข้าชน้ั เรียน และศึกษาเนือ้ หารายวิชาท่ี Google site ผา่ นเว็บไซต์โรงเรียน www.str.ac.th
และสง่ งานผ่าน Google Classroom ในกรณีวนั ทมี่ าเรียนมกี ารฝกึ ปฏิบัติ และทบวนเนอ้ื หาอีกคร้ัง

1. ข้ันนำเขา้ สูบ่ ทเรยี น ครใู ห้นกั เรยี นร่วมกนั ตอบคำถาม เพอ่ื ทบทวนความรู้ความเข้าใจกอ่ นเรยี นของนักเรยี น
และเตรยี มความพร้อม (10 นาท)ี ดงั น้ี

1. นักเรยี นเคยใช้อปุ กรณอ์ ะไรบา้ แก้ไขสีของรูปภาพในโปรแกรม Photoshop
2. ในเครอื่ งมือทใ่ี ช้สำหรับแกไ้ ขสขี องรูปภาพมไี วใ้ ช้สำหรบั แกไ้ ขสีแบบไหนบ้าง

3. ข้นั สอน (30 นาท)ี
1. ครอู ธบิ ายการรูปแบบการใช้คำสัง่ เครื่องมือในการแกไ้ ขสี นกั เรยี นฝึกปฏิบตั กิ ารใชง้ าน Adjustment
1. การปรับระดบั สดี ้วยคำส่ัง Level
2. การแกไ้ ขสีอัตโนมัตแิ บบ Auto
3. การปรบั แต่งภาพด้วยคำส่ัง Curve
4.การปรับความสมดุลของสีด้วยคำสัง่ Color Balance
5.การปรับสขี องภาพใหส้ ว่างด้วยคำสั่ง Brightness / Contrast

6.การปรบั แตง่ สีของภาพให้สดใสด้วยคำส่ัง Hue/Saturation
7.การเปลี่ยนโทรสขี องรูปภาพด้วยคำส่ัง Desaturate
8.การปรับแต่งภาพด้วยคำสง่ั Match Color
9.การเปล่ยี นสีในภาพดว้ ยคำส่ัง Replace Color
10.การเปล่ยี นโทนสีด้วยคำสัง่ Selective Color
11.การปรับแต่งภาพโดยการผสมสีดว้ ยคำสัง่ Chanel Mixer
12.การปรับแตง่ สขี องภาพโดยการไล่โทนสดี ้วยคำสัง่ Gradient Map
13.การปรบั แต่งสีของภาพดว้ ยคำสง่ั Photo Filter
14.การปรับแต่งแสงของภาพดว้ ยคำสง่ั Exposure
15.การแกไ้ ขสขี องภาพยอ้ นแสงด้วยคำสัง่ Shadow/Highlight
16.การปรบั ภาพใหเ้ ปน็ สตี รงขา้ มดว้ ยคำสง่ั Invert
17.การปรับระดบั แสงให้เทา่ กันด้วยคำสง่ั Equalize
18.การปรับแตง่ ภาพให้เปน็ สขี าวดำด้วยคำส่งั Threshold
19. การปรบั ความชัดของโทนสดี ้วยคำสั่ง Posterize
20. การปรบั แตง่ สีของภาพแบบหลายทางเลือกด้วยคำสงั่ Variations

2. ครอู ธบิ าย และแสดงตัวอย่างการใช้งานคำสง่ั เครอ่ื งมอื ในการแกไ้ ขสขี องรูปภาพทง้ั 20 คำสง่ั
- นกั เรียนปฏิบตั ิตามพร้อมกับครูสาธิตวธิ ีการใชค้ ำสั่ง

3. ครอู ธิบายงานทีน่ ักเรียนตอ้ งทำ และปฏิบตั ิการใช้คำส่ังแกไ้ ขสขี องรูปภาพ

4. ข้ันสรุป (10 นาที)
1. ครแู ละนักเรียนรว่ มกันสรปุ ความรูเ้ รื่องการใช้อปุ กรฺณ์ Seclection
2. ครูถามคำถามนกั เรยี นเพอื่ ทดสอบความเขา้ ใจของนักเรยี น
3. ตรวจสอบชน้ิ งาน (ส่งผ่าน Google Classroom)

สือ่ /วัสดอุ ปุ กรณ/์ แหล่งเรียนรู้
สอ่ื

1. เครอื่ งคอมพิวเตอร์ / Smart Phone
2. เครอ่ื งฉายสไลด์
3. โปรแกรม Photoshop CS6
4. PPT ( Chapter 5 Adjustment การแกไ้ ขแสงเงาและสี)

วสั ดอุ ุปกรณ์
1. สมดุ จดบันทึกความรู้ และทำแบบฝกึ หัด
2. แฟลชไดรฟ์ บนั ทกึ ข้อมลู

แหลง่ เรียนรู้

ทศั ยาภรณ์ เกอ้ื นนุ่ , พรพรรณ แพฝึกฝน คู่มือ Adobe Photoshop CS6. กรงุ เทพฯ : โปรวชิ น่ั , 2555.
ห้องเรยี น Google Class Site ปกี ารศึกษา 2565 เว็บไซตโ์ รงเรยี น str.ac.th (เรยี นออนไลน)์
https://sites.google.com/str.ac.th/com-30253-computer-graphic/course-syllybus?authuser=0

การวดั ผลและประเมิลผลการเรยี นรู้

แบบประเมินผลการเรยี นรู้โดยใช้เกณฑ์การประเมนิ แบบ RUBRICS SCORE

1. ด้านความรู้ (Knowledge)

เนือ้ หา เครื่องมอื เกณฑก์ ารประเมนิ

3 (ดี) 2 (พอใช)้ 1 (ปรับปรุง)

1. การใชเ้ มนูคำสง่ั สมุดจดบันทึก สามารถอธิบายจุดเด่น สามารถอธบิ ายคำสัง่ สามารถอธิบายคำส่งั
แกไ้ ขสขี องรูปภาพ แกไ้ ขสขี องรปู ภาพ ได้
ของคำสง่ั แกไ้ ขสขี อง แกไ้ ขสีของรูปภาพ ได้ เล็กนอ้ ย

รปู ภาพ ไดค้ รบถ้วน 50% ขนึ้ ไป สามารถอธิบายหลักการ
หรอื ขั้นตอนในการ
และถูกต้อง แกไ้ ขสขี องรูปภาพได้
เล็กนอ้ ย
2. หลกั การและขั้นตอน สมดุ จดบนั ทึก สามารถอธิบาย สามารถอธบิ ายหลักการ
สามารถอธบิ ายหนา้ ท่ี
ในการแก้ไขสีของ หลักการ และขนั้ ตอน หรอื ขนั้ ตอนในการแกไ้ ข เครื่องมือในการแกไ้ ขสี
รปู ภาพ ได้เลก็ น้อย
ในการแก้ไขสีของ สีของรูปภาพได้ 50% สามารถอธิบาย
ความหมายความหมาย
รูปภาพได้ถกู ต้อง ขึน้ ไป หรือองค์ประกอบของ
คำสง่ั แก้ไขสีของรูปภาพ
และครบถ้วน ได้เล็กนอ้ ย

3.หน้าที่เครอ่ื งมอื ใน สมดุ จดบนั ทึก สามารถอธบิ ายหนา้ ที่ สามารถอธิบายหน้าท่ี
การแกไ้ ขสี
เครอ่ื งมอื ในการแกไ้ ขสี เครอ่ื งมอื ในการแกไ้ ขสี

ได้ถกู ตอ้ งครบถว้ น ได้ 50% ข้นึ ไป

4. องค์ประกอบของ สมุดจดบันทึก สามารถอธบิ าย สามารถอธิบาย
คำสงั่ แกไ้ ขสีของ
รูปภาพ ความหมายความหมาย ความหมายความหมาย

และองคป์ ระกอบของ หรือองค์ประกอบของ

คำส่ังแก้ไขสขี อง คำสง่ั แก้ไขสขี องรปู ภาพ

รปู ภาพ ไดถ้ ูกตอ้ ง ได้ 50% ขนึ้ ไป

ครบถว้ น

2. ดา้ นทกั ษะกระบวนการ (Practice)

เน้อื หา เครื่องมือ ระดับคะแนน

1. การเรียกใชโ้ ปรแกรม ช้นิ งานจาก 3 (ด)ี 2 (พอใช)้ 1 (ปรบั ปรุง)
คำสง่ั และเครอื่ งมอื ในการ การฝกึ ปฏิบัติ
แก้ไขสีของรปู ภาพ สามารถเรียกใช้ คำสั่ง สามารถเรียกใช้คำส่ัง สามารถเรยี กคำสง่ั

2. การเปิดไฟล์ใหม่ ชนิ้ งานจาก และเคร่อื งมือในการแกไ้ ข และเครื่องมือในการ และเคร่ืองมอื ในการ
การออกจากโปรแกรมได้ การฝกึ ปฏิบตั ิ
สีของรูปภาพ แก้ไขสีของรปู ภาพ แกไ้ ขสขี องรปู ภาพ

ได้อยา่ งรวดเร็ว โดยให้ผู้สอนแนะนำ แตต่ อ้ งปฏิบตั ิตาม

เลก็ นอ้ ย ผู้สอน

สามารถเปดิ ไฟลใ์ หม่ และ สามารถเปิดไฟลใ์ หม่ สามารถเปิดไฟล์ใหม่

ออกจากโปรแกรมได้ และออกจาก และออกจาก

อยา่ งรวดเรว็ โปรแกรมได้ โดยให้ โปรแกรมได้ แต่ตอ้ ง

ผู้สอนแนะนำเลก็ น้อย ปฏิบตั ิตามผู้สอน

3. ด้านคุณลกั ษณะ (Attitude)

เนือ้ หา เครื่องมอื 3 (ด)ี ระดบั คะแนน 1 (ปรบั ปรงุ )
ต้งั ใจปฏิบตั งิ านในการ
1. ตงั้ ใจและสนใจตอ่ แบบสงั เกต ทำงานเป็นอยา่ งดี 2 (พอใช)้ ไมป่ ฏิบตั งิ านตามท่ี
มีความพยายาม ได้รบั มอบหมาย
การ เรียนรู้ พฤติกรรมการ ปฏิบัตงิ านทไ่ี ดร้ บั ปฏบิ ัตงิ านทก่ี ำหนด
มอบหมายได้ครบถ้วน
เรียนรู้รายบุคคล
เข้าเรียนและส่งงานตรง
2. ความรบั ผิดชอบ แบบสงั เกต ตามเวลาทก่ี ำหนด ปฏบิ ัติงานท่ีไดร้ ับ ไมป่ ฏิบตั ิงานทีไ่ ด้รบั
มอบหมายได้ มอบหมาย
ต่องานที่ได้รับ พฤตกิ รรมการ ทำงานถูกตอ้ งและ
ครบถว้ นตามเงือ่ นไขที่
เรยี นรูร้ ายบุคคล กำหนด 100%

3. การตรงต่อเวลา แบบสังเกต เข้าเรยี นสาย และสง่ สง่ งานไม่ทันตาม
งานไมต่ รงตามเวลาที่ เวลาท่ีกำหนด
พฤติกรรมการ กำหนด
ทำงานตามเงือ่ นไขท่ี
เรยี นรรู้ ายบุคคล ทำงานตามเงือ่ นไขท่ี กำหนดน้อยกวา่ 50%
กำหนด 60% ขึ้นไป
4. ความรอบคอบใน แบบสังเกต

การทำงาน พฤติกรรมการ

เรยี นรรู้ ายบคุ คล

5. การชว่ ยเหลือซึง่ แบบสงั เกต ใหค้ วามช่วยเหลือเพอ่ื น ให้ความช่วยเหลอื ไมใ่ หค้ วามชว่ ยเหลอื

กันและกัน พฤตกิ รรมการ ดว้ ยความเต็มใจเมอ่ื เพอ่ื น เพ่ือนดว้ ยเมอื่ เพ่ือนมี เพอ่ื น

เรียนรรู้ ายบุคคล มีปญั หาสงสยั ปญั หาสงสยั

แบบสังเกตพฤตกิ รรมการเรียนรู้รายบุคคล
ด้านคณุ ลักษณะอนั พึงประสงค์

เลขที่ ชอ่ื – สกุล
้ัตงใจและสนใจ ่ตอการเรียน ู้ร

ความ ัรบผิดชอบ ่ตองานที่ไ ้ด ัรบ

การตรง ่ตอเวลา
ความรอบคอบในการทำงาน
การ ่ชวยเห ืลอ ่ึซง ักนและ ักน

รวม

2 2 2 2 2 10

1
2
3
4
5
6
7
8
9
10

ความหมายระดับคุณภาพ เกณฑร์ ะดบั คะแนน

2 หมายถึง ดี 8 – 10 = 2

1 หมายถึง พอใช้ 4–7 = 1

0 หมายถึง ปรับปรงุ 0–3 = 0

ลงช่ือ..................................................ผปู้ ระเมิน

( .............................................. )

วนั ที่......../................../...........

ความคดิ เหน็ (รองผู้อำนวยการกลมุ่ บรหิ ารวชิ าการ / ผ้บู รหิ าร / หวั หนา้ กลมุ่ สาระฯ /ผูท้ ี่ไดร้ บั มอบหมาย)
......................................................................................................................................................................................
......................................................................................................................................................................................

ลงชื่อ........................................................
(........................................................)

ตำแหนง่ ....................................................

บันทกึ หลังการจดั กจิ กรรมการเรยี นรู้

รหัสวิชา ว30253 รายวชิ า ปฏิบตั ิการคอมพิวเตอรก์ ราฟิก

1. ผลการจัดกิจกรรมการเรียนรู้
นักเรยี นสามารถอธบิ ายชนิดของไฟลร์ ปู ภาพได้ นกั เรียนสามารถอธิบายจดั การรูปภาพเบื้องตน้ ได้ นักเรยี น

สามารถแก้ไขสีของรูปภาพได้ ด้วยการใช้โปรแกมทดแทนท่ีครไู ด้เสนอแนะ

2. ปญั หา อุปสรรค
ไม่พบปัญหา และอปุ สรรค

3. ข้อเสนอแนะ / แนวทางแก้ไข
ไมม่ ขี ้อเสนอแนะ

ลงชือ่ ...................................................................ผสู้ อน
(นายวันชยั แคลว้ ภัย)

................/........................../.................

แผนการจดั การเรียนรูท้ ่ี 5 ระดบั ชัน้ มัธยมศกึ ษาปที ี่ 6
จำนวน 1 คาบ/ชวั่ โมง
รหสั วชิ า ว30253 รายวิชา ปฏิบตั ิการคอมพวิ เตอร์กราฟิก
หนว่ ยการเรยี นท่ี 4 เรอื่ ง การรีทัชรปู ภาพ
ชอ่ื ผสู้ อน นายวนั ชยั แคลว้ ภัย

มาตรฐานการเรยี นรู้

สาระท่ี 4 เทคโนโลยี
มาตรฐาน ว 4.1 เขา้ ใจแนวคิดหลักของเทคโนโลยเี พอื่ การดำรงชีวิตในสงั คมทม่ี กี ารเปลี่ยนแปลงอย่างรวดเร็ว

ใชค้ วามรแู้ ละทกั ษะทางดา้ น วทิ ยาศาสตร์ คณิตศาสตร์ และศาสตรอ์ ่นื ๆ เพื่อแกป้ ญั หาหรือพฒั นางานอย่างมีความคิด
สร้างสรรค์ด้วยกระบวนการออกแบบ เชิงวิศวกรรม เลือกใช้เทคโนโลยีอย่างเหมาะสมโดยคำนึงถึงผลกระทบต่อชีวิต
สังคม และส่ิงแวดลอ้ ม

ผลการเรียนรู้
1. นักเรียนสามารถอธบิ ายจัดการรูปภาพเบอื้ งต้นได้
2. นกั เรยี นสามารถตกแต่งแกไ้ ขรูปภาพได้

สาระสำคัญ
การปรับตกแตง่ และแกไ้ ขรปู ภาพในโปรแกรม Photoshop น้ันสามารถทำได้หลากหลาย รปู แบบซ่ึงเป็น

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

จุดประสงค์การเรียนรู้
ดา้ นความรู้ (Knowledge)

1. นักเรยี นสามารถอธิบายการปรับแตง่ แกไ้ ขรูปภาพไดด้ ว้ ยโปรแกรม Photoshop ได้
2. นักเรยี นบอกถงึ จุดเด่นของการแกไ้ ขตาแดงจากแฟลชสะท้อนได้
3. นกั เรียนสามารถอธิบายลำดับการลบร้วิ รอย ดว้ ยโปรแกรม Photoshop ได้
4. นกั เรยี นสามารถอธิบายจดั การแกไ้ ขและตกแตง่ รูปภาพเบื้องต้นได้

ด้านทกั ษะ/กระบวนการ (Process)
1. นกั เรียนสามารถเรยี กใชง้ านโปรแกรม และเครือ่ งสำหรับแก้ไขรปู ภาพได้
2. นักเรยี นสามารถใช้เคร่อื งมือแต่ประเภทท่ีเกีย่ วขอ้ งกบั แก้ไขรปู ภาพได้
3. นกั เรยี นสามารถใชเ้ คร่ืองมอื แกไ้ ขรปู ภาพของโปรแกรม Photoshop ได้อย่างดี

ด้านคุณลักษณะอนั พงึ ประสงค์ (Attitude) ซ่อื สัตยส์ ุจรติ มุ่งมนั่ ในการทำงาน
รกั ชาติ ศาสน์ กษตั รยิ ์ อยู่อย่างพอเพียง ใฝ่เรยี นรู้ มจี ิตสาธารณะ

มวี ินัย รกั ความเป็นไทย

สาระการเรยี นรู้
1. หลักการและขนั้ ตอนในการแกไ้ ขรูปภาพ

2. เครือ่ งมือ และคณุ สมบัตกิ ารทำงาน ของการรีทชั ภาพ
3. ความหมายและ เคร่ืองมือตา่ ง ๆ ของการแก้ไขภาพ

ด้านสมรรถนะสำคญั ของผู้เรียน
ความสามารถในการคดิ : สามารถคดิ สร้างสรรคผ์ ลงานดา้ นกราฟิกโดยใชโ้ ปรแกรม Photoshop

ความสามารถในการแกป้ ญั หา : สามารถแกไ้ ขปัญหาท่เี กิดกบั งานกราฟกิ
ความสามารถในการใชเ้ ทคโนโลยี : สามารถใชเ้ ทคโนโลยที ่ีเรียนไปใช้ประกอบอาชีพได้ในอนาคต

ดา้ นคณุ ลักษณะของผเู้ รียนตามหลกั สูตรมาตรฐานสากล

เปน็ เลิศวชิ าการ สื่อสารสองภาษา ลำ้ หนา้ ทางความคิด

ผลิตงานอย่างสร้างสรรค์ รว่ มกันรบั ผดิ ชอบต่อสงั คมโลก

ช้ินงาน/ภาระงาน
1. จดบนั ทึกสรุปความรู้ “การรีทัชรปู ภาพ” ระหวา่ งเรียน
2. แบบฝึกปฏิบัติการ ใช้เคร่อื งมอื สำหรับแกไ้ ขสีของรปู ภาพ

กิจกรรมการเรียนการสอน (50 นาที)
(กรณี On-line) สลบั มาเรยี นทั้ง 2 กลุ่มเรยี น
นักเรยี นเขา้ ชั้นเรียนโดยการนัดหมายผา่ น Application Line Group หอ้ งเรยี น โดยครูผสู้ อนส่งรหัสการ
เขา้ ชั้นเรยี น นกั เรียนเตรียมตดิ ตัง้ โปรแกรม Meet/Zoom หากนักเรียนใช้สมารท์ โฟน หรือเขา้ สู่เว็บไวตเ์ ลือก Google
Meet หรอื Zoom ในกรณที ีเ่ ลอื กใช้ computer desktop หรอื Note book
นักเรยี นทุกคนเข้าชนั้ เรียน และศึกษาเนือ้ หารายวิชาท่ี Google site ผา่ นเวบ็ ไซต์โรงเรียน www.str.ac.th
และสง่ งานผา่ น Google Classroom ในกรณีวนั ทมี่ าเรยี นมีการฝึกปฏิบตั ิ และทบวนเนอื้ หาอกี ครั้ง

1. ขน้ั นำเข้าส่บู ทเรียน ครูใหน้ ักเรยี นร่วมกนั ตอบคำถาม เพ่อื ทบทวนความรู้ความเข้าใจก่อนเรยี นของนักเรียน
และเตรียมความพร้อม (10 นาท)ี ดงั นี้

1. นกั เรยี นเคยได้เรยี นร้เู ร่อื งอะไรไปในดาบท่ผี ่านมาและได้ทำอะไรบ้างกบั โปรแกรม Photoshop
2. ในเครอ่ื งมอื ที่ใช้สำหรบั แกไ้ ขรูปภาพสามารถทำอะไรกบั รปู ภาพได้บ้างในโปรแกรม Photoshop

3. ขนั้ สอน (30 นาท)ี
1. ครูอธิบายการรปู แบบการใช้คำสง่ั เคร่อื งมอื ในการแก้ไข และตกแตง่ รปู ภาพในโปรแกรม Photoshop ซึ่ง

ประกอบไปด้วย 3 รูปแบบมดี งั น้ี

1. การปรับภาพใหเ้ บลอและคมชัด
2. การแก้ไขลบรวิ้ รอย

- Clone Stamp Tool
- Spot Healing Brush Tool
- Healing Brush Tool
- Patch Tool
3. การแกไ้ ขตาแดงจากแฟลชสะท้อน

2. ครอู ธบิ าย และแสดงตัวอยา่ งการใชง้ านคำสั่งเคร่อื งมอื ในการแก้ไขรปู ภาพทงั้ 3 รปู แบบ
- นักเรียนปฏบิ ัตติ ามพรอ้ มกับครูสาธิตวธิ ีการใชค้ ำสัง่ (กรณนี ักเรียนมา On-site)

3. ครูอธิบายงานทีน่ ักเรยี นตอ้ งทำ และปฏิบตั ิการใช้คำส่งั แก้ไขสขี องรปู ภาพ

4. ขั้นสรุป (10 นาท)ี
1. ครูและนกั เรยี นร่วมกนั สรปุ ความร้เู รอ่ื งการใชเ้ ครอ่ื งมือในการแก้ไขและตกแต่งรูปภาพทัง้ 3 รูปแบบ
2. ครูถามคำถามนกั เรยี นเพื่อทดสอบความเข้าใจของนักเรยี น
3. ตรวจสอบช้ินงาน

ส่อื /วสั ดอุ ปุ กรณ/์ แหลง่ เรยี นรู้
สือ่

1. เคร่อื งคอมพวิ เตอร์ / Smart Phone
2. เครอ่ื งฉายสไลด์
3. โปรแกรม Photoshop CS6
วสั ดอุ ปุ กรณ์
1. สมุดจดบันทกึ ความรู้ และทำแบบฝกึ หัด
2. แฟลชไดร์ฟบันทึกข้อมูล

แหลง่ เรียนรู้

ทศั ยาภรณ์ เกอ้ื นุ่น, พรพรรณ แพฝกึ ฝน คู่มอื Adobe Photoshop CS6. กรงุ เทพฯ : โปรวชิ ัน่ , 2555.

ห้องเรียน Google Class Site ปกี ารศกึ ษา 2565 เว็บไซต์โรงเรียน str.ac.th (เรยี นออนไลน)์
https://sites.google.com/str.ac.th/com-30253-computer-graphic/course-syllybus?authuser=0

การวัดผลและประเมลิ ผลการเรียนรู้
แบบประเมนิ ผลการเรยี นรู้โดยใชเ้ กณฑก์ ารประเมนิ แบบ RUBRICS SCORE

1. ดา้ นความรู้ (Knowledge) เกณฑก์ ารประเมิน

เนือ้ หา เคร่อื งมอื 3 (ดี) 2 (พอใช)้ 1 (ปรบั ปรงุ )

1. หลักการและขั้นตอน สมุดจดบนั ทึก สามารถอธิบาย สามารถอธิบายหลักการ สามารถอธบิ ายหลักการ
ในการแกไ้ ขรูปภาพ
หลกั การ และขน้ั ตอน หรือขนั้ ตอนในการแก้ไข หรอื ขน้ั ตอนในการ
2. ความหมายของ สมุดจดบันทึก
คำส่งั และเครอ่ื งมือใน ในการแกไ้ ขรูปภาพได้ รูปภาพได้ 50% ขน้ึ ไป แกไ้ ขรูปภาพได้เลก็ น้อย
การแกร้ ูปภาพ
ถูกต้อง และครบถ้วน
3. ความหมายและ สมุดจดบันทึก
องค์ประกอบของคำสั่ง สามารถอธบิ าย สามารถอธบิ าย สามารถอธบิ าย
แกไ้ ขรูปภาพ
ความหมายของ ความหมายของเครือ่ งมือ ความหมายของ

เครอื่ งมือและคำสัง่ ใน และคำสั่งในการแก้ เครอื่ งมือและคำสัง่ ใน

การแกไ้ ขรปู ภาพ ได้ รปู ภาพได้ 50% ขึน้ ไป การแกไ้ ขรูปภาพ

ถูกตอ้ งครบถ้วน เล็กน้อย

สามารถอธบิ าย สามารถอธิบาย สามารถอธิบาย

ความหมายความหมาย ความหมายความหมาย ความหมายความหมาย

และองคป์ ระกอบของ หรอื องค์ประกอบของ หรอื องคป์ ระกอบของ

คำส่ังแก้ไขรปู ภาพ ได้ คำสั่งแกไ้ ขรูปภาพได้ คำสั่งแก้ไขรปู ภาพได้

ถกู ต้องครบถ้วน 50% ขนึ้ ไป เล็กน้อย

2. ดา้ นทกั ษะกระบวนการ (Practice)

เน้อื หา เครอ่ื งมือ ระดบั คะแนน

3 (ด)ี 2 (พอใช)้ 1 (ปรบั ปรงุ )

1. การเรยี กใช้โปรแกรม ชิ้นงานการฝกึ สามารถเรยี กใช้ คำสั่ง สามารถเรียกใช้คำสง่ั สามารถเรียกคำส่งั
และเครื่องมอื ในการ
คำสง่ั และเคร่อื งมือใน ปฏิบัตใิ นชนั้ และเครือ่ งมอื ในการแกไ้ ข และเครอื่ งมอื ในการสี แกไ้ ขรูปภาพแต่ตอ้ ง
ปฏิบัตติ ามผ้สู อน
การแกไ้ ขรปู ภาพ เรยี น รปู ภาพ ของรูปภาพ โดยให้
สามารถเปดิ ไฟล์ใหม่
ไดอ้ ยา่ งรวดเรว็ ผูส้ อนแนะนำเล็กนอ้ ย และออกจาก
โปรแกรมได้ แตต่ ้อง
2. การเปิดไฟลใ์ หม่ ชนิ้ งานการฝกึ สามารถเปิดไฟล์ใหม่ และ สามารถเปดิ ไฟลใ์ หม่ ปฏบิ ัติตามผู้สอน
การออกจากโปรแกรมได้ ปฏิบัตใิ นชัน้
ออกจากโปรแกรมได้ และออกจาก
เรยี น
อย่างรวดเรว็ โปรแกรมได้ โดยให้

ผู้สอนแนะนำเลก็ น้อย

3. ด้านคณุ ลักษณะ (Attitude)

เนื้อหา เคร่อื งมอื 3 (ด)ี ระดับคะแนน 1 (ปรบั ปรงุ )
ตั้งใจปฏิบตั ิงานในการ
1. ตงั้ ใจและสนใจต่อการ แบบสงั เกต ทำงานเปน็ อยา่ งดี 2 (พอใช)้ ไม่ปฏิบตั ิงานตามท่ี
มคี วามพยายาม ไดร้ ับมอบหมาย
เรยี นรู้ พฤติกรรมการ ปฏบิ ตั ิงานท่ไี ด้รบั ปฏิบัตงิ านทีก่ ำหนด
มอบหมายไดค้ รบถ้วน
เรยี นรู้
เข้าเรยี นและส่งงานตรง
รายบคุ คล ตามเวลาทก่ี ำหนด

2. ความรบั ผดิ ชอบตอ่ แบบสังเกต ทำงานถูกต้องและ ปฏบิ ัติงานท่ไี ด้รับ ไมป่ ฏิบัตงิ านท่ีไดร้ บั
ครบถ้วนตามเงอ่ื นไขท่ี มอบหมายได้ มอบหมาย
งานทไ่ี ดร้ ับ พฤติกรรมการ กำหนด 100 %

เรยี นรู้

รายบคุ คล

3. การตรงตอ่ เวลา แบบสงั เกต เขา้ เรยี นสาย และส่ง สง่ งานไม่ทนั ตาม
งานไม่ตรงตามเวลาที่ เวลาท่กี ำหนด
พฤติกรรมการ กำหนด

เรียนรู้ ทำงานตามเงือ่ นไขที่ ทำงานตามเง่อื นไขที่
กำหนด 60 % ขึน้ ไป กำหนดน้อยกว่า50%
รายบคุ คล

4. ความรอบคอบในการ แบบสังเกต

ทำงาน พฤตกิ รรมการ

เรียนรู้

รายบคุ คล

5. การชว่ ยเหลอื ซงึ่ กนั แบบสงั เกต ใหค้ วามช่วยเหลือเพ่ือน ใหค้ วามช่วยเหลือ ไม่ให้ความชว่ ยเหลอื
และกัน พฤติกรรมการ เพอื่ น
ด้วยความเตม็ ใจเมอ่ื เพอ่ื น เพอ่ื นดว้ ยเมอ่ื เพื่อนมี
เรยี นรู้
รายบคุ คล มปี ัญหาสงสัย ปญั หาสงสยั

แบบสังเกตพฤติกรรมการเรยี นรู้รายบุคคล
ดา้ นคุณลักษณะอนั พึงประสงค์

เลขท่ี ช่ือ – สกุล
้ัตงใจและสนใจ ่ตอการเรียน ู้ร

ความ ัรบผิดชอบ ่ตองานที่ไ ้ด ัรบ

การตรง ่ตอเวลา
ความรอบคอบในการทำงาน
การ ่ชวยเห ืลอ ่ึซง ักนและ ักน

รวม

2 2 2 2 2 10

1

2

3

4

5

6

7

8

9

10

ความหมายระดบั คุณภาพ เกณฑร์ ะดบั คะแนน

2 หมายถึง ดี 8 – 10 = 2

1 หมายถึง พอใช้ 4–7 = 1

0 หมายถึง ปรับปรุง 0–3 = 0

ลงช่ือ..................................................ผปู้ ระเมนิ

( .............................................. )

วันที.่ ......./................../...........