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

54 แผนการจดั การเรยี นรู้ ช้ันมัธยมศึกษาปีที่ 3 กลมุ่ สาระการเรียนรู้ การงานอาชีพและเทคโนโลยี หน่วยการเรียนร้ทู ี่ 1 : พน้ื ฐานโปรแกรม Adobe Photoshop CS6 เวลา 20 ชั่วโมง แผนการเรียนรทู้ ่ี 2 เรอ่ื ง ส่วนประกอบของโปรแกรม Adobe Photoshop CS6 เวลาเรยี น 2 ช่วั โมง ผู้สอน นางณชิ ชนาฎฐ์ ภานุพัฒนน์ ธิ ิยา โรงเรยี นเทศบาลหนองแวงประชาอปุ ถมั ภ์ จงั หวดั ขอนแกน่ ************************************************************************************************ 1. สาระสาคญั โปรแกรม Adobe Photoshop CS6 ไดป้ รบั เปล่ยี นรูปแบบ นอกจากจะมสี สี ันสวยงามขึน้ แล้ว ยังจดั การ กับพาเนล หรือเครื่องมือทจี่ ัดวางไมเ่ ปน็ ระเบยี บ ออกไปจากหน้าตา่ งการทาํ งาน คอ่ นข้างมาก เช่น เพิม่ ปมุ่ คาํ ส่ัง และจดั เรยี งปมุ่ คําสัง่ บางปุ่มใหม่ จงึ มีความจาํ เปน็ ต้องรู้จักกบั สว่ นประกอบที่สาํ คญั เพอื่ ให้สามารถค้นหา และ เรียกใชเ้ คร่อื งมือได้อยา่ งรวดเร็ว สาํ หรบั หน้าตา่ ง โปรแกรม Adobe Photoshop CS6 ประกอบไปด้วยพาเนล และกล่องเคร่ืองมือท่ีวางอย่บู นพ้ืนท่ีว่าง ซง่ึ เปรียบเสมอื นกับโต๊ะทํางาน ดงั น้นั จงึ สามารถเคลอ่ื นยา้ ยตําแหน่ง พาเนล และเครื่องมือไปยังจุดท่ี ตอ้ งการได้ สว่ นประกอบสําคัญของหน้าต่างโปรแกรม 2. มาตรฐานการเรยี นรู้ สาระที่ 3 เทคโนโลยีสารสนเทศและการส่อื สาร มาตรฐาน 3.1 เขา้ ใจ เห็นคุณคา่ และใช้กระบวนการเทคโนโลยีสารสนเทศในการสืบค้นขอ้ มูล การเรียนรู้ การส่อื สาร การแกป้ ัญหา การทํางาน และอาชีพอย่างมปี ระสิทธิภาพ ประสิทธิผล และมี คุณธรรม 3. ผลการเรียนรู้ มคี วามรู้ความเขา้ ใจเกย่ี วกับความเป็นมาและการเริม่ ตน้ ใช้โปรแกรม Adobe Photoshop CS6 4. จดุ ประสงค์การเรียนรู้ 1. นักเรยี นสามาถบอกส่วนประกอบหลกั ของโปรแกรม Adobe Photoshop CS6 ได้ 2. นกั เรียนสามารถใชง้ านส่วนประกอบหลกั ของโปรแกรม Adobe Photoshop CS6 ได้ 3. สามารถสรา้ งสภาพแวดลอ้ มส่วนตัวและปรับการแสดงผลของโปรแกรมได้ 5. สาระการเรยี นรู้ 1. หนา้ ต่างโปรแกรม Adobe Photoshop CS6 2. แถบเมนู Menu bar 3. แถบตวั เลือก Option bar 4. กลอ่ งเครื่องมือ Tools box 5. พืน้ ท่ีทํางาน Working Area 6. เมนูของพื้นที่ทํางาน Panel Men

55 6. กระบวนการจดั กิจกรรมการเรียนรูข้ นั้ ตอนตามรปู แบบ CIPPA ขั้นตอนที่ 1 ทบทวนความรู้ การเริ่มต้นใช้งานกับโปรแกรม Adobe Photoshop CS6 ครแู ละนกั เรยี นรว่ มกนั สนทนาถึง ความรูเ้ บื้องตน้ เกี่ยวกับ การเปดิ ใช้งานโปรแกรม ข้ันตอนในการสรา้ งเอกสารใหม่ , ขัน้ ตอนการบนั ทึกเอกสาร ข้ันตอนการเปิดไฟล์รปู ภาพขน้ึ มา ใช้งาน , การออกจากโปรแกรม ครูสอบถามนักเรียนเกี่ยวกบั พื้นความรู้ ความสามารถ ประสบการณเ์ ดมิ ความต้องการและความ สนใจของนักเรยี น เกี่ยวกบั ส่วนประกอบหลักของโปรแกรม Adobe Photoshop CS6 ขั้นตอนท่ี 2 การแสวงหาความร้ใู หม่ ครอู ธิบายเก่ียวกับ ส่วนประกอบของโปรแกรม Adobe Photoshop CS6 ครูสาธิต การใช้งาน แถบเมนูคาํ สั่ง (Menu bar) , แถบตวั เลือก (Option bar) , กลอ่ งเคร่ืองมือ (Tools box) , พ้นื ท่ี ทํางาน (Working Area) , เมนขู องพ้นื ทที่ ํางาน (Panel Menu) ครูแนะนาํ แหลง่ ศกึ ษาค้นคว้า ให้นักเรียนไดร้ ้จู ัก เช่น อินเตอรเ์ น็ต หนงั สอื ประกอบ เพื่อใหน้ ักเรยี นสามารถหาความร้ไู ดต้ ลอดเวลา ตามความต้องการ ข้ันตอนท่ี 3 การศกึ ษาทาความเขา้ ใจข้อมูล / ความรใู้ หม่ และเชื่อมโยงความร้ใู หม่กับความรู้ เดมิ นกั เรียนศึกษาจากใบความรู้ท่ี 2 เรอ่ื ง ส่วนประกอบของ ความรู้ใหม่ และเชื่อมโยงความรู้ ใหมก่ บั ความรู้ Tusulasu Adobe Photoshop CS6 เดมิ ให้นกั เรียนปฏิบตั ิตามกจิ กรรมที่ 1 ถึง กิจกรรมที่ 5 และใหน้ ักเรยี นศึกษาค้นคว้าเพ่มิ เติมจากอนิ เตอร์เน็ต หนงั สือประกอบ เชื่อมโยงกับใบ ความรู้ที่ 2 ท่ี ได้ศึกษามาแลว้ ขั้นตอนที่ 4 การแลกเปลย่ี นความรคู้ วามเขา้ ใจกับกลุ่ม ให้นักเรียนแบ่งเป็นกลมุ่ เพื่อชว่ ยกันอภปิ ราย กบั กลุ่มสว่ นประกอบของโปรแกรม Adobe Photoshop CS6 โดยแบ่งตามหวั ขอ้ ดังนี้ 1.แถบเมนู Menu bar 2. แถบตวั เลือก Option bar 3.แถบเคร่ืองมือ Tools box 4.พืน้ ท่ีทํางาน (Working Area) 5. เมนูของพืน้ ทท่ี ํางาน Panel Menน 6. สุ่มตวั แทนกลมุ่ ออกมานาํ เสนอหนา้ ชน้ั เรียน ประมาณ 3 กลุม่ ข้ันตอนที่ 5 การสรุปและจัดระเบยี บความรู้ ครแู ละนักเรยี นร่วมกนั สรปุ ความรจู้ ากการศึกษาใบความรู้ท่ี 2 เรอื่ ง ส่วนประกอบของ โปรแกรม Adobe Photoshop CS6 ครูอธิบายเพ่ิมเติมจากที่นกั เรียนนําเสนอ พร้อมทง้ั เปิดโอกาสให้ นักเรียนซักถาม เพ่ือนาํ ไปส่กู ารสรปุ ความคิดรวบยอด และใหน้ กั เรยี นจดบันทึกลงในสมุดของตนเอง ข้ันตอนท่ี 6 การปฏิบตั แิ ละ / หรอื แสดงผลงาน นกั เรียนลงมือปฏบิ ัติกจิ กรรมตามใบงานท่ี 2 และนาํ สง่ ครใู หต้ รวจผลงานความถกู ต้อง และ นาํ ผลงานตดิ ป้ายนเิ ทศหน้าช้ันเรยี น

