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

24 แผนการจดั การเรียนรู้ ช้นั มัธยมศกึ ษาปีท่ี 3 กลมุ่ สาระการเรยี นรู้ การงานอาชีพและเทคโนโลยี (ง23202) หน่วยการเรยี นรทู้ ่ี 1 : พน้ื ฐานโปรแกรม Adobe Photoshop CS6 เวลา 20 ชว่ั โมง แผนการเรียนรูท้ ี่ 1 เรือ่ งเรมิ่ ต้นใช้งานกับโปรแกรม Adobe Photoshop CS6 เวลาเรียน 2 ชั่วโมง ผสู้ อน นางณชิ ชนาฎฐ์ ภานพุ ัฒน์นิธยิ า โรงเรียนเทศบาลหนองแวงประชาอปุ ถัมภ์ จังหวัดขอนแก่น ************************************************************************************ 1. สาระสาคญั การเรยี กใช้งานโดยการเปดิ โปรแกรม Adobe Photoshop CS6 การสร้างเอกสารใหม่ การ บนั ทกึ เอกสาร การเปิดไฟลร์ ปู ภาพข้นึ มาใชง้ าน รวมถงึ การออกจากโปรแกรมเมื่อเลิกใช้งาน ถอื วา่ เป็นความรู้เบอื้ งต้นในการศึกษาโปรแกรมในขั้นต่อ ๆ ไป 2. มาตรฐานการเรียนรู้ สาระที่ 3 เทคโนโลยสี ารสนเทศและการสอ่ื สาร มาตรฐาน 3.1 เข้าใจ เหน็ คุณค่า และใช้กระบวนการเทคโนโลยีสารสนเทศในการสืบค้นข้อมลู การเรียนรู้ การส่อื สาร การแกป้ ญั หา การทางาน และอาชีพอย่างมีประสิทธิภาพ ประสิทธผิ ล และมี คณุ ธรรม 3. ผลการเรยี นรู้ นกั เรียนมีความรู้ความเข้าใจเกี่ยวกบั ความเป็นมาและการเริ่มต้นใช้งานโปรแกรม Adobe Photoshop CS6 4. จดุ ประสงคก์ ารเรยี นรู้ 1. นกั เรยี นบอกคุณสมบัตโิ ปรแกรมของโปรแกรม Adobe Photoshop CS6 ได้ 2. นักเรียนเรียกใชง้ านโปรแกรม Adobe Photoshop CS6 ได้อยา่ งถูกต้อง 3. นาความสามารถของโปรแกรม Adobe Photoshop CS6 มาตัดต่อดัดแปลงเพื่อ ให้เกดิ ประโยชน์ 5. สาระการเรยี นรู้ 1. ความร้เู บ้อื งต้นเกย่ี วกบั การเปิดใช้งานโปรแกรม 2. ขั้นตอนในการสรา้ งเอกสารใหม่ 3. ขน้ั ตอนการบันทึกเอกสาร 4. ข้นั ตอนการเปิดไฟล์รปู ภาพขน้ึ มาใช้งาน 5. การออกจากโปรแกรม

