แผนที่ 5 ชุดเครื่องมือ Crop โปรแกรม Adobe Photoshop CS6

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

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

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

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

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

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

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

โปรแกรม Adobe Photoshop CS6
3.2 ด้านทักษะ/กระบวนการ (P)
3.2.1 นักเรยี นสามารถการใช้ชุดเครอื่ งมือสาหรับการ Crop ใน 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. สนทนากบั นักเรียนเกี่ยวกับสว่ นประกอบต่างๆ ของโปรแกรม Adobe Photoshop CS6

เพือ่ นาเข้าสบู่ ทเรยี น ซกั ถามนักเรียนเร่ือง เวลานักเรียนเลอื กนารปู ภาพจากสมาร์ทโฟนหรอื รปู จาก
คอมพวิ เตอร์มาแตน่ กั เรียนต้องการแสดงรูปเฉพาะรูปท่ีนกั เรียนตอ้ งการนักเรยี นทาอยา่ ง ครูพดู กบั
นกั เรยี นว่าเราจะมาเรียนรู้กนั ใชเ้ ครือ่ งใน Toolbox ของโปรแกรม Adobe Photoshop CS6 กันครบั

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

3. ครูให้นกั เรียนเปิดเครือ่ งคอมพิวเตอรข์ น้ึ มาพร้อมเปิด web browser

ขั้นสอน
4. ให้นกั เรยี นศึกษาถึงชุดเครื่องมอื สาหรบั การ Crop ใน Toolbox และหนา้ ท่ใี นการทางาน
จากการสบื คน้ ขอ้ มลู ทางอินเตอร์เนต็ ก่อนที่จะมาศึกษาจากใบความรูข้ องครูที่ 2.2 เร่ือง ชดุ เคร่ืองมือ
สาหรบั การ Crop ใน Toolbox และหนา้ ทใ่ี นการ
5. ครอู ธบิ ายหลักการและหน้าทใ่ี นการทางานของชุดเครอ่ื งมอื สาหรบั การ Crop ใน Toolbox
ทลี ะตัวและพร้อมแสดงวธิ ีการใชง้ านชดุ เครื่องมอื สาหรบั การ Crop ใน Toolbox และใหน้ กั เรยี นลงมอื
ปฏิบตั ิตาม เพือ่ จะได้เกิดทกั ษะการทางานมากยิง่ ขึ้นกว่าศึกษาความรู้ หรอื ดูครอู ธบิ าย
6. นกั เรียนปฏบิ ตั สิ ร้างชนิ้ งานจากเครอื่ งมือ Crop กบั รปู ภาพในโปรแกรม Photoshop
7. ครคู อยสงั เกตการทางาน หากใครไมม่ คี วามคล่องแคล่วหรอื ใชช้ ุดเครื่องมือสาหรบั การ Crop
ใน Toolbox ไม่ได้หรือตดิ ขัด เม่ือmeเสรจ็ แล้วให้ส่งชิน้ งานที่ //NBTEACHER/คอมพวิ เตอร์ครูบอล/ม.
3/Crop และตั้งชือ่ ไฟล์เปน็ เลขท่ีของนักเรยี น
ขน้ั สรุป
8. ครูเปิดโอกาสใหน้ ักเรยี นสอบถามปัญหาที่เกดิ จากการเรียนรู้ในส่วนท่ีนกั เรยี นยงั ไม่เขา้ ใจครู
แนะนาให้นักเรยี นหาขอ้ มลู เพ่ิมเติมจากอนิ เตอร์เน็ตหรอื จากแหล่งขอ้ มลู อ่ืนๆ และฝึกปฏิบตั ิตามเน้ือหาที่
ได้เรียน เพ่ือท่จี ะไดใ้ ชช้ ดุ เครอ่ื งมอื สาหรบั การ Crop ใน Toolbox ไดอ้ ย่างคลอ่ งแคลว่
9. ครแู ละนักเรียนร่วมกันสรุปเกีย่ วกับหลักการและหนา้ ทก่ี ารทางานของชุดเคร่อื งมือสาหรบั การ
สรา้ ง Crop ใน Toolbox

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

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

Photoshop CS6
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.2
เรื่อง ชุดเครอ่ื งมอื สาหรับการ Crop ใน Toolbox
และหน้าทใี่ นการทางานเคร่อื งมอื พื้นฐานของโปรแกรม Adobe Photoshop CS6

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

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

 Option ของชดุ เคร่ืองมอื สาหรับ Crop ภาพ
- Option ของเครื่องมอื Crop

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

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

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

 ขั้นตอนการใช้งานชุดเครื่องมือสาหรับการ Crop ภาพ
- การใชเ้ ครื่องมอื Crop คลิกเมาส์ท่ีเครื่องมือ Crop, ลากเมาส์
เป็นกรอบสีเ่ หลยี ม ครอบสว่ นของภาพทต่ี อ้ งการ, กดปมุ่ Enter, ผลงานที่ได้ ภาพ
ถกู ตัดออกบางส่วนออกไป

ภาพแสดงตัวอย่าง Option ของเครื่องมือ Crop
- การใช้เคร่ืองมือ Slice คลิกเมาส์ท่ีเคร่ืองมือ Slice ลากเป็น

กรอบส่ีเหลียมครอบสว่ นท่ีต้องการ, การซ่อนให้คลิกเมนู View >Show->Slice
คลิกเอาเครอ่ื งหมายถูกออก

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