56 ขนั้ ตอนที่ 7 การประยุกต์ใช้ความรู้ ครแู นะนาํ นักเรยี นถงึ ส่วนประกอบของโปรแกรม Adobe Photoshop CS6 สาํ หรับหนา้ ตา่ ง โปรแกรม ประกอบไปดว้ ยพาเนล และกลอ่ งเคร่อื งมือทว่ี างอยบู่ นพื้นท่ี ว่างซึ่งเปรียบเสมือนกับโต๊ะ ทาํ งาน ดงั นนั้ จึงสามารถเคล่ือน ยา้ ยตาํ แหนง่ พาเนล และเครื่องมือไปยงั จุดท่ีต้องการได้ พร้อมทงั้ แนะนําใหน้ ักเรียนได้ฝึกฝนใชง้ านบอ่ ย ๆ เพ่ือใหเ้ กิด ทักษะในการใชง้ านโปรแกรม สามารถนําไป ประยุกต์ใช้กบั วิชาอืน่ และใชใ้ นการทํางานได้ นกั เรียนทาํ แบบทดสอบย่อยที่ 2 ครแู ละนกั เรยี น ร่วมกนั เฉลย และอธปิ รายผลการสอบ ครชู มเชยนักเรียนที่สามารถทําคะแนนได้ผา่ นเกณฑ์ท่ีกําหนด สว่ นนกั เรยี นท่ไี ม่ ผา่ นเกณฑ์ครูให้กําลังใจ และพยายามให้มากขึน้ 7. ส่ือการสอน / แหล่งเรียนรู้ 1. ใบความรทู้ ี่ 2 เรอ่ื ง ส่วนประกอบของโปรแกรม Adobe Photoshop CS6 2. ใบงานท่ี 2 3. เครอ่ื งคอมพวิ เตอร์ พร้อมอปุ กรณ์ตอ่ พว่ งครบชุด 4. อนิ เตอรเ์ น็ต 5. แบบสงั เกตพฤตกิ รรม 6. แบบทดสอบย่อยท่ี 2 7. แบบประเมินผลงาน 8. กระดาษคาํ ตอบ 9. เฉลยคําตอบแบบทดสอบย่อยท่ี 2 10. แบบบนั ทกึ คะแนน 8. การวัดและการประเมนิ ผล 8.1 วิธวี ดั และประเมนิ ผล 8.1.1 การสังเกตพฤติกรรมนักเรยี นโดยใชแ้ บบสังเกตพฤตกิ รรม 8.1.2 การประเมินช้นิ งาน - ประเมนิ ผลงานจากใบงาน 8.1.3 ประเมนิ จากการทําแบบทดสอบยอ่ ย 8.2 เคร่ืองมือการวดั และประเมินผล 8.2.1 แบบสงั เกตพฤติกรรม 8.2.2 แบบประเมินผลงาน 8.2.3 แบบทดสอบย่อย 8.3 เกณฑ์การประเมินผล การประเมนิ ผลรวมจากการจัดกจิ กรรมเรยี นรู้ไดจ้ าก แบบสังเกตพฤติกรรมนักเรียน : การประเมนิ ผลงาน : การทดสอบย่อย ในสัดสว่ นร้อยละ 40 : 30 : 30 มีรายละเอียดต่อไปน้ี 8.3.1 การประเมินพฤตกิ รรมโดยใช้แบบสังเกตพฤติกรรม ( 20 คะแนน คดิ เป็น 40 % ของคะแนนทัง้ หมดในแผนการจดั กจิ กรรมการเรยี นรูท้ ี่ 1 ) 8.3.2 ประเมินผลงานจากใบงาน ( 15 คะแนน คดิ เปน็ 30% ) 8.3.3 ทดสอบย่อย ( 15 คะแนน คิดเปน็ 30% ) ทําแบบทดสอบจาํ นวน 10 ขอ้ เปน็ แบบทดสอบปรนัยชนดิ เลือกตอบ 4 ตวั เลอื ก ข้อละ 1.5 คะแนน

57 ข้อเสนอแนะของผอู้ านวยการสถานศกึ ษา (ตรวจ/นิเทศ/เสนอแนะ/รับรอง) ................................................................................................................................................................ ................................................................................................................................................................ ................................................................................................................................................................ (นายทวศี กั ด์ิ อุ่มเกตุ) ผู้อาํ นวยสถานศกึ ษา บนั ทกึ ผลการจดั กจิ กรรมการเรียนรู้ ............................................................................................................................. ................................... ............................................................................................................................. ................................... .................................................................................... ............................................................................ ............................................................................................................................. ................................... ................................................................................................................................................. ............... .................................................................................................................... ............................................ ............................................................................................................................. ................................... ................................................................................................................................................................ ............................................................................................................................. ................................... ............................................................................................................................. ................................... .................................................................................... ............................................................................ ............................................................................................................................. ................................... ................................................................................................................................................. ............... .................................................................................................................... ............................................ ............................................................................................................................. ................................... ................................................................................................................................................................ ............................................................................................................................. ................................... ............................................................................................................................. ................................... .................................................................................... ............................................................................ ............................................................................................................................. ................................... ................................................................................................................................................. ............... .................................................................................................................... ............................................ ............................................................................................................................. ................................... ................................................................................................................................................................ ลงช่ือ..........................................................(ผู้สอน) (นางณิชชนาฎฐ์ ภานพุ ฒั นน์ ธิ ยิ า) ตาํ แหนง่ ครู วิทยฐานะครชู าํ นาญการพเิ ศษ

