แผนที่ 8 ชุดเครื่องมือสำหรับวาดภาพและสร้างตัวอักษร

แผนการจัดการเรียนรูท้ ี่ 8 รหสั วชิ า ว23201
ช้ันมธั ยมศึกษาปที ี่ 3
กลมุ่ สาระการเรียนรู้วิทยาศาสตร์และเทคโนโลยี
รายวชิ า การตกแต่งภาพดว้ ยโปรแกรมคอมพวิ เตอร์ จานวน 14 ช่วั โมง
หนว่ ยการเรียนรทู้ ี่ 2 เคร่ืองมือตา่ ง ๆ ใน Toolbox เวลา 2 ชัว่ โมง
เรอ่ื ง ชดุ เครอ่ื งมอื สาหรบั วาดภาพและสรา้ งตวั อักษร
ผสู้ อน นายวชริ โชติ สารวมจิต

1. ผลการเรียนรู้
สามารถใชเ้ คร่อื งมือตา่ งๆใน Toolbox Photoshop และประยกุ ตใ์ ช้ในการสรา้ งงานได้

2. สาระการเรียนรู้
- เครอื่ งมือต่างๆ ใน Toolbox จะถูกจัดวางเอาไว้โดยแบ่งเป็นหมวดหมู่ตามลักษณะการใช้งาน

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

- เครื่องมือต่างๆ ใน Toolbox จะถูกจัดวางเอาไว้โดยแบ่งเป็นหมวดหมู่ตามลักษณะการใช้งาน
ซ่ึงนอกจากเครื่องมือที่เห็นในตอนเริ่มต้นแล้ว ในบางเครื่องมือยังมีปุ่มต่างๆ ซึ่งเป็นเคร่ืองมือในหมวด
เดียวกันซ่อนอยู่อีก โดยการแบง่ กลุม่ ของเครอื่ งมือจะแบง่ ได้ดังรายละเอียดต่อไปนี้

- ชุดเครื่องมอื สาหรบั การสรา้ ง Selection
- ชุดเคร่ืองมอื สาหรบั การ Crop ภาพ
- ชดุ เครื่องมอื สาหรบั การรีทัชภาพ
- ชุดเครอ่ื งมอื สาหรบั ระบายสี
- ชุดเคร่ืองมอื สาหรบั วาดภาพและสร้างตัวอกั ษร
- ชดุ เครอ่ื งมือช่วยอานวยความสะดวกในการทางาน
- กลุ่มเคร่ืองมือในการเลือกสี Foreground (สีที่ปรากฏเม่ือเราเติมหรือวาดลงไป) และสี
Background (สี ที่ปรากฏเมอื่ เราทาการลบหรอื ตดั บริเวณนั้นออก) ประกอบดว้ ย
- กลุม่ เครือ่ งมือ Quick mask เกีย่ วกับการเลอื กพ้ืนที่อกี รปู แบบหนงึ่

3. จดุ ประสงค์การเรยี นรู้
3.1 ดา้ นความรู้ (K)
3.1.1 นักเรียนมคี วามรคู้ วามเขา้ ใจการใช้ชุดเครอื่ งมือสาหรบั วาดภาพและสร้างตวั อกั ษรใน

Toolbox ของ โปรแกรม Adobe Photoshop CS6

3.2 ดา้ นทักษะ/กระบวนการ (P)
3.2.1 นักเรียนสามารถใชช้ ุดเครื่องมือสาหรับวาดภาพและสร้างตวั อกั ษร ใน Toolbox ของ

โปรแกรม Adobe Photoshop CS6 การฝกึ ทกั ษะการตกแต่ง แกไ้ ข และเปลยี่ นแปลงได้
3.3 ด้านคุณธรรม/จรยิ ธรรม (A)
3.3.1 เพอ่ื ใหน้ กั เรยี นเกดิ ความภาคภูมิใจในผลงานของตนเอง

