88แผนการจัดการเรียนรู้ หน่วยที่ 6รหัสวิชา 31910-2016 ชื่อวิชา โปรแกรมกราฟิกสาหรับผลิตสื่อดิจิทัล สอนครั้งที่ 10 - 12 ชื่อหน่วยการเรียนรู้การผลิตสื่อดิจิทัลด้วย Canva ทฤษฎี 6 ชม. ปฏิบัติ 6 ชม. ชื่อเรื่อง/งาน การผลิตสื่อดิจิทัลด้วย Canva1. ผลลัพธ์การเรียนรู้ระดับหน่วยการเรียนนักเรียนมีความรู้และทักษะในการออกแบบและสร้างสื่อดิจิทัลประเภทแบนเนอร์อย่างมีประสิทธิภาพ โดยนักเรียนจะสามารถวิเคราะห์องค์ประกอบการออกแบบ เช่น สี รูปภาพ ตัวอักษร และการจัดวางองค์ประกอบ (Layout) ให้เหมาะสมกับวัตถุประสงค์ของสื่อที่ต้องการสื่อสารได้ นอกจากนี้ ผู้เรียนยังได้ฝึกใช้เครื่องมือและคำสั่งต่าง ๆ ในโปรแกรม Adobe Photoshop อย่างถูกต้อง เช่น การตัดต่อภาพ การปรับแต่งสี การสร้างเอฟเฟกต์ และการจัดการเลเยอร์ เพื่อผลิตชิ้นงานแบนเนอร์ที่สวยงามและเป็นมืออาชีพ และสามารถวางแผน ออกแบบ และผลิตสื่อแบนเนอร์ตามขั้นตอน ตั้งแต่การเก็บข้อมูล การออกแบบร่าง ไปจนถึงการผลิตจริง พร้อมทั้งสามารถปรับปรุงผลงานตามข้อเสนอแนะได้ ส่วนด้านคุณลักษณะอันพึงประสงค์ นักเรียนจะแสดงออกถึงความรับผิดชอบ ความมีวินัยในการทำงาน และความคิดสร้างสรรค์ในการออกแบบ เพื่อให้สื่อที่ผลิตออกมามีความน่าสนใจ เหมาะสมกับกลุ่มเป้าหมาย และสามารถนำไปใช้ในงานสื่อสารจริงได้อย่างมีประสิทธิผล มีทักษะรอบด้านทั้งด้านความรู้ ทักษะ และเจตคติ ซึ่งเป็นพื้นฐานสำคัญในการพัฒนาศักยภาพของผู้เรียนให้สามารถก้าวสู่การเป็นนักออกแบบสื่อดิจิทัลมืออาชีพในอนำคตได้อย่างมั่นใจ2. อ้างอิงมาตรฐาน/เชื่อมโยงกลุ่มอาชีพ2.1 มาตรฐานอาชีพ ผลิตสื่อ สมรรถนะย่อย ควบคุมการผลิตสื่อ ตรวจสอบสื่อก่อนการเผยแพร่1) เกณฑ์การปฏิบัติงาน (ก) ความต้องการด้านทักษะ1. ทักษะการตรวจเช็ค2. ทักษะการบันทึกผล3. ทักษะการตรวจสอบความถูกต้องของเนื้อหาและภาษา4. ทักษะการตรวจสอบสื่อให้อยู่ในระยะเวลาที่กำหนด(ข) ความต้องการด้านความรู้1. มีความรู้เกี่ยวกับกระบวนการผลิตอย่างถูกต้อง2. มีความรู้เกี่ยวกับการรายงานผลการตรวจสอบและผลการผลิต3.ความรู้เกี่ยวกับการตรวจสอบสื่อให้ได้คุณภาพ4. ความรู้เกี่ยวกับการตรวจสอบองค์ประกอบโดยรวมของสื่อได้ (โทนสี เสียง ภาพ ขนำดตัวหนังสือ)2) วิธีการประเมิน 2.1 แบบทดสอบปรนัย ชนิด 4 ตัวเลือก
89 2.2 แบบทดสอบภาคปฏิบัติ 3) หลักฐานการปฏิบัติงาน (Performance Evidence)4) หลักฐานความรู้ (Knowledge Evidence)2.2 บูรณาการกลุ่มอาชีพ นักสร้างสื่อประชาสัมพันธ์ ระดับ 53. สมรรถนะประจาหน่วย3.1 อธิบายหลักการออกแบบสื่อดิจิทัลและองค์ประกอบของแบนเนอร์ได้อย่างถูกต้อง3.2 มีทักษะใช้โปรแกรม Adobe Photoshop ในการออกแบบและผลิตสื่อแบนเนอร์ได้อย่างมีประสิทธิภาพ3.3 มีทักษะปรับแต่งภาพ จัดองค์ประกอบ และเลือกใช้สี ตัวอักษร และภาพกราฟิกให้เหมาะสมกับวัตถุประสงค์ของงาน3.4 มีทักษะสร้างสื่อแบนเนอร์ที่มีความคิดสร้างสรรค์ สื่อสารข้อมูลได้ชัดเจน และนำเสนอได้อย่างมืออาชีพ3.5 แสดงความรับผิดชอบ มีวินัย และทำงานร่วมกับผู้อื่นได้อย่างสร้างสรรค์ในการผลิตสื่อดิจิทัล4. จุดประสงค์เชิงพฤติกรรม 4.1 ด้านความรู้1. อธิบายหลักการออกแบบสื่อดิจิทัลและองค์ประกอบของแบนเนอร์ได้อย่างถูกต้อง2. เข้าใจการใช้เครื่องมือและฟังก์ชันในโปรแกรม Adobe Photoshop สาหรับงานออกแบบสื่อ3. รู้จักหลักการเลือกใช้สี ตัวอักษร ภาพ และองค์ประกอบกราฟิกให้เหมาะสมกับวัตถุประสงค์ของแบนเนอร์4. เข้าใจขั้นตอนการวางแผนและกระบวนการผลิตสื่อดิจิทัลตั้งแต่เริ่มต้นจนจบงาน4.2 ด้านทักษะ1. มีทักษะใช้โปรแกรม Adobe Photoshop ในการออกแบบและผลิตแบนเนอร์ได้อย่างถูกต้องและมีประสิทธิภาพ2. มีทักษะการปรับแต่งภาพ ตัดต่อภาพ ใส่ข้อความ และจัดองค์ประกอบให้เหมาะสมกับพื้นที่และกลุ่มเป้าหมาย3. มีทักษะการออกแบบสื่อแบนเนอร์ที่มีความสวยงาม สื่อสารข้อความได้ชัดเจน และตรงตามวัตถุประสงค์ของงาน4. มีทักษะนำเสนอผลงานแบนเนอร์ในรูปแบบดิจิทัลได้อย่างมืออาชีพ4.3 ด้านคุณสมบัติอันพึงประสงค์1. มีความรับผิดชอบและตรงต่อเวลาในการทำงานออกแบบสื่อ2. แสดงความคิดสร้างสรรค์และจินตนำการในการออกแบบ
903. มีความตั้งใจ อดทน และใฝ่รู้ในการเรียนรู้เทคนิคใหม่ ๆ ของโปรแกรม Photoshop4. ทำงานร่วมกับผู้อื่นอย่างมีมารยาทและสามารถรับฟังความคิดเห็นเพื่อพัฒนาผลงานได้5. สาระการเรียนรู้1. ความหมายและประเภทของสื่อดิจิทัลแบนเนอร์2. หลักการออกแบบแบนเนอร์ที่มีประสิทธิภาพ (การใช้สี ตัวอักษร ภาพ และองค์ประกอบศิลป์)3. ขั้นตอนการวางแผนและออกแบบสื่อแบนเนอร์4. การใช้เครื่องมือพื้นฐานและฟังก์ชันสำคัญในโปรแกรม Adobe Photoshop5. เทคนิคการปรับแต่งภาพ การจัดวางองค์ประกอบ และการใส่ข้อความในแบนเนอร์6. การจัดการเลเยอร์ (Layer) และการใช้เอฟเฟกต์เพื่อเพิ่มความน่าสนใจ7. การตรวจสอบ แก้ไข และบันทึกผลงานให้อยู่ในรูปแบบไฟล์ที่เหมาะสมกับการนำไปใช้งานจริง8. การนำเสนอผลงานแบนเนอร์ในรูปแบบดิจิทัลอย่างมืออาชีพ9. การประเมินคุณภาพของสื่อแบนเนอร์ตามหลักการออกแบบและวัตถุประสงค์ของงาน6. กิจกรรมการเรียนรู้ 6.1 ขั้นตอนการนำเข้าสู่บทเรียนสิ่งที่ครูปฏิบัติ สิ่งที่ผู้เรียนปฏิบัติ เอกสาร/สื่อ/แหล่งเรียนรู้ที่ใช้- ครูทักทำยนักเรียน ทำความรู้จัก บอกจุดประสงค์ของบทเรียน อธิบายเกี่ยวกับเนื้อหา การวางแผนการเรียนโครงสร้างเนื้อหาบทเรียน กิจกรรม งาน ภารกิจ- รับฟังข้อมูล - แผนการจัดการเรียนรู้- สนทนำกับนักเรียนเกี่ยวกับการผลิตสื่อดิจิทัลแบนเนอร์ด้วยโปรแกรม Adobe Photoshop- นักเรียนช่วยกันบอกถึงการผลิตสื่อดิจิทัลแบนเนอร์ด้วยโปรแกรม Adobe Photoshop- เอกสารบรรยาย, อินเตอร์เน็ต 6.2 ขั้นตอนการใช้ความรู้/การฝึก การปฏิบัติสิ่งที่ครูปฏิบัติ สิ่งที่ผู้เรียนปฏิบัติ เอกสาร/สื่อ/แหล่งเรียนรู้ที่ใช้1.กำหนดกฎระเบียบ - รับฟัง เอกสารประกอบการบรรยาย2.ให้คำแนะนำ คำอธิบายและผลป้อนกลับแก่นักเรียน-ซักถามโต้ตอบกับครูแลกเปลี่ยนเรียนรู้อย่างอิสระ3.ดูแลและให้คำปรึกษานักเรียน4. มอบหมายงาน - ทำแบบทดสอบ- ทำใบงานที่มอบหมาย- แบบทดสอบ- ใบงาน
916.3 ขั้นตอนการสรุปสิ่งที่ครูปฏิบัติ สิ่งที่ผู้เรียนปฏิบัติ เอกสาร/สื่อ/แหล่งเรียนรู้ที่ใช้1.ครูและนักเรียนร่วมกันสรุปการผลิตสื่อดิจิทัลแบนเนอร์ด้วยโปรแกรม Adobe Photoshopฟังและซักถามข้อสงสัยต่างๆ 1.ผลจากการเรียนรู้2.ผลทดสอบความรู้3.ผลสาเร็จของใบงาน7. สื่อและแหล่งการเรียนรู้7.1 แผนการจัดการเรียนรู้7.2 ใบความรู้7.3 สื่อการเรียนการสอน เช่น Power Point วิดิโอ7.4 ห้องสมุด,อินเตอร์เน็ต8. หลักฐานการเรียนรู้8.1 หลักฐานความรู้ - แบบทดสอบ - ใบงาน8.2 หลักฐานการปฏิบัติงาน - ใบงานภาคปฏิบัติ9. การวัดและประเมินผล9.1 เกณฑ์การปฏิบัติงาน- ผู้เรียนต้องมีเวลาเรียนไม่น้อยกว่าร้อยละ 80 ของเวลาเรียนทั้งหมด- แบบทดสอบจานวน 20 ข้อ 20 คะแนน- ใบงานมีคะแนนเต็ม 10 คะแนน 9.2 วิธีการประเมิน - การสาธิตการปฏิบัติงาน - แฟ้มสะสมผลงาน9.3 เครื่องมือประเมิน - แบบทดสอบปรนัย ชนิด 4 ตัวเลือก - แบบทดสอบภาคปฏิบัติ10. บันทึกผลหลังการจัดการเรียนรู้10.1 ข้อสรุปหลักการจัดการเรียนรู้............................................................................................................................. .............................................................................................................................................................................. .................................................
9210.2 ปัญหาที่พบ............................................................................................................................. .............................................................................................................................................................................. .................................................10.3 แนวทางแก้ปัญหา............................................................................................................................. .............................................................................................................................................................................. .................................................
93ใบความรู้หน่วยที่ 6 การผลิตสื่อดิจิทัลแบนเนอร์ด้วยโปรแกรม Adobe Photoshopเรื่อง แนะนำการใช้ Photoshop CS6 เบื้องต้นโปรแกรม Photoshop CS6- Photoshop เป็นโปรแกรมสาหรับสร้างและตกแต่งภาพที่มีชื่อเสียงและได้รับความนิยมมากที่สุด อันเนื่องมาจากคุณสมบัติเด่นซึ่งมีอยู่อย่างมากมาย ไม่ว่าจะเป็นความสามารถจัดการกับไฟล์สารพัดชนิดที่ใช้ในงานประเภทต่าง ๆ ทั้งรูปที่จะนำไปผ่านกระบวนการพิมพ์ และรูปที่นำไปใช้ในเว็บเพจหรือส่งผ่านสื่ออิเล็กทรอนิคส์ มีความสามารถเป็นเยี่ยมในการแก้ไขตกแต่งภาพ และการสร้างเอฟเฟ็คพิเศษต่าง ๆ มีเครื่องมือที่มีประสิทธิภาพและความยืดหยุ่นสูง สามารถบันทึกขั้นตอนที่ต้องทำซ้ำ ๆ ไว้เรียกใช้ภายหลังตลอดจนมีผู้ผลิตปลั๊กอิน (plug-in) ให้เป็นจานวนมาก ซึ่งปลั๊กอินก็คือโปรแกรมเสริมสาหรับช่วยให้การทำงานที่ซับซ้อนสาเร็จลงได้อย่างรวดเร็ว ต่อไปนี้เป็นตัวอย่างของงานประเภทต่าง ๆ ซึ่งคุณสามารถใช้ Photoshop ช่วยจัดการได้อย่างง่ายดาย • แก้ไขภาพถ่าย ที่บกพร่องหรือมีตำหนิ เช่น ปรับสีที่เพี้ยน ปรับแสงเงาที่สว่างหรือมืดเกินไปลบแสงแฟลชที่สะท้อนในดวงตา • ตกแต่งภาพ เช่น ตัดส่วนที่ไม่ต้องการออกไป ลบองค์ประกอบที่รกรุงรัง ปรับภาพให้เบลอหรือคมชัด ปรับผิวกายนำงแบบให้ขาวนวลและขจัดไฝฝ้าต่าง ๆ ขจัดเม็ดสีที่เกิดในภาพที่สแกนจากสิ่งพิมพ์ • ดัดแปลงภาพ เช่น ทำภาพใหม่ให้กลำยเป็นภาพสีซีเปียแบบโบราณ หรือแปลงภาพเก่า ๆ ที่เป็นขาวดาให้กลำยเป็นภาพสี เปลี่ยนภาพคนให้อ้วนขึ้น-ผอมลง หรือเด็ก-แก่กว่าที่เป็นจริง • ใส่เอฟเฟ็คต์พิเศษ ให้ภาพ เช่น ทำให้เหมือนกาลังมองภาพผ่านกระจกชนิดและลำยต่าง ๆหรือเหมือนเงาสะท้อนในน้ำ เปลี่ยนภาพถ่ายให้ดูคล้ายภาพวาดด้วยเครื่องมือหลำกหลำยชนิด ใส่ประกายแสงหรือเงาให้วัตถุ ทำวัตถุแบน ๆ ให้ดูเป็น 3 มิติ เปลี่ยนโทนสีของภาพ • สร้างภาพกราฟิก ซึ่งผสมผสานระหว่างภาพถ่าย ข้อความ และภาพวัตถุหรือเอฟเฟ็กต์พิเศษที่สร้างขึ้นใน Photoshop เพื่อใช้ในงานผลิตสื่อโฆษณา ทำปกหนังสือหรือนิตยสาร หรือใช้ตกแต่งเว็บเพจความเป็นมาของ 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 หรือบางอย่างอาจจะทำได้ดีกว่าด้วยซ้ำ
94เช่น การจัดกลุ่มภาพ การแสดงรายละเอียดของภาพ เช่น กล้องที่ใช้ถ่ายด้วยเลนส์แบบไหน โฟกัสเท่าไร ค่า white balance เท่าไร เป็นต้น และที่สำคัญคือสามารถดูตัวอย่างไฟล์ภาพของ Photoshop นำมสกุล .psd ได้ โดยไม่ต้องเปิดดูใน Photoshop และยังมีคำสั่งอัตโนมัติที่สามารถเลือกใช้กับไฟล์ภาพได้อีกด้วย เว็บกราฟิก และ Adobe Photoshop- องค์ประกอบสำคัญในการทำ Web ให้ดูน่าสนใจ คงหนีไม่พ้นรูปภาพที่นำมตกแต่ง ซึ่งผู้พัฒนาหลำยๆ คน บ้างก็นำภาพสาเร็จมาใช้งาน บ้างก็นำภาพจากเว็บอื่นๆ ที่ดูสวยงามมาใช้ และก็มีไม่น้อยที่สร้างภาพเอง โดยอาศัยโปรแกรมกราฟิกต่างๆ เช่น Photoshop, Photo Impact, Paint Shop เป็นต้น โปรแกรม Photoshop นับว่าเป็นโปรแกรมกราฟิกสุดฮิต ที่นิยมใช้ในการปรับแต่งภาพ หรือสร้างภาพ เพื่อนำมาใช้งานในเว็บ เนื่องจากมีฟังก์ชันการทำงาน ที่หลำกหลำย มีฟิลด์เตอร์เพื่อปรับแต่งภาพ จากค่ายต่างๆ ทำให้ง่ายต่อการปรับแต่งภาพตามต้องการ เดิมทีนิยมใช้ Photoshop เพื่องานสื่อสิ่งพิมพ์ (Desktop Publishing) แต่ปัจจุบัน Web Design มีบทบาทในงานธุรกิจและงานการศึกษาสูงมาก จึงนำ Photoshop มาใช้ในงานนี้ด้วยการทำภาพกราฟิกเพื่อใช้ในงานเว็บ มีหลักการเฉพาะ แตกต่างไปจากงานสื่อสิ่งพิมพ์ ทั้งเรื่องความละเอียดของภาพ (Resolution) ที่ใช้แค่ 72 dpi หรือจานวนสีที่ใช้แสดงผล เป็นต้น ดังนั้นการศึกษาถึง ลักษณะเฉพาะในการใช้ Photoshop สร้างกราฟิกในงานเว็บ จึงเป็นศาสตร์ที่น่าสนใจอีกศาสตร์หนึ่งการสร้างงานต้องตั้ง Resolution เป็น 72 dpi ด้วย
95ความสามารถของโปรแกรม Photoshopมีอยู่มากมายอย่างที่เรานึกไม่ถึงแต่ที่เป็นความสามารถหลักๆของตัวโปรแกรมเองจะถูกแบ่งเป็น 2เรื่อง คือ แก้ไขตกแต่งภาพถ่าย:งานนี้เป็นงานถนัดของ Photoshop เช่น การแก้ไขภาพที่มือให้สว่างการลบริ้วรอยที่ไม่ต้องการ ออกจากภาพรวมถึงตัดต่อนำภาพหลำยๆภาพมารวมกันโดยในส่วนนี้จะเรียกว่าเป็นส่วนของงานรีทัชออกแบบ สร้างสรรค์งานกราฟิก:ใช้Photoshop ช่วยในการสร้างภาพสามิติความสามารถในส่วนนี้จะเป็นเรื่องของการขีดๆ เขียนๆออกแบบสร้างงานกราฟิกเช่นการวาภาพตัวการ์ตูนหรือการออกแบบสื่อสิ่งพิมพ์ชนิดต่างๆ1. งานออกแบบสิ่งพิมพ์ในงานออกแบบสิ่งพิมพ์ทุกชนิด เช่น การออกแบบภาพสามมิติ , ออกแบบโลโก้ , แบนเนอร์,โบรชัวร์,นำมบัตร, ใบปลิว, แผ่นพับ, หนังสือ, แคตาลอกสินค้า ,โปสเตอร์, ป้ายโฆษณา, ป้ายหน้าร้านเราสามารถใช้โปรแกรมPhotoshopช่วยในการทำงานได้เป็นอย่างดี2. งานออกแบบเว็บไซต์เพื่อให้เว็บไซต์จาเป็นอย่างยิ่งที่ต้องมีภาพกราฟิกที่สวยงามน่าสนใจทั้งการตกแต่งด้วยภาพขนำดต่าง ๆการสร้างโลโก้ประกอบเว็บไซต์การสร้างตัวอักษรซึ่งการทำงานเหล่านี้จาเป็นที่จะต้องใช้โปรแกรม Photoshop ช่วยในการออกแบบ3. งานแก้ไขซ่อมแซมภาพภาพต้นฉบับที่เราได้มาในบางครั้งมีข้อบกพร่องหลำยๆ อย่าง เป็นต้นว่า ภาพมืดเกินไปภาพมีรอยขรุขระหรือมี Noise, ภาพเบลอเกินไปเป็นต้น การที่เราจะนะภาพที่มีข้อบกพร่องเหล่านี้มาใช้งานจาเป็นต้องทำการแก้ไขและซ่อมแซมภาพดังกล่าวก่อนเพื่อให้ภาพที่มีความสมบูรณ์เหมาะสมกับงาน4. งานตัดต่อดัดแปลงภาพหรือสร้างสรรค์งานกราฟิกสมัยใหม่งานกราฟิกปัจจุบันผสานเข้ากับการใช้ชีวิตประจาวันจนเป็นเรื่องที่ไม่ไกลตัวไม่ว่าจะเป็นถุงใส่ของปกซีดีปฏิทินตั้งโต๊ะหน้าจอคอมพิวเตอร์เว็บไซต์หนังสือปกวารสารนิตยสารการ์ดป้ายประชาสัมพันธ์เครื่องหมายสัญลักษณ์งานเหล่านี้ก็เกิดจากการใช้งานโปรแกรมช่วยในการออกแบบนำภาพมาสร้างสรรค์งานกราฟิกที่สวยงามมีประโยชน์ใช้สอยที่ดีตลอดจนมีแนวคิดในการออกแบบที่ดีความต้องการของ Photoshop cs6 โปรแกรม Adobe Photoshop CS6 มีการพัฒนาคำสั่งและเครื่องมือต่าง ๆ ขึ้นอย่างมากมายจึงเป็นโปรแกรมที่ต้องการทรัพยากรเครื่องค่อนข้างสูง และเพื่อให้การสร้างงานกราฟิกมีประสิทธิภาพและเป็นไปด้วยความสะดวก จึงควรทำการตรวจสอบเครื่องคอมพิวเตอร์ที่ใช้งานอยู่ ว่ามีทรัพยากรเพียงพอหรือไม่ก่อนที่จะทำการติดตั้งโปรแกรม โดยคุณสมบัติของเครื่องคอมพิวเตอร์ที่เหมาะสมในการติดตั้งโปรแกรม Adobe Photoshop CS6 มีรายละเอียดดังนี้
96➢ 1.1 ระบบปฏิบัติการ Microsoft Windows XP (Service Pack 3) หรือระบบปฏิบัติการWindows 7 (Service Pack 1) หรือระบบปฏิบัติการ Windows 8➢ 1.2 หน่วยประมวลผลกลำง (CPU) เป็นของ Intel® Pentium® 4 หรือ AMD Athlon® 64 processor ขึ้นไป➢ 1.3 หน่วยความจา (RAM) ขนำด 1 GB ขึ้นไป➢ 1.4 พื้นที่จัดเก็บข้อมูล (Hard disk) ขนำด 1 GB ของพื้นที่ว่างบนฮาร์ดดิสก์ที่ใช้ได้สาหรับการติดตั้ง➢ 1.5 จอแสดงผลมีความละเอียดไม่น้อยกว่า 1024 x 768 พิกเซล แสดงผลแบบ 16 บิตและมีหน่วยความจาไม่น้อยกว่า 256 MB➢ 1.6 ไดร์ฟ DVD-ROMการเข้าสู่โปรแกรม Photoshop CS61. > ไปที่ ปุ่ม start2. > All program3. > โฟลเดอร์ Adobe master collection cs64. > Adobe Photoshop CS 6 หมายเหตุ Adobe Photoshop CS 6 จะมีทั้ง 36 bit และ 64 bit คือ Adobe Photoshop CS 6จะเป็น 32 bit ส่วน AdobePhotoshopCS6 (64bit) จะเป็น 64 bit การเลือกใช้ผมแนะนำถ้าเครื่อง 32 bit ให้ใช้ Adobe Photoshop CS 6 และถ้าเครื่อง 64 bit ให้ใช้ Adobe Photoshop CS 6 (64 bit)
97หากเป็นเวอร์ชั่นอื่น Function แต่ล่ะตัวอาจจะไม่ได้อยู่ที่เดียวกันหน้าจอแรกของโปรแกรมPhotoshopเมื่อเราเข้าโปรแกรมมาแล้วจะเจอหน้าต่างการทำงานของโปรแกรม Photoshop cs6 ซึ่งจะประกอบไปด้วย Menu bar option bar Toolbar Palette ต่างๆในการใช้งานแต่องค์ประกอบก็จะแตกต่างกันไปการสร้างและกำหนดขนำดไฟล์งานใหม่ในกรณีที่เราต้องการสร้างไฟล์งานใหม่ ให้คลิกเมนู File -> New และให้ผู้ใช้กำหนดขนำดของไฟล์งานใหม่โดยระบุชื่อไฟล์งาน ในช่อง Name ขนำดความสูงความกว้างของพื้นที่ทำงาน ในส่วน ImageSize ตามความต้องการ กำหนดลักษณะพื้นหลังในส่วน Contents โดย White (สีขาว), BackgroundColor (สีที่เรากำหนด) , Transparent (สีพื้นแบบ - โปร่งใส,ไม่แสดงสีพื้นโล่ง)การเปิดไฟล์ใหม่ขึ้นมาทำงาน1. Click ที่เมนูFile 2. เลือกคาสั่ง New หรือกด Ctrl + N 3. จะปรากฏหน้าต่าง New
98Name ตั้งชื่อให้กับงานPreset ช่องสาหรับเลือกพื้นที่ ที่โปรแกรมกำหนดมาให้Width ความกว้าง ซึ่งมีหน่วยต่าง ๆ เช่น Pixel ,เซนติเมตร ,นิ้วHeight ความสูง ซึ่งมีหน่วยต่าง ๆ เช่น Pixel , เซนติเมตร ,นิ้วResolution ค่าความละเอียด ( ซึ่งความละเอียดบนหน้าจอ = 72)color mode เลือกชนิดของระบบสีการเปิดไฟล์ภาพเมื่อเรามีรูปภาพ เช่น ภาพถ่ายซึ่งต้องการนำมาปรับแต่งเพิ่มเติมเราจะต้องทำการเปิดไฟล์รูปภาพนั้นขึ้นมา จากนั้นค่อยกำหนดรูปแบบการปรับแต่งตามความต้องการการเปิดไฟล์รูปภาพทำได้โดยคลิกที่เมนูFile>Open จะปรากฏวินโดว์Open จากคลิกเลือกชื่อไฟล์รูปภาพที่ต้องการเมื่อได้ภาพที่ต้องการแล้วให้คลิกที่ปุ่ม Open ถ้าต้องการยกเลิกให้คลิกที่ปุ่ม Cancel- การเปิด File jpegต่างๆการเปิดไฟล์ใหม่ขึ้นมาทำงาน1. Click ที่เมนู File2. เลือกคาสั่ง Open หรือกด Ctrl +O3 จะปรากฏหน้าต่างเพื่อหาไฟล์ขึ้น
99ภาพแสดงการค้นหาและเลือกไฟล์ที่ต้องการเปิด4. จะได้ไฟล์ภาพที่เราต้องการการย่อ-ขยายภาพ1. เราต้องการแก้ไขขนำดรูปภาพที่เราได้เปิดขึ้นมาให้ตรงกับความต้องการให้คลิกที่เมนู Image->Image Size จะปรากฏวินโดว์ Image Size จากนั้นให้กำหนดขนำดของรูปภาพเปิดภาพที่เราต้องการจะย่อหรือขยาย ขนำด ด้วยโปรแกรม Photoshop CS6
1002. ไปที่เมนู Image => Image Size หรือกดปุ่ม Alt + Ctrl = I 3. จากรูปจะได้ค่าดังนี้- Pixel Dimensions จะมีขนำดอยู่ 306.8k ที่ขนำดกว้างยาว 283x370pixel- Document Size จะอยู่ที่ 9.99x13.04cm (เราสามารถปรับเปลี่ยนหน่วยเป็นนิ้ว,%,mmหรืออย่างอื่นก็ได้)- Resolution โดยทั่วไปถ้าเป็นรูปที่ใช้ตาม web social ต่างๆ เรามักจะใช้แค่ 72 ppi (pixelperinch) แต่ถ้าเป็นตามขนำดงานพิมพ์แล้วแค่ตรงนี้ควรจะสูงๆไว้ก่อนเพื่อความละเอียดของงาน- ควรจะเลือก Constrain Proportions ไว้ทุกครั้งเพื่อที่จะคงอัตราส่วนกว้าง-ยาวเอาไว้ คราวนี้ เราจะเพิ่มหรือขนำดรูป ก็สามารถทำได้เลยโดยการปรับแก้ที่ช่องตามที่ได้อธิบายด้านบน ตามวัตถุประสงค์ของ เราแก้เสร็จก็เซฟงานได้เลย
1014. ในการเซฟไฟล์ โปรแกรม Photoshop CS 6 จะถามเราอีกครั้ง ในเรื่องของคุณภาพไฟล์ว่าจะเอาขนำดไหน(ตามรูป) ใน ตัวอย่างจะเลือกแค่ 8 ก็พอเพียงพอแล้ว โดยค่ายิ่งมากขนำดไฟล์ก็จะใหญ่ขึ้นตาการบันทึกงานบันทึกไฟล์ Photoshop(.PSD)การแก้ไขไฟล์ภาพโดยการสร้างกราฟิก เพิ่มการตัดต่อหรือเปลี่ยนแปลงลักษณะของไฟล์ภาพที่มีผลกับโครงสร้างเดิมของภาพเมื่อเลือกคำสั่ง File > Save จะแสดงไดอะล็อกบ็อกซ์ Save As ขึ้นมาโดยจะเลือกรูปแบบของไฟล์เป็น Photoshop (*.PSD, *.PDD) เป็นค่าพื้นฐานดังนี้คุณสมบัติของไฟล์ PSD จะเก็บรายละเอียดการทำงานต่าง ๆ เช่น เลเยอร์, ฟอนต์และเส้นพาธ ไว้ได้อย่าง ครบถ้วนช่วยให้การนำไฟล์ภาพกลับมาแก้ไขทำได้ง่ายในขณะที่ไฟล์ประเภทอื่นจะเก็บข้อมูลเหล่านี้ไม่ได้หรือได้เพียงบางส่วน
102บันทึกไฟล์ทับของเดิมการเปิดไฟล์ภาพมาตกแต่งสี,แสงเงาหรือกำหนดค่าเอฟเฟ็กต์ให้กับภาพแต่ไม่ได้ใช้คำสั่งเกี่ยวกับการสร้างเลเยอร์(เลเยอร์คือชั้นที่จัดวางรูปภาพ)หรือสร้างกราฟิกอื่นๆเพิ่มเติมในภาพเมื่อเลือกคำสั่ง File>Saveโปรแกรมจะให้บันทึกทับชื่อไฟล์เดิมรูปแบบเดิม(จะไม่มีไดอะล็อกบ๊อกซ์SaveAs เปิดขึ้นมาหากไม่ต้องการให้ทับไฟล์เดิมต้องคลิก เลือกคาสั่ง File>SaveAs )บันทึกเป็นไฟล์รูปแบบอื่นๆนอกจากการบันทึกเป็นไฟล์ .psd และบันทึกลงในรูปแบบของไฟล์ต้นฉบันเดิม แล้วยังบันทึกไฟล์ภาพเก็บไว้ในรูปแบบอื่น ๆ ได้ตามต้องการ โดยคลิกเลือกคำสั่ง File > Save As แล้วเลือกรูปแบบของไฟล์ในช่อง Format ซึ่งจะมีรูปแบบไฟล์ให้เลือกหลำยแบบดังภาพการเลิกใช้งานโปรแกรมเมื่อเราต้องการเลิกใช้งานโปรแกรม Adobe Photoshop ดาเนินการดังนี้- คลิกเลือกคำสั่ง File --> Exit หรือคลิกเมาส์ที่เครื่องหมาย- จากนั้นโปรแกรมจะปิดโดยอัตโนมัติ
103เทคนิคการสร้างแบนเนอร์ดิจิทัลใน Photoshopประกอบด้วยการวางแผนองค์ประกอบต่างๆ เช่น เลือกขนำดภาพที่เหมาะสม และ กำหนดจุดโฟกัส จากนั้นจึงนำมาสร้างสรรค์โดยใช้เทคนิคต่างๆ เช่น การตกแต่งรูปภาพ การเลือกใช้สีและฟอนต์ และ การปรับแต่งข้อความให้โดดเด่น พร้อมทั้งจัดวางองค์ประกอบอย่างลงตัว 1. การวางแผนและเตรียมงานกำหนดขนำดที่เหมาะสม: ใช้ File > New เพื่อสร้างเอกสารใหม่ พร้อมทั้งกำหนดขนำดความกว้างและความสูงให้ตรงตามความต้องการของแบนเนอร์ที่จะนำไปใช้งาน เช่น แบนเนอร์สาหรับเว็บไซต์ หรือโซเชียลมีเดียวางแผนจุดโฟกัส: กำหนดว่าส่วนใดของแบนเนอร์ที่จะเป็นจุดสนใจหลัก เพื่อให้ผู้ใช้เห็นข้อความหรือภาพที่สำคัญได้อย่างรวดเร็ว 2. เทคนิคการสร้างสรรค์และการตกแต่งตกแต่งและปรับแต่งรูปภาพ: ใช้เครื่องมือต่างๆ ใน Photoshop เพื่อแก้ไขรูปภาพให้สวยงาม เช่น การปรับสี, การปรับแสง, การตัดภาพ หรือการซ้อนภาพ จัดวางองค์ประกอบ: ใช้ Layer เพื่อจัดการองค์ประกอบต่างๆ แยกจากกัน เช่น ข้อความ, รูปภาพ, และไอคอน ทำให้สามารถเคลื่อนย้ายและปรับเปลี่ยนแต่ละส่วนได้อย่างอิสระ สร้างสรรค์ข้อความ:เลือกใช้ฟอนต์ที่อ่านง่ายและเข้ากับสไตล์ของแบนเนอร์ปรับแต่งสี, ขนำด, และสไตล์ของข้อความให้โดดเด่นใช้เครื่องมือ Warp เพื่อบิดโค้งข้อความให้เข้ากับพื้นผิว หรือสร้างเอฟเฟกต์พิเศษใช้สีอย่างมีกลยุทธ์: เลือกใช้ชุดสีที่เหมาะสมเพื่อสร้างบรรยากาศที่ต้องการ และทำให้องค์ประกอบต่างๆ ดึงดูดสายตา 3. การประเมินผลและส่งออกตรวจสอบการจัดวาง: จัดวางองค์ประกอบต่างๆ ให้สมดุล และดูสบายตาสร้างความสนุกสนำน: ใส่ลูกเล่น หรือองค์ประกอบที่น่าสนใจ เพื่อดึงดูดความสนใจของผู้ชมส่งออกไฟล์: เมื่อสร้างแบนเนอร์เสร็จแล้ว ให้เลือก File > Save As เพื่อบันทึกเป็นไฟล์ที่เหมาะสม เช่น JPG หรือ PN
104การผลิตสื่อดิจิทัลแบนเนอร์ด้วยโปรแกรม Adobe Photoshop สามารถทำตามขั้นตอนและเทคนิคต่างๆ เพื่อให้ได้งานที่มีคุณภาพและดึงดูดความสนใจได้ นี่คือขั้นตอนและเทคนิคที่สำคัญ: ขั้นตอนการผลิตสื่อดิจิทัลแบนเนอร์ด้วย Photoshopการตั้งค่าขนำดและโหมดสีของเอกสาร (Setting up the Document)ขนำด (Dimensions): กำหนดขนำดแบนเนอร์ให้เหมาะสมกับแพลตฟอร์มที่จะใช้งาน เช่น สาหรับเว็บไซต์, โซเชียลมีเดีย (Facebook, Instagram), หรือโฆษณา (Google Ads) แต่ละแพลตฟอร์มมีขนำดที่แนะนำแตกต่างกันความละเอียด (Resolution): สาหรับสื่อดิจิทัล ความละเอียดที่เหมาะสมคือ 72 พิกเซลต่อนิ้ว (PPI) เพื่อให้ไฟล์มีขนำดเล็กและโหลดได้รวดเร็วโหมดสี (Color Mode): ใช้โหมดสี RGB (Red, Green, Blue) เนื่องจากเป็นมาตรฐานสาหรับการแสดงผลบนหน้าจอและสื่อดิจิทัลการจัดวางโครงสร้างและองค์ประกอบ (Layout and Composition)สร้าง Storyboard: วางแผนโครงร่างของแบนเนอร์ก่อนเริ่มทำในโปรแกรม เพื่อให้เห็นภาพรวมและจัดลำดับความสำคัญของเนื้อหาจุดโฟกัส (Focal Point): กำหนดจุดที่ต้องการให้ผู้ชมมองเห็นเป็นอันดับแรก อาจเป็นรูปภาพสินค้า ข้อความโปรโมชั่น หรือปุ่ม Call-to-Action (CTA)การใช้ Grid system: ใช้เส้นไกด์ (Guides) หรือ Grid layout เพื่อช่วยในการจัดวางองค์ประกอบให้เป็นระเบียบและสมดุลการออกแบบด้วยเครื่องมือต่างๆ ใน Photoshopการจัดการเลเยอร์ (Layer Management): จัดระเบียบเลเยอร์โดยการตั้งชื่อและจัดกลุ่ม (Group) เพื่อให้ง่ายต่อการแก้ไขในภายหลังการปรับแต่งรูปภาพ (Image Editing): ใช้เครื่องมือปรับแสง สี ตัดต่อ หรือลบพื้นหลังรูปภาพให้ดูน่าสนใจและเข้ากับธีมของแบนเนอร์การใช้สี (Color Scheme): เลือกใช้สีที่เหมาะสมกับแบรนด์หรือเนื้อหา โดยอาจใช้สีที่ตัดกันเพื่อสร้างความโดดเด่นและดึงดูดสายตาการเลือกฟอนต์ (Typography): เลือกใช้ฟอนต์ที่อ่านง่ายและสื่อถึงอารมณ์หรือสไตล์ที่ต้องการ โดยจากัดจานวนฟอนต์ไม่ให้มากเกินไป (ประมาณ 1-2 แบบ)การเพิ่มข้อความและ Call-to-Action (CTA): ข้อความควรสั้นกระชับได้ใจความ และมีปุ่มหรือข้อความเชิญชวนให้ดาเนินการ (เช่น \"ซื้อเลย\", \"ดูรายละเอียดเพิ่มเติม\")การสร้างแอนิเมชัน (ถ้ามี) (Animation)หากต้องการให้แบนเนอร์เคลื่อนไหว สามารถใช้คุณสมบัติ Timeline หรือ Frame Animation ใน Photoshop เพื่อสร้างการเคลื่อนไหวแบบง่ายๆ ได้การส่งออกไฟล์ (Exporting)
105บันทึกไฟล์ในรูปแบบที่เหมาะสมสาหรับการใช้งานบนเว็บ เช่น JPG, PNG (สาหรับภาพนิ่ง) หรือ GIF (สาหรับภาพเคลื่อนไหว) โดยควรปรับขนำดไฟล์ให้เหมาะสมเพื่อการโหลดที่รวดเร็ว เทคนิคเพิ่มเติมเพื่อแบนเนอร์ที่ดึงดูดใจความเรียบง่าย (Simplicity): บางครั้งการออกแบบที่เรียบง่ายแต่มีข้อความที่โดดเด่นก็สามารถดึงดูดความสนใจได้ดีกว่าการใส่รายละเอียดเยอะๆใช้รูปภาพที่สร้างสรรค์: หลีกเลี่ยงรูปภาพสต็อกทั่วไป ลองใช้รูปภาพที่แปลกใหม่หรือสื่อถึงอารมณ์ จะช่วยให้แบนเนอร์ของคุณน่าจดจำยิ่งขึ้นสร้างความสนุกสนำน: หากเหมาะสมกับแบรนด์ การใส่ลูกเล่นหรือทำให้แบนเนอร์ดูสนุก จะช่วยเพิ่มการมีส่วนร่วมได้ทดสอบและปรับปรุง: หลังจากออกแบบเสร็จแล้ว ควรทดสอบประสิทธิภาพของแบนเนอร์ (เช่น อัตราการคลิก) และนำข้อมูลมาปรับปรุงการออกแบบในอนำคต การผสมผสานเทคนิคการออกแบบเข้ากับความเชี่ยวชาญในการใช้เครื่องมือใน Photoshop จะช่วยให้คุณสร้างสรรค์แบนเนอร์ดิจิทัลที่มีประสิทธิภาพและบรรลุวัตถุประสงค์ทางการตลำดได้
106รายวิชาโปรแกรมกราฟิกสาหรับผลิตสื่อดิจิทัล รหัสวิชา 31910-2016แบบทดสอบหน่วยที่ 6 การผลิตสื่อดิจิทัลแบนเนอร์ด้วยโปรแกรม Adobe Photoshopคำชี้แจง ให้นักเรียนเลือกคำตอบที่ถูกต้องที่สุดเพียงข้อเดียว จานวน 20 ข้อ 20 คะแนน1. โปรแกรม Adobe Photoshop มีหน้าที่หลักคืออะไรก. สร้างตารางคำนวณ ข. ตัดต่อวิดีโอค. ออกแบบและตกแต่งภาพ ง. พิมพ์เอกสาร2. สื่อดิจิทัลแบนเนอร์คืออะไรก. ป้ายประกาศในรูปแบบกระดาษ ข. ภาพกราฟิกสาหรับโฆษณาหรือประชาสัมพันธ์ทางดิจิทัลค. ป้ายชื่อร้านค้าที่ทำจากไม้ ง. ภาพถ่ายจากกล้องถ่ายรูป3. ขนำดของแบนเนอร์ที่นิยมใช้ในเว็บไซต์ทั่วไปคือข้อใดก. 100x100 px ข. 200x400 pxค. 728x90 px ง. 640x480 px4. การสร้างไฟล์ใหม่ใน Photoshop ใช้คำสั่งใดก. File → New ข. Edit → Newค. Image → New ง. View → New5. เครื่องมือที่ใช้เลือกพื้นที่บางส่วนของภาพคือเครื่องมือใดก. Move Tool ข. Marquee Toolค. Brush Tool ง. Crop Tool6. การปรับขนำดของภาพใช้คำสั่งใดในเมนูก. Image → Size ข. Layer → Resizeค. Edit → Scale ง. File → adjust7. การบันทึกไฟล์เพื่อใช้บนเว็บไซต์ควรใช้สกุลใดก. .DOCX ข. .JPG หรือ .PNGค. .PSD ง. .MP48. การจัดองค์ประกอบของแบนเนอร์ควรคำนึงถึงข้อใดมากที่สุดก. จานวนข้อความ ข. ความสวยงามและดึงดูดสายตาค. การใช้สีสดที่สุด ง. การใช้ฟอนต์หลำยแบบ9. เครื่องมือที่ใช้ย้ายวัตถุในหน้าแบนเนอร์คือก. Eraser Tool ข. Brush Toolค. Move Tool ง. Zoom Tool10. หากต้องการตัดเฉพาะบางส่วนของภาพออก ใช้เครื่องมือใดก. Crop Tool ข. ขrush Toolค. Paint Bucket Tool ง. Gradient Tool
10711. การออกแบบแบนเนอร์ให้สื่อความหมายชัดเจน ควรมีองค์ประกอบใดบ้างก. ข้อความ, รูปภาพ, โลโก้ ข. ตาราง, กราฟ, สีค. เส้น, เงา, การตัดต่อ ง. ฟิลเตอร์, เอฟเฟกต์, วิดีโอ12. หากต้องการใส่ข้อความในแบนเนอร์ควรใช้เครื่องมือใดก. Type Tool ข. Shกpe Toolค. Pen Tool ง. Erกser Tool13. คำสั่ง Save as ใช้เพื่ออะไรก. ปิดไฟล์ ข. เปิดไฟล์เก่าค. บันทึกไฟล์ใหม่โดยตั้งชื่อใหม่ ง. พิมพ์ภาพ14. รูปแบบไฟล์ใดที่สามารถเก็บเลเยอร์ได้ก. .JPG ข. .PNGค. .PSD ง. .GIF15. การใช้สีที่เหมาะสมในแบนเนอร์ควรพิจารณาจากอะไรก. ความชอบส่วนตัว ข. ความหมายของสีและกลุ่มเป้าหมายค. ความสว่างของหน้าจอ ง. จานวนภาพในงาน16. หากต้องการจัดข้อความให้อยู่ตรงกลำงในแบนเนอร์ ใช้เครื่องมือใดช่วยได้ก. Move Tool + align Center ข. Brush Tool + Eraseค. Crop Tool + Fill ง. Clone Tool + Path17. ฟังก์ชัน “Layer” ใน Photoshop มีประโยชน์อย่างไรก. ทำให้ภาพเบลอ ข. จัดเก็บองค์ประกอบแต่ละส่วนแยกกันค. เพิ่มความคมชัดให้ภาพ ง. เปลี่ยนขนำดภาพ18. เครื่องมือใดใช้ในการระบายสีก. ขrush Tool ข. Zoom Toolค. Move Tool ง. Text Tool19. หากต้องการดูภาพแบบเต็มหน้าจอควรใช้ปุ่มใดก. Tab ข. Fค. Ctrl+T ง. Shift+F20. ขั้นตอนสุดท้ายก่อนส่งงานแบนเนอร์ให้ลูกค้าคืออะไรก. ตรวจสอบขนำดและความคมชัดของภาพ ข. ปรับแสงให้สว่างขึ้นทุกภาพค. ใส่เอฟเฟกต์เพิ่มเติมเสมอ ง. เปลี่ยนฟอนต์ให้ดูแปลกใหม่
108ใบงาน หน่วยที่ 6 การผลิตสื่อดิจิทัลแบนเนอร์ด้วยโปรแกรม Adobe Photoshopให้นักเรียนตอบคำถามให้ถูกต้องข้อที่ 1. อธิบายความหมายของ “สื่อดิจิทัลแบนเนอร์”คำตอบ:สื่อดิจิทัลแบนเนอร์ คือ ภาพกราฟิกที่ออกแบบเพื่อใช้ในการโฆษณา ประชาสัมพันธ์ หรือแจ้งข่าวสารบนสื่อออนไลน์ เช่น เว็บไซต์ เฟซบุ๊ก หรือไลน์ โดยมีข้อความ ภาพ และโลโก้ประกอบเพื่อสื่อสารอย่างชัดเจนและดึงดูดความสนใจข้อที่ 2. ขั้นตอนการสร้างแบนเนอร์ในโปรแกรม Adobe Photoshop มีอะไรบ้างคำตอบ:เปิดโปรแกรมและสร้างไฟล์ใหม่ (File → New)กำหนดขนำดของแบนเนอร์ (เช่น 1200x628 px หรือ 728x90 px)วางองค์ประกอบ เช่น พื้นหลัง โลโก้ ข้อความ และภาพประกอบปรับสี แสง และจัดองค์ประกอบให้เหมาะสมบันทึกไฟล์เป็น .JPG หรือ .PNG เพื่อใช้งานข้อที่ 3. องค์ประกอบสำคัญของแบนเนอร์ที่ดีมีอะไรบ้างคำตอบ:ข้อความชัดเจน กระชับ เข้าใจง่ายภาพประกอบสื่อความหมายสีและฟอนต์เหมาะกับกลุ่มเป้าหมายมีโลโก้หรือสัญลักษณ์ขององค์กรการจัดวางองค์ประกอบสมดุลและดึงดูดสายตาข้อที่ 4. ถ้านักเรียนต้องการใส่ข้อความลงในแบนเนอร์ ควรใช้เครื่องมือใด และมีหลักการเลือกฟอนต์อย่างไรคำตอบ:เครื่องมือที่ใช้: Type Tool (T)หลักการเลือกฟอนต์: ควรเลือกฟอนต์ที่อ่านง่าย เหมาะกับอารมณ์ของสื่อ เช่น ฟอนต์เรียบหรูสาหรับงานทางการ หรือฟอนต์สนุกสนำนสาหรับสื่อวัยรุ่น ไม่ควรใช้หลำยฟอนต์เกินไปในหนึ่งงานข้อที่ 5. เมื่อนักเรียนออกแบบแบนเนอร์เสร็จแล้ว ต้องบันทึกไฟล์อย่างไรให้เหมาะกับการใช้งานบนเว็บไซต์คำตอบ:ใช้คำสั่ง File → Export → Save for Web (Legacy)แล้วบันทึกเป็นไฟล์สกุล .JPG หรือ .PNG เพื่อให้ขนำดไฟล์ไม่ใหญ่เกินไปและคงความคมชัดของภาพ
109ใบงานภาคปฏิบัติ หน่วยที่ 6 การผลิตสื่อดิจิทัลแบนเนอร์ด้วยโปรแกรม Adobe Photoshopคำชี้แจง ให้นักเรียนออกแบบและผลิต แบนเนอร์ประชาสัมพันธ์สื่อดิจิทัล 1 ชิ้น โดยใช้โปรแกรม Adobe Photoshop ตามขั้นตอนต่อไปนี้ ขั้นตอนการปฏิบัติขั้นตอนที่ 1 : ศึกษาและวางแผนการออกแบบ- กำหนดหัวข้อหรือเนื้อหาของแบนเนอร์ เช่น การประชาสัมพันธ์งานกิจกรรมการส่งเสริมผลิตภัณฑ์ การประกาศข่าวสาร ร่างแบบโครงสร้างแบนเนอร์ (Sketch Layout)ขั้นตอนที่ 2 : สร้างไฟล์งานใหม่ใน Photoshop- เปิดโปรแกรม → เลือกเมนูFile → New- กำหนดขนำดภาพ เช่น 1200 x 628 px (Resolution 72 dpi)- ตั้งชื่อไฟล์ตามชื่อหัวข้อ เช่น banner_event.psdขั้นตอนที่ 3 : ออกแบบและจัดองค์ประกอบ- ใส่ภาพพื้นหลัง (Background)- เพิ่มโลโก้หรือสัญลักษณ์องค์กร- ใส่ข้อความหลัก (Headline) และข้อความรอง (Subtext)- ใช้เครื่องมือจัดองค์ประกอบ เช่น Move Tool, Type Tool, Shape Tool- ปรับสี ฟิลเตอร์ และแสงให้เหมาะสมขั้นตอนที่ 4 : ตรวจสอบและปรับแต่งงาน- ตรวจความถูกต้องของข้อความ- ตรวจความคมชัดและความสมดุลขององค์ประกอบ- จัดตำแหน่งให้อ่านง่ายและสบายตาขั้นตอนที่ 5 : บันทึกและส่งงาน- บันทึกไฟล์ต้นฉบับเป็น .PSD- ส่งไฟล์แสดงผลเป็น .JPG หรือ .PNG- ตั้งชื่อไฟล์เป็น ชื่อ-สกุล_banner.jpg ผลงานของนักเรียนแนบภาพแบนเนอร์ที่ออกแบบไว้ด้านล่าง หรือแนบไฟล์ในระบบส่งงานออนไลน์ พื้นที่แนบผลงาน (Print/Insert):.......................................................................................................................................................................................................................................................................................................................................................................................
110แผนการจัดการเรียนรู้ หน่วยที่ 7รหัสวิชา 31910-2016 ชื่อวิชา โปรแกรมกราฟิกสาหรับผลิตสื่อดิจิทัล สอนครั้งที่ 13 - 15ชื่อหน่วยการเรียนรู้การผลิตสื่อดิจิทัลป้ายโฆษณาด้วยโปรแกรม Adobe Photoshopทฤษฎี 6 ชม. ปฏิบัติ 6 ชม.ชื่อเรื่อง/งาน การผลิตสื่อดิจิทัลป้ายโฆษณาด้วยโปรแกรม Adobe Photoshop1. ผลลัพธ์การเรียนรู้ระดับหน่วยการเรียนนักเรียนสามารถ ออกแบบและผลิตสื่อดิจิทัลป้ายโฆษณา ด้วยโปรแกรม Adobe Photoshop ได้อย่างถูกต้องและสร้างสรรค์ โดยสามารถเลือกใช้เครื่องมือในการออกแบบ จัดองค์ประกอบภาพ ข้อความ และสีให้เหมาะสมกับวัตถุประสงค์ของการสื่อสาร พร้อมทั้งบันทึกและนำเสนอผลงานในรูปแบบดิจิทัลได้อย่างมีประสิทธิภาพ2. อ้างอิงมาตรฐาน/เชื่อมโยงกลุ่มอาชีพ2.1 มาตรฐานอาชีพ ผลิตสื่อ สมรรถนะย่อย ควบคุมการผลิตสื่อ ตรวจสอบสื่อก่อนการเผยแพร่1) เกณฑ์การปฏิบัติงาน (ก) ความต้องการด้านทักษะ1. ทักษะการตรวจเช็ค2. ทักษะการบันทึกผล3. ทักษะการตรวจสอบความถูกต้องของเนื้อหาและภาษา4. ทักษะการตรวจสอบสื่อให้อยู่ในระยะเวลาที่กำหนด(ข) ความต้องการด้านความรู้1. มีความรู้เกี่ยวกับกระบวนการผลิตอย่างถูกต้อง2. มีความรู้เกี่ยวกับการรายงานผลการตรวจสอบและผลการผลิต3.ความรู้เกี่ยวกับการตรวจสอบสื่อให้ได้คุณภาพ4. ความรู้เกี่ยวกับการตรวจสอบองค์ประกอบโดยรวมของสื่อได้ (โทนสี เสียง ภาพ ขนำดตัวหนังสือ)2) วิธีการประเมิน 2.1 แบบทดสอบปรนัย ชนิด 4 ตัวเลือก 2.2 แบบทดสอบภาคปฏิบัติ 3) หลักฐานการปฏิบัติงาน (Performance Evidence)4) หลักฐานความรู้ (Knowledge Evidence)2.2 บูรณาการกลุ่มอาชีพ นักสร้างสื่อประชาสัมพันธ์ ระดับ 53. สมรรถนะประจาหน่วย
1113.1 มีทักษะในการใช้โปรแกรม Adobe Photoshop ในการออกแบบและสร้างสื่อดิจิทัลประเภทป้ายโฆษณาได้อย่างถูกต้องตามขั้นตอน3.2 มีทักษะเลือกใช้เครื่องมือและเทคนิคการออกแบบ ได้เหมาะสมกับลักษณะของสื่อและกลุ่มเป้าหมาย 3.3 มีทักษะในการจัดองค์ประกอบภาพ ข้อความ สี และรูปแบบการนำเสนอ ให้สอดคล้องกับหลักการออกแบบสื่อดิจิทัล3.4 มีทักษะการผลิตและบันทึกผลงานในรูปแบบไฟล์ดิจิทัล ที่เหมาะสมสาหรับการเผยแพร่ผ่านสื่อออนไลน์หรือสื่อประชาสัมพันธ์อื่น ๆ3.5 แสดงความคิดสร้างสรรค์ ความรับผิดชอบ และความตั้งใจในการทำงานร่วมกัน เพื่อให้ได้ผลงานที่มีคุณภาพและตรงตามวัตถุประสงค์ของการสื่อสาร4. จุดประสงค์เชิงพฤติกรรม 4.1 ด้านความรู้1. อธิบายความหมายและประโยชน์ของสื่อดิจิทัลป้ายโฆษณาได้ถูกต้อง2. อธิบายหลักการออกแบบสื่อดิจิทัล เช่น องค์ประกอบภาพ สี ฟอนต์ และการจัดวางได้3. ระบุขั้นตอนการสร้างป้ายโฆษณาในโปรแกรม Adobe Photoshop ได้อย่างถูกต้อง4. เลือกขนำดและรูปแบบไฟล์ที่เหมาะสมกับการเผยแพร่ได้4.2 ด้านทักษะ1. ใช้เครื่องมือในโปรแกรม Adobe Photoshop สร้างป้ายโฆษณาได้ถูกต้องตามกระบวนการ2. จัดองค์ประกอบภาพ ข้อความ และสีให้สอดคล้องกับวัตถุประสงค์ของการสื่อสาร3. ปรับแต่งภาพและจัดรูปแบบงานให้เหมาะสมสาหรับสื่อออนไลน์4. บันทึกและส่งผลงานในรูปแบบดิจิทัลได้อย่างมีประสิทธิภาพ4.3 ด้านคุณสมบัติอันพึงประสงค์1. มีความคิดสร้างสรรค์ในการออกแบบสื่อ2. มีความรับผิดชอบต่อผลงานและส่งงานตรงเวลา3. มีความตั้งใจ อดทน และทำงานอย่างประณีต4. สามารถทำงานร่วมกับผู้อื่นได้อย่างมีมารยาทและมีจิตสาธารณะ5. สาระการเรียนรู้5.1 ความหมายและความสำคัญของสื่อดิจิทัลป้ายโฆษณา5.2 หลักการออกแบบสื่อดิจิทัลป้ายโฆษณา5.3 การใช้โปรแกรม Adobe Photoshop เพื่อผลิตป้ายโฆษณา5.4 การปรับแต่งและตกแต่งภาพในงานโฆษณา
1125.5 การบันทึกไฟล์สาหรับเผยแพร่ (.JPG, .PNG, .GIF)6. กิจกรรมการเรียนรู้ 6.1 ขั้นตอนการนำเข้าสู่บทเรียนสิ่งที่ครูปฏิบัติ สิ่งที่ผู้เรียนปฏิบัติ เอกสาร/สื่อ/แหล่งเรียนรู้ที่ใช้- ครูทักทำยนักเรียน ทำความรู้จัก บอกจุดประสงค์ของบทเรียน อธิบายเกี่ยวกับเนื้อหา การวางแผนการเรียนโครงสร้างเนื้อหาบทเรียน กิจกรรม งาน ภารกิจ- รับฟังข้อมูล - แผนการจัดการเรียนรู้- สนทนำกับนักเรียนเกี่ยวกับการผลิตสื่อดิจิทัลป้ายโฆษณาด้วยโปรแกรม Adobe Photoshop- นักเรียนช่วยกันบอกถึงการผลิตสื่อดิจิทัลป้ายโฆษณาด้วยโปรแกรม Adobe Photoshop- เอกสารบรรยาย, อินเตอร์เน็ต 6.2 ขั้นตอนการใช้ความรู้/การฝึก การปฏิบัติสิ่งที่ครูปฏิบัติ สิ่งที่ผู้เรียนปฏิบัติ เอกสาร/สื่อ/แหล่งเรียนรู้ที่ใช้1.กำหนดกฎระเบียบ - รับฟัง เอกสารประกอบการบรรยาย2.ให้คำแนะนำ คำอธิบายและผลป้อนกลับแก่นักเรียน- ซักถามโต้ตอบกับครูแลกเปลี่ยนเรียนรู้อย่างอิสระ3.ดูแลและให้คำปรึกษานักเรียน4. มอบหมายงาน - ทำแบบทดสอบ- ทำใบงานที่มอบหมาย- แบบทดสอบ- ใบงาน 6.3 ขั้นตอนการสรุปสิ่งที่ครูปฏิบัติ สิ่งที่ผู้เรียนปฏิบัติ เอกสาร/สื่อ/แหล่งเรียนรู้ที่ใช้1.ครูและนักเรียนร่วมกันสรุปการผลิตสื่อดิจิทัลป้ายโฆษณาด้วยโปรแกรม Adobe Photoshopฟังและซักถามข้อสงสัยต่างๆ 1.ผลจากการเรียนรู้2.ผลทดสอบความรู้3.ผลสาเร็จของใบงาน7. สื่อและแหล่งการเรียนรู้7.1 แผนการจัดการเรียนรู้7.2 ใบความรู้
1137.3 สื่อการเรียนการสอน เช่น Power Point วิดิโอ7.4 ห้องสมุด,อินเตอร์เน็ต8. หลักฐานการเรียนรู้8.1 หลักฐานความรู้ - แบบทดสอบ - ใบงาน8.2 หลักฐานการปฏิบัติงาน - ใบงานภาคปฏิบัติ9. การวัดและประเมินผล9.1 เกณฑ์การปฏิบัติงาน- ผู้เรียนต้องมีเวลาเรียนไม่น้อยกว่าร้อยละ 80 ของเวลาเรียนทั้งหมด- แบบทดสอบจานวน 20 ข้อ 20 คะแนน- ใบงานมีคะแนนเต็ม 10 คะแนน 9.2 วิธีการประเมิน - การสาธิตการปฏิบัติงาน - แฟ้มสะสมผลงาน9.3 เครื่องมือประเมิน - แบบทดสอบปรนัย ชนิด 4 ตัวเลือก - แบบทดสอบภาคปฏิบัติ10. บันทึกผลหลังการจัดการเรียนรู้10.1 ข้อสรุปหลักการจัดการเรียนรู้............................................................................................................................. ................................................................................................................................................................ ...................................10.2 ปัญหาที่พบ............................................................................................................................. ................................................................................................................................................................ ...................................10.3 แนวทางแก้ปัญหา............................................................................................................................. ................................................................................................................................................................ ...................................
114ใบความรู้หน่วยที่ 7 การผลิตสื่อดิจิทัลป้ายโฆษณาด้วยโปรแกรม Adobe Photoshop
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130รายวิชา โปรแกรมกราฟิกสาหรับผลิตสื่อดิจิทัล รหัสวิชา 31910-2016แบบทดสอบหน่วยที่ 7 การผลิตสื่อดิจิทัลป้ายโฆษณาด้วยโปรแกรม Adobe Photoshopคำชี้แจง ให้นักเรียนเลือกคำตอบที่ถูกต้องที่สุดเพียงข้อเดียว จานวน 20 ข้อ 20 คะแนน1. จุดประสงค์หลักของการสร้างป้ายโฆษณาดิจิทัลคือข้อใดก. เพื่อความสวยงามเท่านั้น ข. เพื่อประชาสัมพันธ์หรือโฆษณาข้อมูลสินค้าและบริการค. เพื่อทดสอบโปรแกรม Photoshop ง. เพื่อสร้างผลงานส่วนตัว2. ขนำดของป้ายโฆษณาที่นิยมใช้ในเว็บไซต์ทั่วไปคือข้อใดก. 300 × 250 พิกเซล ข. 1024 × 768 พิกเซลค. 1920 × 1080 พิกเซล ง. 600 × 800 พิกเซล3. องค์ประกอบใดสำคัญที่สุดในการออกแบบป้ายโฆษณาให้ดึงดูดความสนใจก. การใช้สีและภาพที่โดดเด่น ข. การใช้ข้อความยาวและละเอียดค. การใช้ภาพพื้นหลังมืดมาก ง. การใช้ตัวอักษรขนำดเล็ก4. เครื่องมือใดใช้ในการเคลื่อนย้ายวัตถุใน Photoshopก. Type Tool ข. Move Toolค. Shape Tool ง. Brush Tool5. ไฟล์ต้นฉบับของโปรแกรม Photoshop คือสกุลใดก. .JPG ข. .PNGค. .PSD ง. .GIF6. เครื่องมือ Type Tool ใช้สาหรับงานใดก. วาดภาพ ข. ลบพื้นหลังค. พิมพ์ข้อความ ง. ย้ายภาพ7. การใช้เลเยอร์ (Layer) มีประโยชน์อย่างไรก. ทำให้ภาพดูเบลอ ข. ช่วยจัดการองค์ประกอบแต่ละส่วนได้ง่ายค. ลดคุณภาพของภาพ ง. เปลี่ยนไฟล์อัตโนมัติ8. การเลือกใช้สีในงานป้ายโฆษณาควรคำนึงถึงข้อใดก. สีที่ชอบส่วนตัว ข. สีตามเทรนด์แฟชั่นค. ความเหมาะสมกับกลุ่มเป้าหมายและสินค้า ง. สีที่มีอยู่ในคอมพิวเตอร์9. คำว่า Composition หมายถึงอะไรในการออกแบบก. การตกแต่งตัวอักษร ข. การจัดองค์ประกอบภาพค. การตัดต่อภาพ ง. การวาดเส้นโครงร่าง10. การบันทึกไฟล์เพื่อนำไปใช้บนเว็บไซต์ ควรบันทึกเป็นไฟล์ใดก. .DOC ข. .PSDค. .PNG หรือ .JPG ง. .PDF
13111. การใช้ฟิลเตอร์ (Filter) ใน Photoshop มีวัตถุประสงค์เพื่ออะไรก. เพิ่มเอฟเฟกต์และความสวยงามให้ภาพ ข. ลดขนำดไฟล์ค. เพิ่มจานวนเลเยอร์ ง. เปลี่ยนชื่อไฟล์12. ข้อใดไม่ใช่ขั้นตอนในการผลิตป้ายโฆษณาก. การวิเคราะห์วัตถุประสงค์ ข. การออกแบบค. การจัดองค์ประกอบ ง. การติดตั้งโปรแกรมใหม่ทุกครั้ง13. ป้ายโฆษณาที่ดีควรมีข้อความอย่างไรก. ยาวและละเอียดมาก ข. สั้น กระชับ เข้าใจง่ายค. ใช้คำศัพท์เฉพาะ ง. ใช้ฟอนต์หลำยแบบในแผ่นเดียว14. เครื่องมือ Brush Tool ใช้สาหรับอะไรก. เคลื่อนย้ายภาพ ข. วาดหรือลงสีค. พิมพ์ข้อความ ง. สร้างเส้นตรง15. เมื่อออกแบบเสร็จแล้ว ควรตรวจสอบสิ่งใดก่อนบันทึกไฟล์ก. ชื่อไฟล์และความคมชัดของภาพ ข. ขนำดของหน้าจอคอมพิวเตอร์ค. สีของโต๊ะทำงาน ง. จานวนโปรแกรมที่เปิดอยู่16. หากต้องการลบพื้นหลังของภาพ ควรใช้เครื่องมือใดก. Eraser Tool ข. Move Toolค. Crop Tool ง. Type Tool17. การเลือกฟอนต์ในงานป้ายโฆษณาควรเน้นอย่างไรก. ฟอนต์อ่านง่าย เหมาะกับสไตล์ของงาน ข. ฟอนต์แปลกและอ่านยากค. ฟอนต์มีลวดลำยมาก ง. ใช้หลำยฟอนต์ในข้อความเดียว18. การจัดวางภาพและข้อความให้สมดุล เรียกว่าอะไรก. Layout Design ข. Color Matchingค. Font Style ง. Retouch19. หากต้องการให้ภาพดูโดดเด่น ควรใช้เทคนิคใดก. ปรับแสงและคอนทราสต์ ข. ลดขนำดภาพให้เล็กลงค. ใช้ภาพเบลอ ง. ใช้สีเดียวทั้งภาพ20. เมื่อเผยแพร่ผลงานป้ายโฆษณา ควรคำนึงถึงสิ่งใดมากที่สุดก. ความเร็วของอินเทอร์เน็ต ข. ความเหมาะสมของเนื้อหาและลิขสิทธิ์ภาพค. จานวนไฟล์ที่อัปโหลด ง. ขนำดหน้าจอมือถือ
132ใบงาน หน่วยที่ 7 การผลิตสื่อดิจิทัลป้ายโฆษณาด้วยโปรแกรม Adobe Photoshopให้นักเรียนตอบคำถามให้ถูกต้อง1. ป้ายโฆษณาดิจิทัลคืออะไร และมีประโยชน์อย่างไรคำตอบตัวอย่าง: ป้ายโฆษณาดิจิทัล คือ ภาพหรือสื่อกราฟิกที่ออกแบบโดยใช้คอมพิวเตอร์ เพื่อเผยแพร่โฆษณา ประชาสัมพันธ์ หรือแจ้งข่าวสารผ่านสื่อออนไลน์ เช่น เว็บไซต์ เฟซบุ๊ก และไลน์ มีประโยชน์ในการดึงดูดความสนใจและสื่อสารข้อมูลกับกลุ่มเป้าหมายอย่างรวดเร็ว2. ขั้นตอนการสร้างป้ายโฆษณาในโปรแกรม Adobe Photoshop มีอะไรบ้างคำตอบตัวอย่าง: - เปิดโปรแกรมและสร้างไฟล์ใหม่ (File → New)- กำหนดขนำดป้ายและความละเอียด (Resolution)- วางภาพพื้นหลัง โลโก้ และข้อความ- ปรับสี แสง และองค์ประกอบให้เหมาะสม- บันทึกไฟล์ต้นฉบับ (.PSD) และไฟล์ใช้งาน (.JPG หรือ .PNG)3. เครื่องมือใดใช้ในการพิมพ์ข้อความลงบนป้ายโฆษณาคำตอบตัวอย่าง: ใช้ Type Tool (T) เพื่อพิมพ์ข้อความ สามารถปรับขนำดฟอนต์ สี และจัดวางตำแหน่งข้อความได้ตามต้องการ4. องค์ประกอบใดสำคัญในการออกแบบป้ายโฆษณาให้สื่อความหมายชัดเจนคำตอบตัวอย่าง: 1. ข้อความกระชับ เข้าใจง่าย2. ภาพประกอบสื่อความหมาย3. สีและฟอนต์เหมาะสมกับกลุ่มเป้าหมาย4. การจัดวางองค์ประกอบสมดุลและดึงดูดสายตา5. ข้อควรระวังเมื่อออกแบบป้ายโฆษณาและบันทึกไฟล์เพื่อเผยแพร่คำตอบตัวอย่าง: - ตรวจสอบข้อความให้ถูกต้อง- ใช้ขนำดไฟล์และรูปแบบไฟล์ (.JPG, .PNG) ให้เหมาะสมกับสื่อออนไลน์- คงความคมชัดและสีสันของภาพ- ตั้งชื่อไฟล์ให้ชัดเจน และเก็บไฟล์ต้นฉบับ (.PSD) ไว้สาหรับแก้ไขภายหลัง
133ใบงานภาคปฏิบัติหน่วยที่ 7 การผลิตสื่อดิจิทัลป้ายโฆษณาด้วยโปรแกรม Adobe Photoshopคำชี้แจง นักเรียนต้องออกแบบและผลิต ป้ายโฆษณาดิจิทัล 1 ชิ้น โดยทำตามขั้นตอนดังนี้ ขั้นตอนการปฏิบัติขั้นตอนที่ 1 : วางแผนและร่างแบบกำหนดหัวข้อและวัตถุประสงค์ของป้าย เช่นประชาสัมพันธ์กิจกรรมโปรโมทสินค้า/บริการประกาศข่าวสารร่างโครงสร้างป้ายบนกระดาษ (Sketch Layout)ขั้นตอนที่ 2 : สร้างไฟล์งานใหม่ใน Photoshopเปิดโปรแกรม → File → Newกำหนดขนำด เช่น 1200 × 628 px, Resolution 72 dpiตั้งชื่อไฟล์ตามหัวข้อ เช่น banner_product.psdขั้นตอนที่ 3 : ออกแบบและจัดองค์ประกอบใส่ภาพพื้นหลัง (Background)เพิ่มโลโก้หรือสัญลักษณ์องค์กรใส่ข้อความหลัก (Headline) และข้อความรอง (Subtext)ใช้เครื่องมือ เช่น Move Tool, Type Tool, Shape Tool, Brush Toolปรับสี แสง และฟิลเตอร์ให้เหมาะสมขั้นตอนที่ 4 : ตรวจสอบและปรับแต่งงานตรวจข้อความและความถูกต้องของข้อมูลจัดองค์ประกอบให้สมดุลและอ่านง่ายปรับแสง สี และความคมชัดให้เหมาะสมขั้นตอนที่ 5 : บันทึกและส่งงานบันทึกไฟล์ต้นฉบับเป็น .PSDส่งไฟล์สาหรับใช้งานเป็น .JPG หรือ .PNGตั้งชื่อไฟล์ให้ชัดเจน เช่น ชื่อ-สกุล_banner.jpg ผลงานของนักเรียนแนบภาพแบนเนอร์หรือไฟล์งานด้านล่าง / แนบในระบบส่งงานออนไลน์................................................................................................................................................................................................................................................................................................................................................
134แผนการจัดการเรียนรู้ หน่วยที่ 8รหัสวิชา 31910-2016 ชื่อวิชา โปรแกรมกราฟิกสาหรับผลิตสื่อดิจิทัล สอนครั้งที่ 16 - 18ชื่อหน่วยการเรียนรู้การผลิตสื่อดิจิทัลด้วย Canva ทฤษฎี 6 ชม. ปฏิบัติ 6 ชม. ชื่อเรื่อง/งาน การผลิตสื่อดิจิทัลด้วย Canva1. ผลลัพธ์การเรียนรู้ระดับหน่วยการเรียนนักเรียนสามารถ ออกแบบและผลิตสื่อดิจิทัล ด้วยโปรแกรม Canva ได้อย่างเหมาะสม โดยสามารถเลือกใช้แม่แบบ (Template), เครื่องมือและองค์ประกอบต่าง ๆ เช่น ข้อความ ภาพ สี และไอคอน เพื่อสร้างสื่อประชาสัมพันธ์ โฆษณา หรือสื่อการเรียนการสอนที่สวยงามและสื่อความหมายได้ชัดเจน พร้อมบันทึกและเผยแพร่ผลงานในรูปแบบดิจิทัลได้อย่างมีประสิทธิภาพ2. อ้างอิงมาตรฐาน/เชื่อมโยงกลุ่มอาชีพ2.1 มาตรฐานอาชีพ ผลิตสื่อ สมรรถนะย่อย ควบคุมการผลิตสื่อ ตรวจสอบสื่อก่อนการเผยแพร่1) เกณฑ์การปฏิบัติงาน (ก) ความต้องการด้านทักษะ1. ทักษะการตรวจเช็ค2. ทักษะการบันทึกผล3. ทักษะการตรวจสอบความถูกต้องของเนื้อหาและภาษา4. ทักษะการตรวจสอบสื่อให้อยู่ในระยะเวลาที่กำหนด(ข) ความต้องการด้านความรู้1. มีความรู้เกี่ยวกับกระบวนการผลิตอย่างถูกต้อง2. มีความรู้เกี่ยวกับการรายงานผลการตรวจสอบและผลการผลิต3.ความรู้เกี่ยวกับการตรวจสอบสื่อให้ได้คุณภาพ4. ความรู้เกี่ยวกับการตรวจสอบองค์ประกอบโดยรวมของสื่อได้ (โทนสี เสียง ภาพ ขนำดตัวหนังสือ)2) วิธีการประเมิน 2.1 แบบทดสอบปรนัย ชนิด 4 ตัวเลือก 2.2 แบบทดสอบภาคปฏิบัติ 3) หลักฐานการปฏิบัติงาน (Performance Evidence)4) หลักฐานความรู้ (Knowledge Evidence)2.2 บูรณาการกลุ่มอาชีพ นักสร้างสื่อประชาสัมพันธ์ ระดับ 53. สมรรถนะประจาหน่วย
1353.1 มีทักษะการใช้โปรแกรม Canva ในการออกแบบและผลิตสื่อดิจิทัลประเภทต่าง ๆ ได้อย่างถูกต้องและเหมาะสม3.2 มีทักษะเลือกใช้แม่แบบ (Template) และองค์ประกอบต่าง ๆ เช่น ข้อความ ภาพ ไอคอน และสี ให้สอดคล้องกับวัตถุประสงค์และกลุ่มเป้าหมาย3.3 มีทักษะจัดองค์ประกอบของสื่อให้สวยงามและสื่อความหมายชัดเจน3.4 มีทักษะบันทึกและเผยแพร่ผลงานในรูปแบบไฟล์ดิจิทัล เช่น PNG, JPG, PDF สาหรับใช้งานออนไลน์หรือสิ่งพิมพ์3.5 แสดงความคิดสร้างสรรค์ ความรับผิดชอบ และความตั้งใจในการทำงาน เพื่อให้ได้ผลงานที่มีคุณภาพ4. จุดประสงค์เชิงพฤติกรรม 4.1 ด้านความรู้1. อธิบายความหมายและประเภทของสื่อดิจิทัลได้ถูกต้อง2. อธิบายหลักการออกแบบสื่อ เช่น การจัดองค์ประกอบ ข้อความ สี และภาพประกอบ3. ระบุขั้นตอนการใช้งานโปรแกรม Canva ในการสร้างสื่อดิจิทัลได้อย่างถูกต้อง4. แยกความแตกต่างระหว่างแม่แบบ (Template) และองค์ประกอบของสื่อได้4.2 ด้านทักษะ1. ใช้โปรแกรม Canva ในการออกแบบและผลิตสื่อดิจิทัลได้อย่างถูกต้อง2. เลือกใช้แม่แบบ ข้อความ ภาพ และไอคอนให้เหมาะสมกับวัตถุประสงค์ของสื่อ3. จัดองค์ประกอบ สี และฟอนต์ ให้สวยงามและสื่อความหมายชัดเจน4. บันทึกและเผยแพร่ผลงานในรูปแบบไฟล์ดิจิทัล เช่น PNG, JPG, PDF4.3 ด้านคุณสมบัติอันพึงประสงค์1. มีความคิดสร้างสรรค์ในการออกแบบสื่อ2. มีความรับผิดชอบและตั้งใจในการผลิตสื่อ3. ทำงานร่วมกับผู้อื่นได้อย่างเหมาะสม และเคารพความคิดเห็นของผู้อื่น4. ปฏิบัติตามขั้นตอนและส่งงานตรงเวลา5. สาระการเรียนรู้5.1 ความหมายและความสำคัญของสื่อดิจิทัล5.2 หลักการออกแบบสื่อดิจิทัล5.3 การใช้โปรแกรม Canva ในการผลิตสื่อดิจิทัล5.4 การบันทึกและเผยแพร่ผลงาน5.5 การประเมินคุณภาพผลงานสื่อดิจิทัล6. กิจกรรมการเรียนรู้
1366.1 ขั้นตอนการนำเข้าสู่บทเรียนสิ่งที่ครูปฏิบัติ สิ่งที่ผู้เรียนปฏิบัติ เอกสาร/สื่อ/แหล่งเรียนรู้ที่ใช้- ครูทักทำยนักเรียน ทำความรู้จัก บอกจุดประสงค์ของบทเรียน อธิบายเกี่ยวกับเนื้อหา การวางแผนการเรียนโครงสร้างเนื้อหาบทเรียน กิจกรรม งาน ภารกิจ- รับฟังข้อมูล - แผนการจัดการเรียนรู้- สนทนำกับนักเรียนเกี่ยวกับการผลิตสื่อดิจิทัลด้วย Canva- นักเรียนช่วยกันบอกถึงการผลิตสื่อดิจิทัลด้วย Canva- เอกสารบรรยาย, อินเตอร์เน็ต 6.2 ขั้นตอนการใช้ความรู้/การฝึก การปฏิบัติสิ่งที่ครูปฏิบัติ สิ่งที่ผู้เรียนปฏิบัติ เอกสาร/สื่อ/แหล่งเรียนรู้ที่ใช้1.กำหนดกฎระเบียบ - รับฟัง เอกสารประกอบการบรรยาย2.ให้คำแนะนำ คำอธิบายและผลป้อนกลับแก่นักเรียน- ซักถามโต้ตอบกับครูแลกเปลี่ยนเรียนรู้อย่างอิสระ3.ดูแลและให้คำปรึกษานักเรียน4. มอบหมายงาน - ทำแบบทดสอบ- ทำใบงานที่มอบหมาย- แบบทดสอบ- ใบงาน 6.3 ขั้นตอนการสรุปสิ่งที่ครูปฏิบัติ สิ่งที่ผู้เรียนปฏิบัติ เอกสาร/สื่อ/แหล่งเรียนรู้ที่ใช้1.ครูและนักเรียนร่วมกันสรุปการผลิตสื่อดิจิทัลด้วย Canvaฟังและซักถามข้อสงสัยต่างๆ 1.ผลจากการเรียนรู้2.ผลทดสอบความรู้3.ผลสาเร็จของใบงาน7. สื่อและแหล่งการเรียนรู้7.1 แผนการจัดการเรียนรู้7.2 ใบความรู้7.3 สื่อการเรียนการสอน เช่น Power Point วิดิโอ7.4 ห้องสมุด,อินเตอร์เน็ต8. หลักฐานการเรียนรู้8.1 หลักฐานความรู้
137 - แบบทดสอบ - ใบงาน8.2 หลักฐานการปฏิบัติงาน - ใบงานภาคปฏิบัติ9. การวัดและประเมินผล9.1 เกณฑ์การปฏิบัติงาน- ผู้เรียนต้องมีเวลาเรียนไม่น้อยกว่าร้อยละ 80 ของเวลาเรียนทั้งหมด- แบบทดสอบจานวน 20 ข้อ 20 คะแนน- ใบงานมีคะแนนเต็ม 10 คะแนน 9.2 วิธีการประเมิน - การสาธิตการปฏิบัติงาน - แฟ้มสะสมผลงาน9.3 เครื่องมือประเมิน - แบบทดสอบปรนัย ชนิด 4 ตัวเลือก - แบบทดสอบภาคปฏิบัติ10. บันทึกผลหลังการจัดการเรียนรู้10.1 ข้อสรุปหลักการจัดการเรียนรู้............................................................................................................................. ................................................................................................................................................................ ...................................10.2 ปัญหาที่พบ............................................................................................................................. ................................................................................................................................................................ ...................................10.3 แนวทางแก้ปัญหา............................................................................................................................. ................................................................................................................................................................ ...................................