58 ส่วนประกอบของโปรแกรม Adobe Photoshop CS6 ความสามารถพื้นฐานของโปรแกรม Adobe Photoshop Adobe Photoshop เป็นสุดยอดโปรแกรม ๆ หนึ่งทางด้านกราฟิก เปน็ หน่งึ ใน โปรแกรม ตระกูล Adobe ซ่งึ ถูกพัฒนามาอยา่ งต่อเนอื่ งและยาวนาน Photoshop ถูกออกแบบมา เพอ่ื ใชง้ านทางดา้ นกราฟกิ , การตกแต่ง ภาพ , สร้างภาพ 3 มิติ , ภาพพาโนรามา , สร้างสรรคง์ าน โปสเตอร์ , โฆษณา , สอ่ื สิ่งพิมพ์ , ปกนิตยสาร , ออกแบบสินคา้ , รูปภาพต่าง ๆ ท่นี าํ ไปวางบน เอกสารเวบ็ เพจ เหมาะสาหรับนักออกแบบ , Creative , สถาปนิก , และบุคคลทั่วไปทส่ี นใจงาน ทางด้านกราฟิก ซึ่งความสามารถของ Adobe Photoshop ทท่ี าํ ได้ ดงั น้ี - ตกแตง่ หรือแก้ไขรูปภาพ - ตดั ตอ่ ภาพบางสว่ น หรือทเ่ี รียกวา่ Crop ภาพ - เปล่ียนแปลงสขี องภาพ จากสหี นงึ่ เป็นอกี สหี น่ึงได้ - สามารถลากเส้น แบบฟรีสไตล์ หรือใส่รปู ภาพ สเ่ี หลยี่ ม วงกลม หรือสรา้ งภาพได้อยา่ ง อสิ ระ มีการแบง่ ช้ันของภาพเปน็ Layer สามารถเคล่ือนย้ายภาพไดเ้ ป็นอสิ ระต่อกัน - การทํา Cloning ภาพ หรอื การทาํ ภาพํซา้ ในรปู ภาพเดียวกนั - เพิ่มเติมข้อความใส่ Effect ของขอ้ ความได้ - Brush หรือแปรงทาสี ทสี่ ามารถเลือกรูปแบบสําเร็จรูปในการสรา้ งภาพได้และอื่น ๆ อีก มากมาย หน้าต่างโปรแกรม Adobe Photoshop CS6 การทําความรจู้ ักและสร้างความคุ้นเคยกบั ส่วนประกอบตา่ ง ๆ ของโปรแกรมเปน็ พื้นฐานท่ีดี ทจี่ ะนาํ ไปส่กู าร ใชง้ านโปรแกรมในระดบั สงู เพราะจะทําให้เรามีความคล่องตวั เป็นอย่างมากในการ ทํางานท่มี ีความสลบั ซบั ซ้อน มาก ๆ เราจะมาทําความร้จู ักกบั หน้าตางและสว่ นตา่ ง ๆ ของ Adobe Photoshop CS6 กัน เม่อื เราเปิดโปรแกรม Adobe Photoshop CS6 ข้นึ มาเรากเ็ หน็ พน้ื ท่ีทาํ งานของโปรแกรม Adobe Photoshop CS6 ถูกเปดิ ขน้ึ มาซง่ึ ภายในจะประกอบไปด้วยสว่ นการทํางานหลักดังต่อไปนี้

59 แถบเมนคู าสง่ั Menu bar เปน็ แถบกลุม่ คําสัง่ ทีบ่ รรจุคําส่ังสาํ หรับการทํางานท้ังหมดใน Adobe Photoshop CS6 โดยจะแบ่งออกเปน็ 11 หมวดหมู่ดว้ ยกันตามกลมุ่ ชนดิ ของการใชง้ าน  แถบตัวเลอื ก Options bar เป็นแถบสาํ หรบั แสดงสว่ นตัวเลือกหรอื สว่ นปรบั แตง่ เสรมิ การ ทาํ งาน ของ เครื่องมือ (Tool) ท่ีเราเลอื กใช้งานจากใน Toolbox  กล่องเคร่ืองมอื Tools box เป็นกล่องสาํ หรับเก็บเครือ่ งมือสาํ หรบั ใช้ทาํ งานกับพ้ืนทที่ ํางาน โดย จะ ประกอบไดด้ ว้ ยเครื่องมือหลาย ๆ ชนดิ ด้วยกนั  พน้ื ทท่ี างาน (Working Area) เปน็ สว่ นท่ีใช้ในการสร้างงานกราฟกิ โดยการเปิดไฟล์ภาพเพื่อ แก้ไข บนพ้ืนท่ีใชง้ าน หรอื วาดภาพใหม่ลงไปบนพื้นท่ีใช้งาน  เมนขู องพน้ื ท่ีทางาน Panel menu เปน็ ส่วนหน้าตา่ งย่อย ๆ สาํ หรบั อาํ นวยความสะดวกในการ ทาํ งาน และเปน็ ส่วนควบคุมส่วนย่อยในการทํางานต่าง ๆ ด้วย เช่น การกําหนดสี , กําหนดการ ทาํ งาน Layer หรอื Channel สขี องภาพ การแสดงและจัดการบนั ทกึ การทาํ งาน (History) เป็นตน้ ซง่ึ ในแตล่ ะ Panel ยัง ประกอบไปด้วย Tab หวั ขอ้ ย่อยต่าง ๆ ตามแต่ละส่วนของการทํางาน

60 แถบเมนูคําสั่ง Menu bar 1. File หมายถึง รวมคําสัง่ ทใี่ ช้จดั การกับไฟลร์ ูปภาพ เชน่ สรา้ งไฟลใ์ หม่ , เปดิ ปิด , บันทึกไฟล์ , นาํ เข้าไฟล์ , สง่ ออกไฟล์ และอน่ื ๆ ทเ่ี กีย่ วกบั ไฟล์ 2. Edit หมายถงึ รวมคาํ สั่งท่ีใช้สาํ หรับแก้ไขภาพ และปรบั แต่งการทํางานของโปรแกรมเบ้อื งต้น เช่น ก๊อปป้ี , วาง , ยกเลิกคาํ สั่ง , แก้ไขเคร่ืองมือ และอ่ืน ๆ 3. Image หมายถงึ รวมคําส่ังทีใ่ ชป้ รับแตง่ ภาพ เชน่ สี, แสง , ขนาดของภาพ (image size) , ขนาด ของเอกสาร (Canvas) , โหมดสีของภาพ , หมุนภาพ และอื่น ๆ 4. Type สาํ หรับจัดการและปรับแตง่ เกีย่ วกับข้อความ เช่น ปรบั แตง่ สีข้อความ ปรับแต่งขอบ ขอ้ ความ หรือการเปลีย่ นข้อความให้เปน็ ภาพ 5. Layer หมายถงึ รวมคําสง่ั ที่ใช้จดั การกบั เลเยอร์ ทง้ั การสร้างเลเยอร์ , แปลงเลเยอร์ และการ จัดการ กบั เลเยอร์ในด้านต่าง ๆ 6. Select รวมคําส่งั เก่ยี วกับการเลอื กวตั ถุหรือพ้นื ท่บี นรปู ภาพ (Selection) เพ่อื นําไปใช้งานรว่ มกบั คําสงั่ อ่ืน ๆ เช่น เลือกเพ่ือเปล่ียนสี , ลบ หรอื ใช้เอฟเฟ็กตต์ ่าง ๆ กบั รูปภาพ 7. Filter เปน็ คาํ สัง่ การเลน่ Effects ตา่ ง ๆ สําหรบั รูปภาพและวตั ถุ 8. View เปน็ คาํ สัง่ เกีย่ วกบั มุมมองของภาพและวตั ถุในลักษณะต่าง ๆ เช่น การขยายภาพและย่อภาพ ใหด้ ูเล็ก 9. Window เปน็ สว่ นคาํ สั่งในการเลอื กใช้อุปกรณ์เสรมิ ตา่ ง ๆ ที่จําเปน็ ในการใชส้ ร้าง Effects ต่าง ๆ 10. Help เปน็ คําส่ังเพ่ือแนะนําเก่ียวกบั การใชโ้ ปรแกรม ฯ และจะมีลายละเอยี ดของโปรแกรมอยู่ใน นน้ั แถบตวั เลือก Option bar Option Bar (ออปชัน่ บาร)์ เป็นส่วนทีใ่ ช้ปรับแต่งคา่ การทํางานของเคร่ืองมือต่าง ๆ โดย รายละเอียด ในออปชั่นบาร์จะเปล่ยี นไปตามเครื่องมือทเี่ ราเลือกจากทูลบ็อกซใ์ นขณะนั้น เชน่ เมอื่ เรา เลือกเครื่องมือ Brush (พ่กู ัน) บนออปชัน่ บารจ์ ะปรากฏออปชัน่ ทีใ่ ชใ้ นการกําหนดขนาดและลกั ษณะ หัวแปรง , โหมดในการระบายความ โปรง่ ใสของสี และอัตราการไหลของสี เปน็ ต้น