4. สมรรถนะสาคัญของผู้เรียน
4.1 ความสามารถในการสอื่ สาร
4.2 ความสามารถในการคิด
4.3 ความสามารถในการแก้ปญั หา

5. คณุ ลกั ษณะอันพึงประสงค์
5.1 มีวนิ ยั
5.2 มุ่งมั่นในการทางาน
5.3 มจี ติ สาธารณะ

6. การจัดกิจกรรมการเรยี นรู้
ขั้นนาเข้าสูบ่ ทเรยี น
1. ครูทบทวนความรเู้ ดิมจากการใชง้ านชดุ เครอื่ งมือระบายสี แลว้ ฟังคาตอบจากนกั เรยี นเพือ่

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

2. ครใู หน้ ักเรียนศกึ ษาความรทู้ ี่ 2.5 เรื่อง ชุดเคร่ืองมือสาหรบั วาดภาพและสรา้ งตวั อกั ษร ใน
Toolbox และหน้าท่ใี นการทางาน

ขน้ั สอน
3. ครอู ธบิ ายหลกั การและหน้าที่ในการทางานของชดุ เคร่อื งมือสาหรบั วาดภาพและสรา้ งตัวอกั ษร
ใน Toolbox ทลี ะตัวและพรอ้ มแสดงวิธกี ารใช้งานชุดเครอ่ื งมอื สาหรับวาดภาพและสร้างตัวอกั ษรใน
Toolbox และให้นกั เรยี นลงมอื ปฏบิ ตั ติ าม เพอ่ื จะไดเ้ กิดทกั ษะการทางานมากยิ่งข้ึน
4. ใหน้ ักเรียนทาตามคาส่ังในใบงานที่ 2.5 ชดุ เคร่ืองมอื สาหรับวาดภาพและสร้างตัวอักษร ใน
Toolbox
5. ครคู อยสงั เกตการทางาน หากใครไมม่ ีความคล่องแคล่วหรอื ใชช้ ุดเคร่ืองมอื สาหรับวาดภาพ
และ
สรา้ งตวั อักษร ใน Toolbox ไม่ได้หรือตดิ ขดั ให้ฝกึ ใหม่โดยขออาสาสมัครคนทีท่ างานคลอ่ งแคลว่ เป็นคน
สอนเพื่อนๆ หลงั จากน้นั เรียกนักเรยี นคนน้ันๆ มาประเมนิ ใหม่ใหผ้ ่านทกุ คนจงึ ค่อยทากจิ กรรมตอ่ ไป

6. เมอ่ื นักเรียนทาเสร็จแล้วให้สง่ ชนิ้ งานที่ //NBTEACHER/คอมพวิ เตอรค์ รูบอล/ม.3/วาดภาพ
และสร้างตัวอักษรและต้ังชือ่ ไฟลเ์ ป็นเลขที่ของนกั เรียน

ขนั้ สรปุ
6. ครูเปดิ โอกาสใหน้ ักเรียนสอบถามปญั หาที่เกิดจากการเรียนรูใ้ นส่วนที่นกั เรียนยงั ไมเ่ ข้าใจครู
แนะนาใหน้ ักเรียนหาขอ้ มลู เพ่มิ เตมิ จากอินเตอรเ์ นต็ หรือจากแหลง่ ข้อมลู อน่ื ๆ และฝึกปฏบิ ตั ิตามเน้ือหาท่ี
ได้เรยี น เพ่ือทีจ่ ะได้ใช้ชดุ เคร่ืองมือสาหรบั วาดภาพและสรา้ งตวั อกั ษร ใน Toolbox ได้อยา่ งคล่องแคลว่
9. ครแู ละนกั เรียนร่วมกนั สรุปเก่ียวกับหลักการและหน้าทกี่ ารทางานของชุดเคร่ืองมือสาหรับ
ระบายสี ใน Toolbox