25 6. กระบวนการจัดกจิ กรรมการเรยี นรู้ขั้นตอนตามรูปแบบ CIPPA ขน้ั ตอนที่ 1 ทบทวนความรู้ ครใู ห้นักเรยี นดูภาพถ่าย กับภาพทตี่ กแตง่ ด้วยโปรแกรม Photoshop ครซู ักถามนกั เรียน ถงึ ความแตกตา่ งระหวา่ งภาพถ่ายกบั ภาพที่ตกแตง่ ดว้ ยโปรแกรม Photoshop โดยใหน้ กั เรยี นแสดง ความคิดเห็น ครถู ามเกยี่ วกบั ความเปน็ มาของคอมพิวเตอร์กราฟิกวา่ นักเรียนทราบหรือไมว่ ่า คอมพวิ เตอร์กราฟิกเกิดขึน้ ได้อยา่ งไร ครสู อบถามนกั เรยี นเกย่ี วกับพนื้ ความรู้ ความสามารถ ประสบการณเ์ ดมิ ความต้องการและความสนใจของนักเรยี น เกี่ยวกบั การใช้โปรแกรม Adobe Photoshop CS6 ในการเรียกใชโ้ ปรแกรม การเปิดเอกสาร การสร้างเอกสารใหม่ และการบนั ทึก การปดิ โปรแกรม ขนั้ ตอนที่ 2 การแสวงหาความรู้ใหม่ ครอู ธบิ ายการทางาน และคณุ สมบัติของโปรแกรม Adobe Photoshop CS6 พรอ้ มท้ัง แนะนาเกีย่ วกับทางผู้ผลิตและเวอร์ชนั่ ของโปรแกรมครสู าธิตการเข้าสู่โปรแกรม Adobe Photoshop CS6 และสรา้ งเอกสารใหม่ พร้อมทั้งบนั ทึกไฟลง์ าน เพื่อใหน้ ักเรยี นดเู ป็นตวั อย่าง และ แนะนาแหลง่ ศกึ ษาค้นควา้ ใหน้ ักเรยี น ไดร้ จู้ กั เช่นอนิ เตอรเ์ น็ต หนงั สือประกอบ เพือ่ ให้นกั เรยี น สามารถหาความรู้ได้ตลอดเวลาตามความต้องการ ขนั้ ตอนที่ 3 การศึกษาทาความเขา้ ใจข้อมลู / ความรู้ใหม่ และเชื่อมโยงความรู้ใหม่กับความรู้ เดิม นักเรยี นศกึ ษาจาก ใบความรู้ที่ 1 เร่ือง เรียนรแู้ ละเรม่ิ ต้นใชง้ านกับโปรแกรม Adobe Photoshop CS6 ให้นักเรยี นปฏิบตั ิตามกจิ กรรมที่ 1 ถงึ กจิ กรรมท่ี 5 ขัน้ ตอนกจิ กรรมการเรียน การสอนใหน้ ักเรียนศึกษาค้นควา้ เพ่ิมเติมจากอนิ เตอรเ์ น็ต หนังสือประกอบ เช่อื มโยงกับใบความรูท้ ่ี 1 ทีไ่ ด้ศึกษามาแล้ว ข้นั ตอนท่ี 4 การแลกเปลี่ยนความรู้ความเข้าใจกบั กลมุ่ ใหน้ กั เรียนแบ่งเป็นกล่มุ เพื่อชว่ ยกันอภปิ รายการเรม่ิ ต้นใช้งานกับโปรแกรม Adobe Photoshop CS6 โดยแบง่ ตามหัวข้อ ดงั น้ี 1.1 ความเปน็ มาของโปรแกรม Photoshop 1.2 คุณสมบตั ขิ องโปรแกรม Adobe Photoshop 1.3 การเข้าสู่โปรแกรม Adobe Photoshop CS6 1.4 การสร้างไฟล์ (กระดานออกแบบ) ใหม่ 1.5 การจดั เกบ็ ไฟลด์ ว้ ยคาส่ัง Save 1.6 การเปิดไฟล์รูปภาพขนึ้ มาใชง้ านดว้ ยคาส่ัง Open 1.7 การออกจากโปรแกรม และส่มุ ตัวแทนกลุม่ ออกมานาเสนอหน้าชนั้ เรียนประมาณ 3 กลมุ่ ขน้ั ตอนท่ี 5 การสรปุ และจัดระเบยี บความรู้ ครูและนกั เรยี นร่วมกันสรุปความรจู้ ากการศึกษาใบความรู้ท่ี 1 เรือ่ ง เรยี นรู้และเริ่มต้นใช้ งานกับโปรแกรม Adobe Photoshop CS6 ครูอธิบายเพิ่มเตมิ จากท่นี กั เรยี นนาเสนอ พรอ้ มท้งั เปิด โอกาสใหน้ กั เรยี นซักถาม เพ่ือนาไปสู่การสรปุ ความคิดรวบยอด และใหน้ ักเรียนจดบนั ทึกลงในสมุด ของตนเอง

26 ขั้นตอนท่ี 6 การปฏิบตั แิ ละ / หรือแสดงผลงาน นักเรยี นลงมือปฏบิ ตั ิกิจกรรมตามใบงานที่ 1 และนาส่งครูให้ตรวจผลงานความถูกต้อง และนาผลงานติดป้ายนเิ ทศหนา้ ชั้นเรียน ข้ันตอนที่ 7 การประยกุ ตใ์ ช้ความรู้ ครแู นะนานักเรียนถงึ เรียนรู้และเรม่ิ ต้นใชง้ านกับโปรแกรม Adobe Photoshop CS6 เปน็ โปรแกรม ที่ใชส้ าหรับตกแต่งภาพถ่ายและภาพกราฟิก ไดอ้ ย่างมปี ระสทิ ธภิ าพ ไมว่ ่าจะเปน็ งาน ดา้ นสิ่งพิมพ์ นิตยสาร และงานด้านมลั ตมิ เี ดีย อีกท้ังยังสามารถ retouching ตกแต่งภาพ และการ สร้างภาพ ซงึ่ กาลังเป็นที่นยิ มสูงมากในขณะนเ้ี ราสามารถใช้โปรแกรม Photoshop ในการตกแต่ง ภาพ การใส่ Effect ต่าง ๆ ให้กบั ภาพ และตัวหนงั สือ การทาภาพขาวดา การทาภาพถ่ายเป็น ภาพเขียน การนาภาพมารวมกัน การ Retouch ตกแต่งภาพต่าง พร้อมท้ังแนะนาใหน้ กั เรยี นได้ ฝกึ ฝนใชง้ านบ่อย ๆ เพอ่ื ใหเ้ กิดทกั ษะในการใชง้ านโปรแกรม สามารถนาไปประยุกตใ์ ช้กับวชิ าอืน่ และใช้ในการทางานได้ นักเรยี นทาแบบทดสอบย่อยที่ 1 ครแู ละนกั เรียนรว่ มกันเฉลยและอธปิ รายผลการสอบ ครู ชมเชยนกั เรยี นทสี่ ามารถทาคะแนนไดผ้ ่านเกณฑ์ท่ีกาหนด สว่ นนักเรียนที่ไม่ผา่ นเกณฑ์ครใู ห้กาลงั ใจ และพยายามให้มากข้นึ 7. สื่อการสอน / แหล่งเรียนรู้ 1. ใบความร้ทู ่ี 1 เร่อื ง เรยี นรูแ้ ละเรมิ่ ตน้ ใช้งานกับโปรแกรม Adobe Photoshop CS6 2. ใบงานที่ 1 3. เครื่องคอมพวิ เตอร์ พร้อมอปุ กรณ์ตอ่ พว่ งครบชุด 4. อินเตอร์เนต็ 5. แบบสงั เกตพฤตกิ รรม 6. แบบทดสอบย่อยท่ี 1 7. แบบประเมนิ ผลงาน 8. กระดาษคาตอบ 9. เฉลยคาตอบแบบทดสอบย่อยที่ 1 10. แบบบันทกึ คะแนน 8. การวัดและการประเมินผล 8.1 วธิ วี ดั และประเมนิ ผล 8.1.1 การสงั เกตพฤติกรรมนักเรียนโดยใชแ้ บบสังเกตพฤตกิ รรม 8.1.2 การประเมนิ ชนิ้ งาน - ประเมินผลงานจากใบงาน 8.1.3 ประเมินจากการทาแบบทดสอบย่อย 8.2 เคร่อื งมือการวดั และประเมินผล 8.2.1 แบบสงั เกตพฤติกรรม 8.2.2 แบบประเมินผลงาน 8.2.3 แบบทดสอบย่อย