61 กล่องเคร่ืองมือ Tools box Tools box กล่องเคร่ืองมือ จะประกอบไปด้วยเคร่ืองมือตา่ ง ๆ ท่ีใช้ในการวาด ตกแต่ง และ แก้ไขภาพ เครื่องมือเหล่านม้ี ีจาํ นวนมาก ดังนน้ั จงึ มีการรวมเครือ่ งมือท่ีทาํ หน้าทีค่ ล้าย ๆ กนั ไวใ้ นปุ่ม เดยี วกนั โดยจะมี ลกั ษณะรูปสามเหลีย่ มอยบู่ ริเวณมมุ ดา้ นล่างดังภาพ 2 เพอ่ื บอกให้รวู้ า่ ในปมุ่ นีย้ งั มี เคร่ืองมอื อ่นื อยู่ดว้ ย - กลุ่มคาํ สง่ั Selection เพื่อเลอื กพ้ืนทีใ่ นส่วนต่าง ๆ ของภาพ - กลุ่มคําส่ัง Edit สําหรับการปรับแต่ง ระบายสี การลบบางสว่ น - กลุ่มคําสั่งเก่ยี วกับการสร้างตวั อกั ษร วาดภาพ - คําสัง่ View ยอ่ ขยายภาพบนหน้าจอ - คาํ สั่งเลือกสี Foreground หรอื Background - คําสัง่ Quick Mask คําสั่งเกี่ยวกบั หนา้ จอ

62 พืน้ ทท่ี าํ งาน Working Area เป็ นพืน้ ทว่ี ่างสําหรับแสดงงานทก่ี าํ ลงั ทาํ อยู่ พื้นทท่ี าํ งาน (Working Area) เปน็ ส่วนที่ใชใ้ นการสรา้ งงานกราฟิก โดยการเปิดไฟล์ภาพเพือ่ แก้ไขบนพน้ื ที่ ใชง้ านหรือวาดภาพใหมล่ งไปบนพนื้ ทีใ่ ช้งาน เมนูของพืน้ ทีท่ าํ งาน Panel menu ใชส้ าํ หรับจดั การกับภาพโดยแยกออกเปน็ หมวดหมู่ เชน่ พาเนลสาํ หรบั เลอื กสี พาเนลสําหรับ ปรบั แต่ง ความสว่าง เปน็ ต้น พาเนลแตล่ ะแบบมีหนา้ ที่และการใชง้ านแตกตา่ งกันออกไป โดยสามารถ เลอื กเปิดหรือปดิ พาเนลไดจ้ ากเมนูคําสั่ง Window ตัวอย่างพาเนลที่นิยมใช้ มดี งั น้ี 1. Navigator ใชป้ รับมมุ มองของภาพ โดยคลกิ เลือกบริเวณ Zoom Slider เพื่อยอ่ ขยาย มมุ มอง

63 2. Color ใช้กาํ หนดสีพ้ืนหน้า (Foreground) และสีพื้นหลัง (Background) โดยการเล่อื นแถบสเี พ่ือ ปรับแต่งตามต้องการ 3. Swatches ใช้กาํ หนดสแี บบสาํ เรจ็ รปู ทโ่ี ปรแกรมกําหนดไว้ หรอื สร้างสขี ึ้นมาใหม่เองได้ โดยการ คลกิ เลอื กสีทต่ี ้องการเพื่อความสะดวกในการใช้งาน 4. Styles ใช้สําหรับกําหนดการตกแตง่ รปู แบบต่าง ๆ ท่โี ปรแกรมกําหนดขน้ึ มา เช่น การตกแตง่ สี ให้กบั รูปแบบข้อความ

64 5. Adjustments ใชป้ รบั แต่งสใี ห้กับภาพ เพื่อแก้ไขข้อบกพรอ่ งหรือสีทีผ่ ิดเพี้ยน 6. Layers ใชค้ วบคุมการใชง้ านเลเยอรต์ ่าง ๆ ทเ่ี กดิ จากการสร้างช้นิ งาน 7. History ทําหน้าที่ในการเก็บรายละเอียดขนั้ ตอนการทํางานทงั้ หมดที่ผ่านมา เพ่ืออาํ นวยความ สะดวก เมื่อตอ้ งการย้อนกลบั ไปใชค้ ําสัง่ เก่าหรือย้อนดกู ารทาํ งานที่ผ่านมาตกแตง่

65 กิจกรรมท่ี 1 การเรียกใชห้ น้าตา่ งโปรแกรม Adobe Photoshop CS6 เมอ่ื เปิดโปรแกรม Adobe Photoshop CS6 ข้นึ มาใชง้ าน หากกลอ่ งเครื่องมือ Tools box หายไป นักเรียนมีวธิ กี ารเรยี กลบั มาใช้งาน ดงั น้ี 1. คลิกเมาส์ท่ี แถบเมนคู ําส่งั Menu bar -> เลือก Window 2. เลื่อนเมาส์ไปเลือกท่ี Tools หมายเหตุ : ในกรณที แ่ี ถบตวั เลือก Options bar และเมนูของพน้ื ที่ทาํ งาน Panel menu หายไป นักเรยี น ก็สามารถเรยี กกลับมาใชง้ านได้ตามข้ันตอนดังกล่าว

66 กิจกรรมท่ี 2 การใช้แถบเมนูคาํ ส่ัง (Menu bar) ฟังค์ชน่ั พื้นฐานอยา่ งหนงึ่ ของ Photoshop ที่เราควรทราบไวแ้ ละใชง้ านได้คล่องก็ คอื การหมุนภาพ และการกลบั ภาพ ซงึ่ โดยปกตแิ ล้วเราสามารถท่จี ะทาํ ได้แบบทัง้ ภาพเลยหรือเลอื ก ทาํ เฉพาะบางเลเยอร์ก็ได้ และ ในตวั ของ Photoshop เองกจ็ ะมีคําสั่งสาํ เรจ็ รปู มาใหแ้ ล้ว ว่าจะหมุน ภาพ / กลับภาพ ไปเปน็ แบบใด รวมถงึ เราก็สามารถปรบั หมุนแบบอสิ ระได้อีกดว้ ยในกิจกรรมนี้ ให้ นกั เรยี นทําการกลับภาพแต่ละแบบ เม่ือต้องใชง้ าน จรงิ ดงั น้ี การหมนุ กลบั ภาพแบบอสิ ระ การหมนุ กลบั ภาพแบบอิสระ 1. เปิดภาพท่ีเราต้องการหมนุ กลบั แลว้ คลิกเมาส์ท่ีแถบเมนูคาํ สั่ง Menu bar -> เลือก Edit 2. เล่อื นเมาส์ไปเลือกคําส่ัง Transform 3. เล่อื นเมาส์ไปเลือก Rotate 4. ทาํ การหมนุ ภาพตามต้องการ หมายเหตุ : เราสามารถใช้ฟังค์ชนั การกลับด้านรูปภาพไดโ้ ดยไปท่ีเมนู Edit => Transform ก็จะมี คาํ ส่งั มาให้ เลอื ก 6 ตวั ทีเ่ กย่ี วขอ้ ง โดยในแตล่ ะคาํ ส่งั คอื Rotate (หมนุ ภาพแบบอสิ ระ) , Rotate 180 , Rotate 90 CW , Rotate 90 CCW, Flip Horizontal และ Flip Vertical ให้นักเรยี นทดลอง หมุนภาพคําสงั่ ท่เี หลอื