7. สอ่ื การเรียนร/ู้ แหลง่ การเรียนรู้
7.1 แหล่งการเรียนรู้ห้องปฏบิ ัติการคอมพวิ เตอร์
7.2 ใบความรู้ท่ี 2.5 เรอ่ื ง ชดุ เครื่องมอื สาหรบั วาดภาพและสรา้ งตัวอกั ษรใน Toolbox
7.3 ใบงานที่ 2.5 เรอ่ื ง ชุดเคร่อื งมือสาหรบั วาดภาพและสรา้ งตัวอักษร ใน Toolbox
7.3 โปรแกรม Adobe Photoshop CS6
7.4 เวบ็ สื่อการสอน โปรแกรม Adobe Photoshop CS6

8. การประเมินการเรยี นรู้
8.1 ประเมนิ ความรู้ เร่ือง การใช้งานชุดเครื่องมอื สาหรบั วาดภาพและสร้างตัวอกั ษร
8.1.1 ด้วยสงั เกตการฟงั การตอบคาถาม
8.2 ประเมินกระบวนการทางาน
8.2.1 การปฏิบัติ การใช้งานชุดเครอ่ื งมือสาหรับวาดภาพและสร้างตวั อกั ษร ใน

Toolbox ของโปรแกรม Adobe Photoshop CS6 (ใบงานท่ี 2.5)
8.3 ประเมินคุณลกั ษณะอนั พึงประสงค์
8.3.1ดว้ ยแบบประเมิน

9. แบบประเมนิ ตามสภาพจริง (Rubrics)

เกณฑ์การให้คะแนน ดี ให้ 2 พอใช้ ให้ 1 ควรปรับปรุง ให้ 0

เกณฑก์ ารประเมิน การผ่านการประเมินทกุ รายการต้องได้ 1 ขน้ึ ไป

เลขที่ ช่อื – สกลุ คะแนน สรปุ
01 2 ผา่ น ไม่ผ่าน

1 ด.ช.กฤษฏา เนยี มกระโทก

2 ด.ช.ธนโชค ชายสะแกราช

3 ด.ช.นวพล หน่องกระโทก

4 ด.ช.ชะเรนธร หน่วงกระโทก

5 ด.ช.พรี ะพงษ์ สงนางรอง

6 ด.ช.ภคั พงศ์ บดกระโทก

7 ด.ญ.กวนิ ทรา ปรูกระโทก

8 ด.ญ.กัญญาณี แป้นกระโทก

9 ด.ญ.จารุกญั ญ์ แตม้ กระโทก

10 ด.ญ.จีรนนั ท์ ป้อกระโทก

11 ด.ญ.ชชั ฏาพร ในกระโทก

12 ด.ญ.ชลธชิ า แป้นกระโทก

13 ด.ญ.ดาราพร แนบผักแวน่

14 ด.ช.วรี ศักด์ิ ปลง่ั กลาง

15 ด.ช.ศริ ภทั ร ศรีสวา่ ง

16 ด.ช.สหัสวรรษ แย้มจะบก

17 ด.ช.สรศกั ดิ์ เบยี้ กระโทก

18 ด.ช.อาทิตย์ นชุ กระโทก

19 ด.ญ.เพชรลดา แก้วมา

20 ด.ญ.ลลิภทั ร ไขทะเล

21 ด.ญ.สุชานันท์ ขาโคกสูง

22 ด.ญ.สชุ านาถ นกกระโทก

23 ด.ญ.สุพรรณสา ด่านกระโทก

24 ด.ญ.อภิญญา ชายสะแกราช

25 ด.ญ.ณัฐธดิ า ร่งุ เรอื ง

26 ด.ช.ทนิ กร พรมอนิ ทร์

27 ด.ช.กิตติพงษ์ ปอ้ งปาน

28 ด.ช.พีรพัฒน์ พงษพ์ รม

29 ด.ช.ณฐั วัฒน์ ประมา

30 ด.ช.เอกภพ ดงกระโทก

31 ด.ญ.รม่ ฉัตร พุดโต



ใบความรทู้ ี่ 2.5
เร่ือง ชุดเครื่องมือสาหรบั วาดภาพและสรา้ งตัวอักษร
และหน้าทใี่ นการทางานเคร่อื งมอื พ้ืนฐานของโปรแกรม Adobe Photoshop CS6