27 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 คะแนน

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

29 ใบความรู้ท่ี 1 เรยี นรแู้ ละเริ่มต้นใช้งานกับโปรแกรม Adobe Photoshop CS6 ความเป็นมาของโปรแกรม Photoshop Photoshop เปน็ โปรแกรมของบริษัท Adobe (“อะ-โด-บี้”) ซ่งึ เป็นผ้พู ัฒนาซอฟตแ์ วร์ ดา้ นกราฟิก และอุตสาหกรรมการพิมพ์รายสาคญั รวมถงึ เป็นผคู้ ิดค้นภาษา PostScript และไฟล์ แบบ PDF (Portable Document Format) ที่ใช้กันในวงการพิมพ์และการจดั รปู แบบเอกสาร บนอินเตอรเ์ น็ตด้วย ดังน้ัน Photoshop จึงสามารถทางานรว่ มและแลกเปลยี่ นไฟล์กบั โปรแกรม อน่ื ๆ ที่ใชท้ างานด้านกราฟิกไดอ้ ยา่ งกว้างขวาง เช่น โปรแกรม Illustrator, PageMaker และ Acrobat ซ่งึ ทงั้ หมดนเ้ี ป็นของ Adobe เช่นกนั Photoshop ออกเวอร์ชัน่ แรกใน ปี 1990 และไดร้ บั การพัฒนาตอ่ เน่ืองมาเรอ่ื ย ๆ เป็น เวอร์ช่ัน 2 , 2.5 , 3 , 4 , 5 , 5.5 และ 6 , 7 , CS2 , CS3 , CS4 , CS5 จนกระทงั่ ลา่ สุดคอื เวอร์ช่ัน CS6 ในขณะน้ี โดยมีขดี ความสามารถใหม่ ๆ สาหรับการจัดการกับภาพข้นึ มาอีกตัวหนง่ึ คือ Adobe Bridge CS 6 ซ่งึ เป็นโปรแกรมทใี่ ช้สาหรบั จัดการภาพถา่ ยของเรา ซึ่งทาหน้าทเ่ี หมอื นการทางานใน Explorer หรือบางอย่างอาจจะทาไดด้ กี วา่ ด้วยซ้า เชน่ การจดั กลมุ่ ภาพ การแสดงรายละเอยี ดของ ภาพ เชน่ กลอ้ งท่ีใชถ้ ่ายดว้ ยเลนสแ์ บบไหน โฟกัสเท่าไร ค่า white balance เท่าไร เป็นตน้ และทีส่ าคัญคือสามารถดูตัวอยา่ งไฟล์ภาพของ Photoshop นามสกลุ .psd ได้ โดยไมต่ อ้ งเปิด ดูใน Photoshopและยังมคี าสง่ั อัตโนมตั ทิ ี่สามารถเลอื กใช้กบั ไฟล์ภาพได้อีกดว้ ย ทาไมจงึ เปน็ Photoshop CS6 Photoshop เวอรช์ ั่นใหมท่ ี่หลายคนรอคอยได้ปรากฏตัวออกมาพร้อมกับความแปลกใหม่ เรม่ิ ทีช่ ่ือเวอรช์ น่ั จากตัวเลขที่คุน้ เคยไดเ้ ปล่ยี นเป็นตวั อักษร CS และในปัจจบุ นั ไดถ้ ูกพัฒนาขึ้นจน เปน็ เวอรช์ น่ั CS6 ความแปลกใหม่อกี อย่างได้แกส่ ญั ลักษณ์รูปดวงตากก็ ลายมาเปน็ รูปขนนกสสี ดใส จนปัจจุบนั มีสัญลักษณ์เปน็ รปู ส่เี หลีย่ มสีนา้ เงนิ และมีตวั อักษรยอ่ ของโปรแกรม ดงั รูป ซ่งึ จะ เป็นกลุ่มผลติ ภัณฑ์เดียวกบั Creative Suit ซ่งึ รองรบั โปรแกรมของ Macro Media ไว้ดว้ ยกัน การพัฒนาของ Photoshop คร้ังน้ผี ผู้ ลิตต้องการใหผ้ ู้ใช้ได้รับรู้ถงึ วิวฒั นาการใหมจ่ ากโปรแกรม ค่าย Adobe ทร่ี วมตัวเป็นชุด Creative Suit ซึ่งเป็นทมี่ าของเวอร์ชั่น CS และ Photoshop CS6 กเ็ ป็นสว่ นหนึง่ ของชดุ Creative Suit นับตงั้ แต่ Photoshop เวอร์ชนั่ แรกเปิดตวั ก็ไดร้ ับความสนใจจากวงการตกแตง่ ภาพ ตอ่ มาโปรแกรมได้รบั การพัฒนาคุณสมบตั เิ พมิ่ ขึน้ ในเวอร์ชั่นใหม่ จนสามารถตอบสนองความตอ้ งการ ดา้ นตกแตง่ ภาพของนักออกแบบหลายกลุ่มมากข้นึ รวมกับความสนใจของกลุ่มผู้ใช้คอมพิวเตอร์ท่ี ตอ้ งการเรยี นรู้โปรแกรมเพ่ือตกแตง่ ภาพกม็ ักเลอื ก Photoshop เปน็ ลาดับแรก ทาใหโ้ ปรแกรม ได้รบั ความนิยมมากในปัจจบุ ัน Photoshop พฒั นามาถงึ เวอร์ชัน่ 8 หรือเรียกว่า Photoshop CS และพฒั นามาเปน็ เวอรช์ ่นั CS2 จนถึง CS6 ในปจั จบุ ัน ที่มีความสามารถมากขึน้ หนา้ ตา ปรับเปล่ยี นใหด้ ูทนั สมยั รวมท้ังรองรับการทางานกับกล้องดิจติ อลได้ ซง่ึ การพฒั นาคร้ังน้ีทาให้ Photoshop CS6 มคี วามโดดเด่นมากย่ิงขน้ึ