67 กิจกรรมท่ี 3 การใช้แถบตัวเลือก Option bar เครอ่ื งมือมากมายใน Photoshop มีตัวเลือกในการปรับแก้ Brush Tool ก็เปน็ อกี เครื่องมือที่ ต้องปรบั คุณสมบตั ใิ หเ้ หมาะสมกับงานท่ีทํา ยกตวั อย่างเช่น นกั เรยี นต้องรีทชั ภาพถ่าย หรือออกแบบ แผ่นพบั หรือทํา การลงสรี ะบายสี นักเรียนจงึ ตอ้ งการ Brush Tool ที่มรี ูปร่าง ขนาด และความหนา ท่ีเหมาะสมกับงานของ นักเรียน เพราะฉะน้ันต้องมีการปรับคุณสมบตั ิของเครอ่ื งมือดว้ ย Option bar ดังนี้ 1. สร้างไฟล์งานขนึ้ มาใหม่ และเลือกขนาดพ้ืนท่ที ต่ี ้องการวาดภาพ 2. คลิกเลือก Brush Tool 3. เลอื่ นเมาส์ไปที่ Option bar ปรบั คุณสมบัตขิ องหวั แปลงตามท่นี ักเรียนต้องการ 4. วาดภาพหรอื ระบายสีตามทตี่ ้องการ

68 กิจกรรมท่ี 4 การใช้กล่องเครื่องมือ Tools box การตดั ภาพจากการใช้กลอ่ งเครอ่ื งมือ (Tools box) โดยใช้ Crop Tool ท่ีเราเรยี กวา่ Crop ภาพนนั้ เปน็ วธิ กี ารตัดภาพออกขนาดกจ็ ะเปลยี่ นแปลงไป 1. เปดิ ภาพที่เราต้องการ Crop 2. คลิกเมาส์ทก่ี ล่องเคร่ืองมือ (Tools box) -> เลือก Crop Tool 3. จะเหน็ กรอบเคร่อื งมือครอบอยู่ที่กรอบนอกของภาพ ทาํ การปรับขนาดโดยการคลิกลากที่ มมุ ใดกไ็ ด้ เพื่อปรับให้ได้ขนาดทเี่ ราตอ้ งการตัด 4. กด Enter ทีค่ ยี ์บอรด์ ก็จะได้ภาพในสว่ นท่เี ราต้องการ

69 กจิ กรรมที่ 5 การใช้เมนูของพ้นื ที่ทางาน Panel menu Layer เป็นส่วนหนง่ึ ของ Panel menu ซ่ึงสาํ คัญมากในการใชง้ าน Photoshop มนั เปรยี บเสมือนเปน็ แผน่ ใสทว่ี างซ้อนกนั อยู่ ส่วนทไ่ี ม่มีภาพของแผ่นบนสดุ กจ็ ะใสทําใหเ้ ห็นแผ่นทอี่ ยู่ ข้างล่าง เพ่ือความเขา้ ใจมากขึ้น ให้นักเรยี นลองใช้งาน Layer โดยการ Copy Layer 1. เปดิ ภาพทเี่ ราต้องการแลว้ คลกิ เมาส์ท่ีแถบ Panel Layer 2. คลิกเมาส์ท่ี Layer Background 3. คลิกเมาส์ที่ Layer Background คา้ งไวแ้ ล้วลากไปท่ี Create a new layer 4. จะได้ Layer Background copy

70 ใบงานที่ 2 เรอื่ ง ส่วนประกอบของโปรแกรม Adobe Photoshop CS6 คาชี้แจง ใหน้ กั เรียนตอบคําถามต่อไปน้แี ละปฏบิ ตั ิการใชง้ านโปรแกรมให้ถกู ต้อง 1. บอกช่ือและหนา้ ทกี่ ารทางานของส่วนประกอบต่าง ๆ ของหนา้ ต่างโปรแกรมตามหมายเลขดงั ภาพ 1. หมายเลข ............................................................................................................................. .... .............................................................................................................. ................................................ 2. หมายเลข ................................................................................................................................. .................................................................................................................... .......................................... 3. หมายเลข ................................................................................................................................. ....................................................................................................................... ....................................... 4. หมายเลข ................................................................................................................................. .......................................................................................................................... .................................... 5. หมายเลข ................................................................................................................................. ............................................................................................................................. .................................

71 2.ให้นกั เรยี นจบั คเู่ ครอื่ งมือของ Adobe Photoshop CS6 3.ใหน้ ักเรียนบอกสว่ นต่าง ๆ ของ Panel Layer ลงในสมดุ รายวิชาคอมพิวเตอร์กราฟกิ

72 4. ให้นกั เรียนปฏิบัตกิ ารสรา้ งชิน้ งานตามคาส่งั ต่อไปนี้ 4.1 ให้นกั เรียนดาวนโ์ หลดรูปภาพทต่ี ้องการจากอนิ เตอร์เน็ต 4.2 ใหน้ าํ เครื่องมือ Lasso Tool ทง้ั หมด 3 ช้ิน นาํ มาเลอื กภาพแลว้ ยา้ ยมาวางในช้ินงานใหม่ 1. Lasso tool 2. Polygonal Lasso tool 3. Magnetic Lasso tool 4.3 ขนาด 800 * 600 pixels ความละเอียด 100 Pixels/inch 4.4 ใหน้ ักเรยี นบนั ทึกไฟลง์ าน โดยต้งั ชอื่ ชิ้นงาน เลขทช่ี น้ิ งาน ห้อง เลขที่ ชือ่ - สกลุ (ตวั อย่าง m1_ ดอกไม้ สีขาว) ใหบ้ นั ทึกเป็นนามสกุล *.jpg 5. สง่ ไฟล์งานทเี่ คร่ืองคอมพิวเตอร์ครู ไดร์ D: ส่งงานช้นิ งานที่ 2