กล่มุ คาสั่งพเิ ศษเกี่ยวกับการวาดภาพ และสร้างตัวอกั ษร ประกอบด้วย
 ชนิดของชดุ เครือ่ งมือสาหรับการวาดภาพ และสร้างตัวอักษร และหนา้ ทีก่ ารทำงาน

กล่มุ ภาพ เครื่องมือ หน้าทก่ี ารทางาน

5

- Option ของชุดเครื่องมือสาหรับการวาดภาพ และสรา้ งตัวอกั ษร
- Option ของชดุ เครื่องมือ Path Selection

ภาพแสดงตวั อย่าง Option ของเครื่องมือ Path Selection

- Option ของชดุ เครื่องมือ Pen

ภาพแสดงตวั อย่าง Option ของเครื่องมือ Pen
- Option ของชดุ เครื่องมือ Horizontal Type

ภาพแสดงตวั อย่าง Option ของเครื่องมือ Horizontal Type
- Option ของชุดเครื่องมือ Rectangle

ภาพแสดงตวั อยา่ ง Option ของเคร่อื งมือ Rectangle

- ประโยชน์ของชดุ เคร่ืองมอื สาหรับการวาดภาพและสร้างตัวอักษร
- ใช้สาหรบั การวาดภาท่ีเปน็ การวาดภาพลายเสน้ เช่น การวาดเสน้ Path และการ
สร้าง

ตวั อักษร รวมทง้ั การสร้างภาพคลปิ อาร์ตสาหรับงานกราฟิก เป็นต้น

- ข้ันตอนการใช้งานชดุ เคร่ืองมือสาหรบั วาดภาพและสร้างตัวอกั ษร

- การใชเ้ ครื่องมือ Path Selection และ Penเคร่ืองมอื Path

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

เคร่ืองมอื Pen ลากเมาส์ตามรูปแบบท่ตี ้องการ ให้จดุ เรมิ่ ต้นและจดุ ปลายมาบรรจบกนั , คลกิ เคร่ืองมอื

Path Selection ,กดป่มุ Ctrl ค้างไว้, คลกิ ท่ีจดุ ใดๆ บนภาพลากย้ายแขนของจุดนั้น ๆ เพ่อื ดัดเสน้ รอบ

ภาพ ให้โค้งมน

ภาพแสดงตัวอยา่ งการใช้เครื่องมือ Path Selection และ Pen

- การใช้เครื่องมือ Horizontal Type คลิกเคร่ืองมือ Horizontal Type คลิก
เมาสซ์ ้ายวางบนพ้ืนที่ทางาน จากนน้ั เลือกแบบอักษร สตี วั อักษร แล้วพิมพ์ขอ้ ความลงบนพนื้ ที่ทางาน

ภาพแสดงตวั อยา่ งการใช้เครอ่ื งมือ Horizontal Type
- การใช้เครื่องมือ Rectangle คลิกเครอื่ งมือ Rectangle แล้วกดปมุ่ ซ้ายของเมาส์
ค้างไว้ แล้วลากออกจากศนู ย์ คลกิ เลือกสหี ากต้องการเพมิ่ สใี ห้กับภาพ

ภาพแสดงตวั อย่างการใช้เครื่องมือ Horizontal Type

ใบงานที่ 2.4
แบบฝกึ ปฏบิ ัติ

เรื่อง ชุดเครอ่ื งมือสาหรับวาดภาพและสรา้ งตวั อักษร ใน Toolbox

1. ให้นักเรียนใช้ชดุ เครือ่ งมือสาหรับวาดภาพและสรา้ งตัวอักษร ใน Toolbox
จานวน 1 ชน้ิ งาน
2. เมือเสรจ็ งานแล้วให้นกั เรียนนางานไปส่งยงั This PC >> My Network >>NBTEACHER /
คอมพิวเตอรค์ รูบอล/ม.3/text