30 คณุ สมบัติของโปรแกรม Adobe Photoshop Photoshop เป็นโปรแกรมสาหรับสรา้ งและตกแต่งภาพที่มชี ือ่ เสยี งและไดร้ ับความนิยมมาก ทส่ี ดุ อันเนือ่ งมาจากคุณสมบัติเดน่ ซ่ึงมีอยอู่ ยา่ งมากมาย ไม่วา่ จะเปน็ ความสามารถจดั การกับไฟล์ สารพดั ชนดิ ที่ใช้ในงานประเภทต่าง ๆ ทงั้ รูปท่ีจะนาไปผ่านกระบวนการพิมพ์ และรูปท่ีนาไปใชใ้ น เว็บเพจ หรือส่งผา่ นส่อื อิเล็กทรอนคิ ส์ มีความสามารถเป็นเย่ยี มในการแก้ไขตกแต่งภาพ และการ สรา้ งเอฟเฟ็คตพ์ เิ ศษต่าง ๆ มเี ครือ่ งมือทมี่ ีประสิทธิภาพและความยดื หยนุ่ สูง สามารถบันทกึ ข้นั ตอน ทีต่ ้องทาซ้า ๆ ไว้เรียกใชภ้ ายหลงั ตลอดจนมีผผู้ ลติ ปลก๊ั อิน (plug-in) ให้เป็นจานวนมาก ซึ่งปลกั๊ อนิ ก็ คือโปรแกรมเสรมิ สาหรบั ช่วยใหก้ ารทางานทซ่ี ับซ้อนสาเร็จลงไดอ้ ย่างรวดเรว็ ต่อไปนี้เปน็ ตวั อย่างของงานประเภทต่าง ๆ ซึ่งคณุ สามารถใช้ Photoshop ชว่ ยจดั การ ไดอ้ ยา่ งงา่ ยดาย • แกไ้ ขภาพถ่าย ทบี่ กพร่องหรอื มตี าหนิ เชน่ ปรบั สที เี่ พยี้ น ปรับแสงเงาท่สี ว่างหรือ มดื เกินไปลบแสงแฟลชทีส่ ะท้อนในดวงตา • ตกแตง่ ภาพ เชน่ ตดั สว่ นที่ไม่ต้องการออกไป ลบองค์ประกอบทีร่ กรุงรงั ปรับภาพ ให้เบลอหรอื คมชดั ปรับผิวกายนางแบบใหข้ าวนวลและขจัดไฝฝ้าตา่ ง ๆ ขจดั เม็ดสีทีเ่ กิดในภาพ ที่สแกนจากส่ิงพมิ พ์ • ดดั แปลงภาพ เช่น ทาภาพใหมใ่ ห้กลายเป็นภาพสซี ีเปียแบบโบราณ หรอื แปลงภาพ เกา่ ๆ ทเี่ ปน็ ขาวดาใหก้ ลายเป็นภาพสี เปล่ยี นภาพคนให้อ้วนขนึ้ ผอมลง หรอื เด็ก แก่กวา่ ท่ีเปน็ จริง • ใส่เอฟเฟค็ ตพ์ ิเศษใหภ้ าพ เช่น ทาให้เหมือนกาลงั มองภาพผา่ นกระจก และลายตา่ ง ๆ หรือเหมือนเงาสะทอ้ นในน้า เปลีย่ นภาพถา่ ยให้ดคู ลา้ ยภาพวาดดว้ ยเครอ่ื งมอื หลากหลายชนดิ ใสป่ ระกายแสงหรอื เงาให้วัตถุ ทาวัตถุแบน ๆ ให้ดูเปน็ 3 มิติ เปล่ียนโทนสขี องภาพ • สรา้ งภาพกราฟกิ ซึง่ ผสมผสานระหว่างภาพถ่าย ข้อความ และภาพวัตถุหรือเอฟ เฟก็ ต์พเิ ศษทส่ี รา้ งขึ้นใน Photoshop เพ่ือใช้ในงานผลิตส่ือโฆษณา ทาปกหนังสือหรือนิตยสาร หรอื ใชต้ กแตง่