73 แบบประเมนิ ผลงาน วิชาสารสนเทศสู่อาเซียน (วชิ าเพ่มิ เติม) รหสั วิชา ง 23202 กลมุ่ สาระการเรยี นรู้การงานอาชีพและเทคโนโลยี ชั้นมธั ยมศกึ ษาปีที่ 3 แผนการจดั กิจกรรมการเรยี นรูท้ ี่ 2 เรอ่ื ง ส่วนประกอบของโปรแกรม Adobe Photoshop CS6 คาช้ีแจง ครูสงั เกตการณป์ ฏบิ ัติกจิ กรรมตามใบงานของนักเรยี น และใหค้ ะแนนลงในชอ่ ง ทต่ี รงกับการปฏบิ ตั ิของนักเรยี น รายการประเมิน ช่ือ – สกลุเลขท่ี รวม บอก ่ชือและหน้าที่การทางานของ ่สวนประกอบ ่ตาง ๆ ของหน้าต่างโปรแกรม จับ ู่คเครื่อง ืมอของ Adobe Photoshop CS6 บอกถึงส่วนต่าง ๆ ของ Panel Layer สร้าง ้ิชนงานตามคา ่ัสง การส่งไฟล์งาน (3) (3) (3) (3) (3) (15) 1 3 3 3 3 2 14 2 2 3 2 2 3 12 3 2 2 3 3 2 12 4 3 2 2 3 2 12 5 3 2 3 3 3 14 6 2 3 3 2 2 12 7 2 3 3 2 2 12 8 3 3 3 2 2 13 9 2 2 2 2 2 10 10 3 3 3 3 3 15 11 3 2 2 3 3 13 12 2 3 3 2 2 12 13 3 2 2 3 3 13 14 2 3 3 2 3 13 15 3 3 3 3 2 14

รายการประเมิน 74 รวม ช่อื – สกลุเลขที่ บอก ่ืชอและหน้าที่การทางานของ ่สวนประกอบต่าง ๆ ของหน้าต่าง โ ัจปบร ู่คแเกครรื่มอง ืมอของ Adobe Photoshop CS6 บอกถึง ่สวน ่ตาง ๆ ของ Panel Layer สร้าง ิ้ชนงานตามคา ่ัสง การ ่สงไฟ ์ลงาน (3) (3) (3) (3) (3) (15) 16 3 2 2 3 3 13 17 2 3 2 2 3 12 18 2 3 3 2 2 12 19 3 2 2 3 3 13 20 3 3 2 3 3 14 21 2 2 3 3 3 13 22 2 3 2 3 3 13 23 2 3 3 2 2 12 24 2 2 2 3 2 11 25 3 3 2 2 3 13 26 2 2 3 3 2 12 27 2 3 3 2 2 12 28 2 2 2 2 2 10 ลงชอ่ื ..........................................................(ผ้สู อน) (นางณิชชนาฎฐ์ ภานุพัฒนน์ ธิ ิยา) ตําแหน่งครู วิทยฐานะครชู ํานาญการพิเศษ

75 เกณฑ์การประเมนิ ผลงาน วชิ าสารสนเทศสู่อาเซียน (วชิ าเพม่ิ เติม) รหัสวชิ า ง 23202 กลมุ่ สาระการอาชีพและเทคโนโลยี ชั้นมัธยมศึกษาปีท่ี 3 เรือ่ ง ส่วนประกอบของโปรแกรม Adobe Photoshop CS6 ประเด็นการประเมิน เกณฑก์ ารประเมิน 3210 1. อธิบายความ ตอบได้ถูกต้อง ตอบถูกต้อง ตอบถูกตอ้ ง ไม่ตอบคําถาม เป็นมาของโปรแกรม เสรจ็ ทนั เวลา บางส่วน บางสว่ น Photoshop เสรจ็ ทันเวลา เสร็จไม่ทนั เวลา เติมข้อความเพื่อ 2. เติมข้อความเพ่ือ เตมิ ข้อความเพอ่ื บอกส่วนต่างๆ บอกส่วนต่างๆ บอกส่วนตา่ งๆ เตมิ ข้อความเพอ่ื เติมข้อความเพอ่ื ไมถ่ ูกต้อง ตามหมายเลข ถกู ต้อง 5 ขอ้ บอกสว่ นต่างๆ บอกสว่ นต่างๆ ไมป่ ฏบิ ตั ิ 3. การสรา้ งไฟล์ ปฏิบตั ิได้ถกู ตอ้ ง ถูกต้อง 3-4 ขอ้ ถูกต้อง 1-2 ข้อ ชนิ้ งานใหม่ คลอ่ งแคลว่ และ ไม่ปฏบิ ตั ิ เสร็จทนั เวลา ปฏบิ ัติไดถ้ กู ตอ้ ง ปฏิบตั ิได้ถูกต้อง 4. บนั ทําไฟลง์ าน ปฏบิ ตั ไิ ดถ้ กู ต้อง ไมค่ ล่องแคล่ว บางส่วน ไมป่ ฏบิ ตั ิ และตง้ั ชอ่ื ไฟล์งาน คลอ่ งแคลว่ และ เสร็จทันเวลา เสรจ็ ไม่ทนั เวลา เสรจ็ ทันเวลา 5. การส่งไฟลง์ าน ปฏบิ ตั ไิ ดถ้ ูกต้อง ปฏิบัติไดถ้ กู ตอ้ ง ปฏบิ ตั ิไดถ้ ูกตอ้ ง คลอ่ งแคลว่ และ ไมค่ ล่องแคลว่ บางสว่ น เสรจ็ ทนั เวลา เสร็จทนั เวลา เสรจ็ ไมท่ ันเวลา ปฏบิ ตั ไิ ด้ถูกตอ้ ง ปฏิบัตไิ ด้ถูกต้อง ไมค่ ล่องแคล่ว บางสว่ น เสร็จทันเวลา เสร็จไม่ทันเวลา

76 แบบทดสอบยอ่ ยท่ี 2 วชิ าสารสนเทศสู่อาเซียน (วชิ าเพิ่มเติม) รหัสวิชา ง 23202 กลุม่ สาระการเรยี นรู้การงานอาชพี และเทคโนโลยี ช้ันมัธยมศึกษาปที ่ี 3 คาชแ้ี จง เร่ือง สว่ นประกอบของโปรแกรม Adobe Photoshop CS6 1. แบบทดสอบนี้มีทง้ั หมด 10 ขอ้ ๆ ละ 1.5 คะแนน 2. ใหน้ ักเรียนเลอื กคําตอบที่ถูกท่สี ุดเพยี งคําตอบเดยี ว แลว้ ทาํ เคร่อื งหมาย X ลงในชอ่ ง  ทีต่ รงกับอักษร หน้าคําตอบท่เี ลอื ก ในกระดาษคําตอบ 3. หา้ ม ขดี หรือ เขียน ทําเครอื่ งหมายใดๆ ลงในแบบทดสอบ 1. สว่ นใดไม่มีอยู่ในสว่ นประกอบ Adobe ข. Edit Photoshop CS6 ค. Image ก. Title bar ข. Options bar ง. Type ค. Menu bar ง. Tools box 5. เมนูคําส่ังใดท่ีทาํ หน้ารวมคําสง่ั ที่ใชส้ ําหรบั แกไ้ ขภาพ และปรับแตง่ การทํางานของ 2. เมือ่ เมนขู องพ้นื ทีท่ ํางาน Panel menu โปรแกรม เบื้องต้น หายไป สามารถเรยี กใช้ได้จากเมนใู ด ก. File ก. Edit ข. Window ข. Edit ค. Help ง. View ค. image 3. แถบสําหรบั แสดงสว่ นตวั เลือกหรอื สว่ น ง. Type ปรับแตง่ เสริมการทํางานของเคร่อื งมือ หรอื เรียกอีก อย่างหนง่ึ คือ 6. Tools box ตามรูปเปน็ กลมุ่ คาํ ส่งั ใด และทําหนา้ ที่อะไร ก. Menu bar ข. Options bar ก. กล่มุ คาํ สัง่ Selection เพ่ือเลอื ก ค. Tools box พื้นท่ีในสว่ นตา่ ง ๆ ของภาพ ง. Working Area ข. กลมุ่ คาํ สง่ั Edit สําหรบั การ 4. เมนคู าํ สง่ั ใดที่ทําหนา้ ทรี่ วมคําสงั่ ที่ใช้ปรับ ปรบั แตง่ ระบายสี การลบบางสว่ น แต่งภาพ เชน่ สี, แสง , ขนาดของภาพ, ขนาด ของ เอกสาร , โหมดสีของภาพ , หมุนภาพ ค. กลมุ่ คําส่งั เกี่ยวกบั การสร้าง และอื่น ๆ ตัวอกั ษรวาดภาพ ก. File ง. คําสั่ง View ยอ่ ขยายภาพบนหน้าจอ