31 กจิ กรรมท่ี 1 การเข้าส่โู ปรแกรม Adobe Photoshop CS6 ปฏบิ ัติตามขน้ั ตอนดังน้ี 1. คลกิ เมาส์ทปี่ มุ่ Start บนแถบงานจะเกิดป๊อปอพั เมนขู องโปรแกรม 2. นาเมาสเ์ ลือกคาสัง่ All Programs 3. เลือ่ นเมาส์ไปที่ Adobe Photoshop CS6 3 2 1 หมายเหตุ Adobe Photoshop CS6จะมที ้งั 32 bit และ 64 bit คอื Adobe Photoshop CS 6 การเลอื กใชถ้ ้าเคร่ือง 32 bit ให้ใช้ Adobe Photoshop CS 6 และถ้าเครื่อง 64 bit ใหใ้ ช้ Adobe Photoshop CS 6 (64 bit) หากเป็นเวอรช์ ัน่ อื่น Function แตล่ ่ะตวั อาจจะไม่ได้อยู่ที่ เดียวกัน

32 หน้าจอแรกของโปรแกรม Adobe Photoshop CS 6 เม่ือเราเขา้ โปรแกรมมาแล้วจะเจอหนา้ ต่างการทางานของโปรแกรม Adobe Photoshop CS 6 ซึง่ จะประกอบไปดว้ ย Menu bar , option bar, Tool bar, Palette ตา่ งๆ ในการใชง้ านแต่ องค์ประกอบก็จะแตกต่างกันไป จะอธิบายรายละเอยี ดตอ่ ไป

33 กจิ กรรมที่ 2 การสรา้ งไฟล์ (กระดานออกแบบ) ใหม่ กระดานออกแบบทใี่ ชส้ าหรบั สร้างสรรค์ผลงานนัน้ เราสามารถกาหนดขนาดและรายละเอียด ของพืน้ ท่ีกระดานออกแบบให้ตรงตามความต้องการ เพ่ือใหเ้ กดิ ความสะดวกกบั การออกแบบ ซ่งึ สามารถกาหนดได้จากไดอะล็อกซ์บล็อกซ์ New ดังขนั้ ตอนตอ่ ไปน้ี 1. คลิกเลอื กเมนูคาสัง่ File เลอื กคาส่งั New หรอื กดแป้นพิมพ์ Ctrl + N จะปรากฏ ไดอะลอ็ กซบ์ ลอ็ กซ์ New 1 23 2. Preset เลอื กวธิ ีการสรา้ งหรือกาหนดขนาดของกระดานออกแบบซง่ึ ปกตแิ ล้วจะเปน็ แบบ Custom (ซึ่งเปน็ แบบท่ีสามารถกาหนดได้ตามความต้องการของตนเอง) 3. กาหนดขนาดความกว้างและความสงู ของกระดานออกแบบออปชั่น Width และ Height รวมทั้งออปช่ันอนื่ ๆ ซึ่งมีหนว่ ยเป็นคา่ พิกเซล (Pixel) สาหรบั Color Mode นนั้ ปกติ เปน็ แบบ 8 Bit แต่สามารถกาหนดให้สูงกวา่ น้ี เช่น 16 bit ดังนี้ Width กาหนดความกวา้ งของกระดานออกแบบ Height กาหนดความสูงของกระดานออกแบบ Resolution กาหนดความละเอยี ดของภาพ ซึ่งหากกาหนดคา่ ยิ่งมากจะทาให้

34 เกิดความละเอยี ดสงู ขึ้น แต่ก็จะทาให้ขนาดไฟล์ใหญ่ตามไปด้วย นอกจากนน้ั ยังต้องกาหนดด้วยวา่ จะใหค้ ่าพกิ เซลต่อขนาดใด เช่น Pixel / Inch คอื กาหนดความละเอียด 300 ค่าพิกเซลต่อนว้ิ Color Mode กาหนดโหมดสีภาพเพ่ือใชใ้ นการสรา้ งกระดานออกแบบ 4. เลือกลักษณะฉากหลังของกระดานออกแบบวา่ จะใหส้ ร้างในรปู แบบใด ได้แก่ White กาหนดให้ฉากหลังเป็นสีขาว Background Color กาหนดสฉี ากหลังที่สร้างข้ึนมาใหเ้ ป็นสเี ดียวกับสีทกี่ าหนดไวใ้ น Background Color ภายในกล่องเคร่ืองมอื Transparent กาหนดให้ฉากหลังเป็นแบบโปรง่ ใส 4

35 กจิ กรรมที่ 3 การจดั เกบ็ ไฟล์ด้วยคาสง่ั Save หลังจากทเ่ี ราทางานกับรูปภาพต่าง ๆ แล้วสิง่ ทจ่ี าเปน็ สาหรบั การทางานในทกุ โปรแกรมกค็ ือ การบันทึก ในโปรแกรม Adobe Photoshop CS 6 สามารถบันทึกไฟล์ไดห้ ลากหลายรปู แบบ เพื่อใหเ้ หมาะสมกบั งานในแต่ละชนิด ดังรายละเอียดตอ่ ไปนี้ 1. เลือกเมนูคาสั่ง File เลือก Save As 2 1 3 4 5 2. จะปรากฏไดอะลอ๊ กซ์บล็อกซข์ องการบันทึก 3. Save in จากนน้ั ให้เลอื กไดรฟ์ และโฟลเดอร์ สาหรับการจดั เกบ็ 4. File name พิมพ์ชอ่ื ไฟล์ที่ต้องการจดั เกบ็ ในชอ่ ง 5. Fomat กาหนดประเภทนามสกลุ ของไฟล์รปู ภาพให้เหมาะสมกับรูปแบบของงานท่จี ะใช้ 6. กาหนดค่าออปช่ันเพิ่มเติม เพอ่ื ใชใ้ นการจดั เกบ็ รูปภาพใหม้ ปี ระสิทธิภาพยิ่งข้นึ ดังนี้ As a Copy บนั ทึกไฟลป์ ัจจบุ นั เป็นไฟล์สาเนาซ่ึงจะมีคาว่า Copy ต่อท้าย Alpha Channels ใหบ้ ันทึกแชลแนลพิเศษ (Alpha Channel) ของรูปภาพด้วย Annotation ใหบ้ ันทึกหมายเหตุทเี่ ป็นขอ้ ความหรอื เปน็ เสียง Spot Colors ใหบ้ ันทึกแชลแนลพเิ ศษแบบ Spot Chanel Layers ให้บันทกึ ลักษณะการจดั เลเยอร์ของรูปภาพ Use Proof Setup แปลงสรี ูปภาพใหต้ รงกบั ผลท่ีจะได้รบั จากการใชพ้ มิ พร์ ูปภาพ

36 ICC Profiles ใหบ้ ันทกึ ข้อมูลเกี่ยวกับระบบสีที่ใช้กับรูปภาพผสานลงไปใน ไฟล์รปู ภาพทีจ่ ัดเกบ็ ด้วย Thumbnail จดั เกบ็ ภาพตัวอย่างขนาดเล็ก ซงึ่ จะถูกจดั เก็บรวมไวใ้ นไฟล์ เพอื่ สะดวกต่อการคน้ หา หรือ เรยี กใชง้ านในอนาคต Use Lower Case Extension กาหนดให้นามสกลุ ของไฟล์เป็นตัวอกั ษรพมิ พ์ เลก็ เท่านน้ั ซ่ึงออปชัน่ น้ีจะถูกกาหนดไว้ให้อตั โนมตั ิ 4

37 กจิ กรรมท่ี 4 การเปดิ ไฟลร์ ูปภาพขึน้ มาใชง้ านดว้ ยคาส่ัง Open รูปภาพท่ีสามารถนาเขา้ มาใช้งานในโปรแกรม Photoshop ได้นน้ั สามารถทาไดห้ ลากหลาย วิธี โดยไฟล์รูปภาพมหี ลายประเภท และมีความเหมาะสมแตกตา่ งกนั ออกไป แต่อย่างไรก็ตามวธิ ีการ เปดิ ไฟลร์ ูปภาพเหล่านส้ี ามารถกระทาได้ด้วยวธิ กี ารเดยี วกันคือ 1. คลิกเลือกเมนคู าส่งั File เลอื กคาสัง่ Open หรอื กดแปน้ พิมพ์ Ctrl + O จะปรากฏ ไดอะลอ็ กซ์บลอ็ กซ์ Open 1 2 4 3 2. Look in ตอ่ จากนั้นใหค้ ลิกเลอื กไดร์ฟและโฟลเดอรท์ ี่จัดเก็บรปู ภาพท่ีตอ้ งการนามาใช้ สรา้ งรปู ภาพตามที่เราตอ้ งการแลว้ กด Open 3. Files of type กาหนดประเภทไฟลข์ องรูปภาพ (นามสกลุ ของไฟล์รูปภาพ) ที่ต้องการเปดิ ดงั รายละเอยี ด ตอ่ ไปนี้ . PSD เปน็ ไฟล์มาตรฐานทีส่ รา้ งข้นึ ด้วยโปรแกรม Photoshop สามารถเปิดไฟล์ท่ีสร้าง ขน้ึ ด้วยเวอร์ช่ันก่อนหนา้ นี้ได้ดว้ ย โดยไฟล์ .PSD จะไม่สามารถเปดิ ใชง้ านได้จากโปรแกรมอนื่ ๆ . BMP เปน็ ไฟลม์ าตรฐานของระบบปฏบิ ัตกิ ารโปรแกรม Windows . TIFF เป็นไฟลท์ ่ีสามารถใช้ไดท้ งั้ เคร่ือง PC และ Macintosh ซง่ึ ส่วนใหญใ่ ช้งาน โปรแกรมเกยี่ วกบั สง่ิ พิมพ์ เชน่ โปรแกรม Page Maker