77 7. Tools box ตามรปู เป็นกล่มุ 9. พื้นทที่ าํ งาน Panel Menu ใดตอ่ ไปนี้ ใช้ คาํ สั่งใด และทาํ หนา้ ที่อะไร ปรบั มมุ มองของภาพ ก. กลุ่มคําสั่ง Selection เพื่อเลอื ก ก. Navigator พนื้ ท่ใี นสว่ นต่าง ๆ ของภาพ ข. Swatches ค. Adjustments ข. กล่มุ คําสัง่ Edit สําหรบั การปรบั แต่ง ง. Layers ระบายสี การลบบางสว่ น 10. พ้ืนที่ทาํ งาน Panel Menu ใดตอ่ ไปนใี้ ช้ ค. กลมุ่ คําสัง่ เก่ียวกับการสร้างตัวอกั ษร ปรับแตง่ สใี หก้ ับภาพ วาดภาพ ก. Navigator ง. คําสั่ง View ยอ่ ขยายภาพบน ข. Swatches หน้าจอ ค. Adjustments ง. Layers 8. พืน้ ท่ีทํางาน (Working Area) ทําหน้าท่ีใด ตอ่ ไปน้ี ก. เป็นส่วนทีใ่ ช้ในการสร้างงาน กราฟิก ข. เปน็ แถบสําหรบั แสดงสว่ นตัวเลือก หรือสว่ นปรับแตง่ เสริมการทํางานของเครื่องมือ ค. เป็นแถบกลมุ่ คําสั่งที่บรรจุคาํ สัง่ สําหรับการทํางาน ง. เป็นกล่องสาํ หรบั เก็บเครื่องมือ สําหรบั ใช้ทํางานกับพ้ืนท่ีทํางาน

กระดาษคาํ ตอบแบบทดสอบย่อยที่ 2 78 วิชาสารสนเทศสู่อาเซียน (วชิ าเพ่มิ เติม) รหสั วชิ า ง 23202 กลมุ่ สาระการเรยี นรู้การงานอาชพี และเทคโนโลยี ชั้นมัธยมศกึ ษาปีท่ี 3 เรือ่ ง ส่วนประกอบของโปรแกรม Adobe Photoshop CS6 ช่อื สกุล เลขท่ี แบบทดสอบย่อยท่ี 2 ง ข้อ ก ข ค 1. 2. 3. 4. 5. 6. 7. 8. 9. 10. คะแนนท่ีได้ คะแนนเตม็ 10 คะแนน ผา่ น ไมผ่ า่ น คะแนนทดสอบได้ คะแนน .

79 เฉลยแบบทดสอบย่อยที่ 2 เฉลยแบบทดสอบย่อยที่ 2 เรื่อง สว่ นประกอบของโปรแกรม Adobe Photoshop CS6 1. ก 6. ค 2. ข 7. ง 3. ข 8. ก 4. ค 9. ก 5. ข 10. ค.

80 แบบสังเกตพฤตกิ รรมระหวา่ งเรยี นของนกั เรยี น รหสั วชิ า ง 23202 วชิ าสารสนเทศสู่อาเซียน (วชิ าเพิ่มเติม) ช้ันมัธยมศกึ ษาปีที่ 3 กลมุ่ สาระการเรยี นรู้การงานอาชีพและเทคโนโลยี หน่วยการเรยี นรู้ที่ 1 พ้นื ฐานโปรแกรม Adobe Photoshop CS6 แผนการจดั กจิ กรรมการเรยี นร้ทู ี่ 2 เรอ่ื ง สว่ นประกอบของโปรแกรม Adobe Photoshop CS6 คาช้แี จง ครสู งั เกตพฤตกิ รรมระหวา่ งเรียนของนักเรยี น และให้คะแนนลงในช่องทีต่ รงกับพฤติกรรม ของนักเรียน รายการประเมิน เลขท่ี ความ ูถกต้องครบถ้วน ความชัดเจนเ ้ขาใจ ่งาย ความเ ็ปนระเ ีบยบเรียบร้อย การ ่สงงาน ทํางานตามระบบเป็น ั้ขนตอน มีความรับผิดชอบ ีมเหตุผล แ ้ก ัปญหาไ ้ด มีความพยายามมุ่ง ั่มน การแสดงความคิดเห็น รวม ชือ่ – สกลุ (2) (2) (2) (2) (2) (2) (2) (2) (2) (2) 20 1 2 2 2 2 2 2 2 2 2 1 19 2 2 1 1 1 1 1 2 2 2 2 15 3 2 2 2 1 1 1 2 2 2 2 17 4 1 1 1 2 2 2 2 2 2 2 17 5 2 2 2 1 2 2 2 2 2 2 17 6 2 2 2 2 2 2 2 1 2 2 19 7 1 1 2 2 2 2 2 1 1 1 15 8 1 2 2 2 2 2 2 2 2 1 18 9 1 2 2 2 2 21 1 2 1 1 15 10 2 2 2 1 2 2 2 2 2 2 19 11 1 2 2 2 1 2 2 2 2 2 18 12 2 2 2 2 2 2 2 2 1 1 18 13 1 1 1 1 2 2 2 2 2 2 16 14 1 2 2 2 2 1 2 2 2 2 18 15 2 2 2 2 2 2 2 2 2 2 20

81 รายการประเมนิ ชือ่ – สกลุเลขที่ ความ ูถกต้องครบ ้ถวน ความชัดเจนเ ้ขาใจ ่งาย ความเ ็ปนระเ ีบยบเรียบร้อย การส่งงาน ทํางานตามระบบเ ็ปน ั้ขนตอน มีความรับผิดชอบ ีมเหตุผล แ ้ก ัปญหาไ ้ด มีความพยายามมุ่ง ่ัมน การแสดงความคิดเห็น รวม (2) (2) (2) (2) (2) (2) (2) (2) (2) (2) 20 16 2 2 2 1 1 2 2 2 1 2 17 17 2 2 2 2 2 2 2 2 1 1 18 18 1 1 1 2 2 2 2 2 2 2 17 19 1 1 1 2 2 2 2 2 2 2 17 20 2 2 2 2 2 2 2 2 1 1 18 21 1 2 2 2 2 2 2 2 2 2 19 22 2 1 2 2 2 2 2 2 1 1 17 23 2 2 2 2 2 1 2 2 1 2 18 24 1 1 1 2 2 2 2 2 2 2 17 25 2 1 1 2 2 2 2 2 2 2 18 26 1 2 2 2 2 2 2 2 1 1 17 27 1 2 2 2 2 2 2 2 2 1 17 28 1 1 2 2 2 2 1 2 2 1 16 ลงชอ่ื ..........................................................(ผู้สอน) (นางณชิ ชนาฎฐ์ ภานุพัฒน์นธิ ิยา) ตาํ แหน่งครู วทิ ยฐานะครชู ํานาญการพเิ ศษ