38 . GIF เปน็ ไฟล์ท่ีใช้กันมากในการสร้างเวบ็ ไซต์ เพราะไฟล์มีขนาดไม่ใหญ่ ง่ายต่อการ บีบอดั ข้อมลู อีกท้ังไฟล์ประเภทน้สี ่วนใหญจ่ ะสามารถเคลอ่ื นไหวได้ สรา้ งขนึ้ จากโปรแกรมกราฟิกและ แอนิเมชน่ั เช่น โปรแกรม ImageReady . JPEG เป็นไฟล์ทน่ี ยิ มใชง้ านกันอยา่ งแพร่หลาย เพราะมขี นาดเล็กงา่ ยตอ่ การบีบอัด สามารถสรา้ งข้นึ ได้จากโปรแกรมกราฟิกท่ัว ๆ ไป . PCT เปน็ ไฟล์ที่ใช้กันบนเคร่ือง Macintosh เท่านน้ั และมีขนาดของไฟล์คอ่ นขา้ งใหญ่ . RAW เป็นไฟลท์ ี่สามารถยดื หยนุ่ ไดเ้ ป็นอยา่ งดี ถ้าหากมีการเปลี่ยนแปลงการทางานใน ระหว่าง Application หรือ ตา่ งเครอ่ื งคอมพวิ เตอร์ . PNG เปน็ ไฟลท์ ี่พัฒนาต่อจาก Gif ซึ่งมีข้อดี คอื จะเกิดความสูญเสียนอ้ ยมากหากมี การบีบอดั ข้อมลู ทาให้มีความเหมาะสมในการโอนถ่ายข้อมูลบนระบบเครือขา่ ย 4. นาเมาส์ไปคลิกเลอื กไฟลร์ ปู ทตี่ อ้ งการ จากนนั้ คลิกทีป่ ุ่ม Open เพอ่ื เปิดรูปภาพท่ีตอ้ งการ ใชง้ าน ซึ่งจะปรากฏภาพบนโปรแกรม Photoshop ทันที ดงั รปู

39 กิจกรรมที่ 5 การออกจากโปรแกรม 1. คลกิ เลือกเมนูคาสง่ั File เลือกคาส่ัง Exit หรือกดแป้นพมิ พ์ Ctrl + Q จะปรากฏ ไดอะล็อกซบ์ ล็อกซ์ Close หรอื คลิกที่ปุ่ม Close มมุ ขวาของหน้าตา่ งโปรแกรม 1

ใบงานท่ี 1 40 เรือ่ ง เรียนรูแ้ ละเร่มิ ต้นใช้งานกับโปรแกรม Adobe Photoshop CS6 คาช้ีแจง ใหน้ กั เรยี นตอบคาถามต่อไปน้แี ละปฏิบตั กิ ารใช้งานโปรแกรมให้ถกู ตอ้ ง 1. อธิบายความเป็นมาของโปรแกรม Photoshop มาพอสงั เขป ..................………………………………………………………………………………………......…………...................................………… ……………………………………………………………………………......…………..................................……………………………………… ………………………………………………......…………...................................…………………………………………………………………… …………………......…………...................................………………………………………………………………………………..………......… 2. ใหน้ กั เรียนเติมข้อความเพ่ือบอกสว่ นต่างๆ ในการกาหนดค่าเพื่อสรา้ งช้นิ งานใหม่ ตาม หมายเลข 21 3 4 5 2.1 หมายเลข 1 ……………………………………………………………………......………….......... 2.2 หมายเลข 2 ………………………………………………………………………………………....... 2.3 หมายเลข 3 ……………………………………………………………………………………….... 2.4 หมายเลข 4 ……………………………………………………………………….......…………...... 2.5 หมายเลข 5 …………………………………………….…………………………......…………....... 3. ใหน้ กั เรยี นทาการสรา้ งไฟล์ชิ้นงานใหมข่ นาด กวา้ ง 300 pixels สงู 150 pixels ความละเอียด 100 pixels/inch 4. ให้นักเรียนบนั ทึกไฟล์งาน โดยตง้ั ชอื่ ช้ินงาน เลขท่ชี นิ้ งาน__เลขที่_ช่ือ-สกลุ (ตัวอย่าง 1__10_ดอกไม้ ฉายพิมาย) ใหบ้ นั ทกึ เปน็ นามสกลุ *. PSD 5. ส่งไฟลง์ านท่เี คร่อื งคอมพิวเตอร์ครู ไดร์ D:\\สง่ งาน\\ช้นิ งานที่ 1

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

รายการประเมนิ 42 รวม ช่อื – สกลุเลขท่ี อธิบายความเ ็ปนมาของโปรแกรม Photoshop เ ิตม ้ขอความเ ่ืพอบอกส่วน ่ตางๆ ตามหมายเลข การสร้างไฟล์ชิ้นงานให ่ม ับนทึกไฟล์งาน และ ้ตังชื่อไฟล์ งาน การส่งไฟล์งาน (3) (3) (3) (3) (3) (15) 23 3 3 3 2 2 13 24 2 3 3 2 2 12 25 3 3 3 2 3 14 26 3 2 2 3 3 13 27 2 2 3 3 2 12 28 3 2 2 2 2 11 ลงชอ่ื ..........................................................(ผสู้ อน) (นางณิชชนาฎฐ์ ภานุพัฒน์นิธิยา) ตาแหน่งครู วิทยฐานะ ครูชานาญการพเิ ศษ

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

44 แบบทดสอบย่อยท่ี 1 วชิ าสารสนเทศสู่อาเซียน (วิชาเพม่ิ เติม) รหสั วิชา ง 23202 กลมุ่ สาระการเรียนรู้การงานอาชีพและเทคโนโลยี ชั้นมธั ยมศึกษาปที ี่ 3 คาชีแ้ จง 1. แบบทดสอบนมี้ ีทงั้ หมด 10 ข้อ ๆ ละ 1.5 คะแนน 2. ใหน้ ักเรียนเลอื กคาตอบทถ่ี ูกท่ีสดุ เพยี งคาตอบเดียว แลว้ ทาเคร่อื งหมาย X ลงในชอ่ ง  ทตี่ รงกบั อักษร หนา้ คาตอบท่เี ลอื ก ในกระดาษคาตอบ 3. ห้าม ขดี หรอื เขยี น ทาเครื่องหมายใดๆ ลงในแบบทดสอบ 1. Photoshop เปน็ โปรแกรมที่บรษิ ทั ใด 5. คา่ Resolution มาตรฐานสาหรับงาน เปน็ ผู้พัฒนาขึ้น บนเวบ็ คือเท่าไหร่ ก. Macromedis ก. 300 pixel/inch. ข. Adobe ข. 300 pixel/cm. ค. Microsoft ค. 72 pixel/inch. ง. Business ง. 300 pixel/cm. 2. ข้อใดไม่ใชค่ ุณสมบัติของ Photoshop 6. ข้อใดไม่ใชห่ น่วยของความกว้างและ ก. ออกแบบงานด้านสถาปตั ยกรรม ความสูงของภาพใน Photoshop ข. ออกแบบปกหนังสอื และผลิตภณั ฑ์ ค. สรา้ งภาพเพ่ือตกแต่งเวบ็ ไซต์ ก. Km. ง. ตกแตง่ รูปถ่ายเก่าๆ ใหเ้ หมือนใหม่ ข. Points. ค. Inch. 3. รปู ใดตอ่ ไปน้ีเป็นสญั ลักษณ์ Adobe ง. Pixel Photoshop CS6 7. การเปดิ ไฟล์ใหม่ในโปรแกรม ก. Photoshop ทาได้ดว้ ยวิธใี ด ข. ก. คลกิ ทเ่ี มนู File>Open หรือ กด Ctrl+N ค. ข. คลกิ ทเ่ี มนู File>Open หรอื กด ง. Ctrl+O 4. ขอ้ ใดไม่ใช่โหมดสใี นโปรแกรม Adobe ค. คลิกทีเ่ มนู File>New หรอื กด Photoshop CS6 Ctrl+O ก. Bitmap ง. คลกิ ที่เมนู File>New หรอื กด ข. RGB Color Ctrl+N ค. CMYK Color ง. Vector จ.

45 8. การเปิดไฟลง์ านเกา่ ในโปรแกรม 10. ออกจากโปรแกรม Photoshop Photoshop ทาไดด้ ว้ ยวิธใี ด ทาได้ดว้ ยวธิ ีใด ก. คลิกท่ีเมนู File>Open หรือ กด Ctrl+N ก. คลิกทเ่ี มนู File>Exit หรอื กด ข. คลกิ ทเ่ี มนู File>Open หรอื กด Ctrl+O Ctrl+E ค. คลิกที่เมนู File>New หรือ กด Ctrl+O ง. คลกิ ที่เมนู File>New หรือ กด Ctrl+N ข. คลิกทเ่ี มนู File>Exit หรือ กด Ctrl+Q 9. การบันทกึ ไฟล์งานในโปรแกรม Photoshop ทาไดด้ ว้ ยวิธีใด ค. คลกิ ทีเ่ มนู File>Close หรอื กด Ctrl+C ก. คลกิ ทเี มนู File>Save หรอื กด Ctrl+S ง. คลิกทเี่ มนู File>Close หรอื กด Ctrl+O ข. คลิกทเี มนู File>Save หรอื กด Shift+Ctrl+S ค. คลิกทีเมนู File>Save As หรือ กด Ctrl+S ง. คลกิ ทีเมนู File>Save As หรือ กด Shift+Ctrl+S

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

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

แบบสงั เกตพฤตกิ รรมระหว่างเรยี นของนักเรียน 48 วิชาสารสนเทศสู่อาเซียน (วชิ าเพม่ิ เติม) รหัสวิชา ง 23202 กลุม่ สาระการเรยี นรู้การงานอาชพี และเทคโนโลยี ชั้นมธั ยมศึกษาปีที่ 3 หนว่ ยการเรียนรทู้ ่ี 1 : พ้นื ฐานโปรแกรม Adobe Photoshop CS6 แผนการจัดกจิ กรรมการเรียนรูท้ ี่ 1 เร่ือง เริ่มต้นใชง้ านกบั โปรแกรม 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

49 รายการประเมิน ชื่อ – สกลุเลขที่ ความ ูถกต้องครบ ้ถวน ความชัดเจนเ ้ขาใจ ่งาย ความเ ็ปนระเ ีบยบเรียบร้อย การส่งงาน ทางานตามระบบเ ็ปน ั้ขนตอน ีมความรับผิดชอบ มีเห ุตผล แ ้ก ัปญหาไ ้ด มีความพยายามมุ่ง ่ัมน การแสดงความคิดเห็น รวม (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 ลงช่ือ..........................................................(ผูส้ อน) (นางณชิ ชนาฎฐ์ ภานุพฒั นน์ ธิ ยิ า) ตาแหนง่ ครู วิทยฐานะครชู านาญการพิเศษ

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

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

แบบบนั ทกึ คะแนน 52 วชิ าสารสนเทศสู่อาเซียน (วชิ าเพมิ่ เติม) รหสั วชิ า ง 23202 กลุ่มสาระการเรยี นรู้การงานอาชพี และเทคโนโลยี ช้ันมัธยมศกึ ษาปีที่ 3 หน่วยการเรยี นรทู้ ่ี 1 : พน้ื ฐานโปรแกรม Adobe Photoshop CS6 แผนการจัดกจิ กรรมการเรียนรทู้ ่ี 1 เรือ่ ง เรมิ่ ต้นใช้งานกับโปรแกรม 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 24 17 12 12 41 25 18 14 13 45 26 17 13 12 4217

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