82 เกณฑ์การใหค้ ะแนนแบบสังเกตพฤติกรรมระหว่างเรยี นของนกั เรียน วชิ าสารสนเทศสู่อาเซียน (วชิ าเพมิ่ เติม) รหสั วิชา ง 23202 กลมุ่ สาระการเรยี นรู้การงานอาชีพและเทคโนโลยี ชั้นมธั ยมศึกษาปที ี่ 3 หน่วยการเรยี นร้ทู ่ี 1 พ้ืนฐานโปรแกรม Adobe Photoshop CS6 แผนการจดั กจิ กรรมการเรียนรทู้ ่ี 2 เรอื่ ง ส่วนประกอบของโปรแกรม Adobe Photoshop CS6 ประเด็นการประเมนิ 2 เกณฑก์ ารประเมิน 0 1 1. ความถกู ต้อง ตอบใบงานถกู ต้อง ตอบใบงานถูกต้อง ตอบใบงานบา้ ง ครบถ้วน ครบถว้ นสมบูรณ์ เป็นส่วนใหญ่ เลก็ นอ้ ยหรือไม่ทาํ เลย 2. ความชดั เจน ตอบคําถามหรือข้อมูล ตอบคําถามหรือข้อมูล เขา้ ใจง่าย ถูกต้องชัดเจนเข้าใจงา่ ย ตอบคาํ ถามหรือข้อมูล ไม่ถูกตอ้ ง 3. ความเปน็ ระเบยี บ ผลงานเปน็ ระเบยี บ ชดั เจนเป็นส่วนใหญ่ ผลงานไม่เป็นระเบยี บ เรยี บรอ้ ย เรียบร้อยสม่าํ เสมอ ไมเ่ รยี บรอ้ ย ตลอด ผลงานเปน็ ระเบียบ 4. การสง่ งาน ทาํ งานเสรจ็ ก่อนเวลา เรยี บรอ้ ยเป็น ไม่ส่งงาน สง่ งานทันเวลา สว่ นใหญ่ 5. ทาํ งานตามระบบ สมํ่าเสมอ ไมท่ ํางานตามระบบ เป็นขนั้ ตอน ทาํ งานตามระบบ ทํางานเสร็จแตส่ ง่ ขั้นตอน เปน็ ขนั้ ตอนสม่ําเสมอ ไมท่ ันเวลาเปน็ 6. มคี วามรับผิดชอบ สว่ นใหญ่ ไม่ทํางานที่ไดร้ ับ ทาํ งานท่ีได้รบั มอบหมาย มอบหมายตามคําชแ้ี จง ทํางานตามระบบ ตั้งแตเ่ รมิ่ ตน้ จนสาํ เรจ็ เป็นข้นั ตอนเป็น ภายในเวลาทก่ี าํ หนด สว่ นใหญ่ อยา่ งสมํา่ เสมอ ทํางานท่ีไดร้ บั มอบหมายตาม คาํ ชแี้ จงจนสาํ เรจ็ เป็นสว่ นใหญ่ 7. มีเหตุมผี ล ตอบคําถามหรือมี ตอบคาํ ถามหรือมี ตอบคาํ ถามหรือมี คําถามกบั ครู เพ่อื น โดย คาํ ถามกบั ครเู พ่ือนโดย คําถามโดยใช้เหตผุ ล ใช้เหตผุ ลในเรอ่ื งทเ่ี รียน ใชเ้ หตุผล น้อยมาก ไมใ่ ชเ้ หตผุ ล อย่อู ย่างสมา่ํ เสมอ ในเรอ่ื งท่ีเรยี นเป็นส่วน ในการถามตอบเลย ใหญ่

83 ประเด็นการประเมิน 2 เกณฑก์ ารประเมิน 0 1 8. แกป้ ญั หาได้ สามารถแก้ปัญหาท่ี สามารถแก้ปัญหา ไมส่ ามารถแกป้ ัญหา เกิดขนึ้ ทั้งในบทเรียน ท่ีเกดิ ขึ้นในบทเรยี น ได้ และปญั หาทเี่ กดิ ข้นึ จาก และปญั หาทเี่ กดิ ขน้ึ กจิ กรรมอน่ื ได้ จากกจิ กรรมอื่นได้ อย่างสมา่ํ เสมอ 9. มีความพยายาม มคี วามพยายามทํางาน มีความพยายาม ไม่พยายามทํางานท่ี มุ่งมั่น ทีไ่ ดร้ ับมอบหมายจน ทาํ งานท่ีไดร้ ับ ยากลําบากใหส้ าํ เร็จ สําเร็จอย่างสมาํ่ เสมอ 10. การแสดงความ มอบหมายจนสําเร็จ คิดเห็น รว่ มแสดงความคิดเหน็ อย่างสมํ่าเสมอ ร่วมแสดงความคดิ เห็น ไมแ่ สดงความคดิ เห็น เป็นส่วนใหญ่ เลย

84 แบบบันทึกคะแนน รหสั วิชา ง 23202 วชิ าสารสนเทศสู่อาเซียน (วชิ าเพ่ิมเติม) ช้ันมัธยมศกึ ษาปที ี่ 3 กลมุ่ สาระการเรยี นรู้การงานอาชพี และเทคโนโลยี หน่วยการเรียนรทู้ ี่ 1 พ้ืนฐานโปรแกรม Adobe Photoshop CS6 แผนการจัดกจิ กรรมการเรียนรู้ท่ี 2 เรื่อง ส่วนประกอบของโปรแกรม Adobe Photoshop CS6 เลขท่ี ชอ่ื – สกลุ การประเมิน การประเมิน การทดสอบ รวม พฤติกรรม ผลงาน ยอ่ ย (20) (15) (15) (50) 1 19 13 13 45 2 15 11 11 37 3 17 12 11 40 4 17 13 13 43 5 19 14 13 46 6 15 12 11 38 7 18 13 12 43 8 19 12 12 43 9 15 13 13 41 10 19 14 13 46 11 18 13 12 43 12 18 13 11 42 13 16 12 12 40 14 18 12 11 41 15 20 15 14 49 16 17 13 12 42 17 18 14 14 46 18 17 13 11 41 19 17 13 12 42 20 18 14 13 45 21 19 13 12 44 22 17 12 11 40 23 18 13 12 43

85 เลขท่ี ชอ่ื – สกลุ การประเมนิ การประเมิน การทดสอบ รวม 24 พฤติกรรม ผลงาน ย่อย (50) 25 41 26 (20) (15) (15) 45 27 4217 28 17 12 12 41 18 14 13 38 รวม 17 13 12 1187 เฉล่ีย 17 12 12 42.4 ร้อยละ 16 11 11 84.8 489 359 339 17.5 12.8 12.1 87.3 85.5 80.7 ลงชือ่ ..........................................................(ผู้สอน) (นางณชิ ชนาฎฐ์ ภานพุ ัฒน์นธิ ิยา) ตําแหนง่ ครู วทิ ยฐานะ ครู ชาํ นาญการพเิ ศษ