การสร้างหนังสือ interactive E-Book Online วิชา การพัฒนาบทเรียนออนไลน์

1-2 โครงการอบรมสมรรถนะดิจทิ ัลสำหรับนักศึกษาช้นั ปีท่ี 3 ชื่อผแู้ ต่ง อ.ดร.กฤษฎา พลอยศรี คณะครุศาสตร์ มหาวทิ ยาลยั ราชภฏั ราชนครนิ ทร์ วนั จันทร์ที่ 7 - วันศุกร์ที่ 11 มถิ ุนายน 2564 (ออนไลน์/Google

1-3 การผลิตสอื่ การสอนดิจทิ ลั ด้วย PowerPoint หน่วยที่ 1 การผลิตสื่อการสอนดิจิทลั ด้วย PowerPoint 2016 เคา้ โครงเน้ือหา ตอนที่ 1. 12 เทคนิคการสร้างส่อื ดจิ ทิ ลั สุดปงั เรื่องท่ี 1.1 เทคนคิ การใช้ประยุกต์เคร่ืองมือในการสร้างสอ่ื ดิจทิ ลั เร่ืองที่ 1.2 ตัวอยา่ งเพื่อการประยุกตใ์ นงานดา้ นต่าง ๆ ตอนท่ี 2 สื่อแนวใหม่สไตล์ 2D Animation เร่อื งท่ี 2.1 ขั้นตอนการออกแบบส่อื Animation (ฉบบั ย่อ) เรื่องที่ 2.2 เคร่ืองมือสร้างภาพเคลื่อนไหว 4 ประเภท กิจกรรมการฝกึ อบรม การฝึกอบรมใช้กิจกรรมการฝึกอบรมท่ีเนน้ ผู้เรียนเป็นสำคัญ ดังน้ี 1. การบรรยาย (Lecture) 2. กระบวนการกลมุ่ สมั พนั ธ์ (Group Process) 3. การระดมความคิด (Brain Storming) 4. การฝึกปฏบิ ตั โิ ดยการแนะนำ (Guided Practice) สือ่ การเรยี นรปู้ ระกอบการฝึกอบรม 1. คมู่ อื การฝึกอบรม 2. เคร่อื งคอมพวิ เตอร์ และโปรแกรมการอบรม/ประชุมออนไลน์ 3. บทเรียนออนไลนใ์ นการฝกึ อบรม ไดแ้ ก่ สื่ออิเล็กทรอนิกส์ ใบความรู้ และใบงาน 4. แบบทดสอบ และแบบประเมนิ ตา่ ง ๆ การประเมินผล 1. ประเมนิ ผลจากแบบประเมนิ ผลตนเองก่อนเรียนและหลังเรียน 2. ประเมินผลจากกิจกรรม 3. ประเมินผลจากการปฏิบัตติ ามใบงานและแนวตอบทา้ ยเรื่อง

1-4 ตอนท่ี 1 12 เทคนคิ การสรา้ งสื่อดจิ ิทัลสดุ ปัง เรอ่ื งที่ 1.1 การใช้ประยุกต์เคร่ืองมอื ในการสร้างสอื่ ดิจิทัล การสร้างสื่อดิจิทัลให้มีความแตกต่างและน่าสนใจนั้น นอกจากใช้เคร่ืองมือต่าง ๆ ที่ มีให้ในโปรแกรมแล้ว ยังต้องมีการประยุกต์เพื่อการนำบางเครื่องมือมาใช้งานร่วมกันด้วยการปรับ ใช้อย่างเหมาะสม ซึ่งอาจอาจเป็นการนำแนวคิด ทฤษฎี หลักการที่เกี่ยวข้องรวมถึงโปรแกรมอื่น ๆ ท่ีช่วยเสริมอย่างสร้างสรรค์ในกานำมาใช้ประโยชน์ ซ่ึงในเตอนนี้จะกล่างถึงเทคนิคการใช้ประยุกต์ เครื่องมือในการสร้างสื่อดิจิทัล โดยมี 12 เทคนิค ดังน้ี 1. เทคนคิ การเปดิ Program PowerPoint ด้วย Keyboard ด้วยการใช้เทคนิคน้ีจะทำให้ลืมวิธีการเปิดโปรแกรมแบบเดิม ๆ ไปเลย เนื่องจากไม่ต้อง มองหา shortcut เพ่ือเปิดโปรแกรมอีกตอ่ ไป ภาพท่ี 1.1 เทคนิคการเปิด Program PowerPoint ดว้ ย Keyboard ขัน้ ตอนการทำ 1. กดปุ่ม Windows logo คา้ งไว้ 2. กดป่มุ R 3. พิมพ์ shortcut key ลงในหนา้ ต่าง Run 4. กดปมุ่ Enter

1-5 ตัวอยา่ ง shortcut key Excel Mspaint Calc Taskmgr cmd Mstsc Powerpnt Winword Osk Winver 2. เทคนคิ การพมิ พด์ ้วยเสยี ง ความสามารถของเทคโนโลยีปัญญาประดิษฐ์ (Artificial Intelligence : AI) ทำให้ โปรแกรมรุ่นใหม่ ๆ มีการนำความสามารถน้ีมาใช้งานมากขึ้นซึ่ง “การพิมพ์ด้วยเสียง” น้ันก็เป็นหนึ่งใน ความสามารถดา้ น AI ภาพท่ี 1.2 เทคนิคการพิมพด์ ้วยเสยี ง ข้ันตอนการทำ 1. สรา้ งกลอ่ งข้อความเพ่ือรอการพมิ พด์ ว้ ยเสยี ง 2. กดปุ่ม Dictate Option 3. เลือกภาษา Thai 4. กดปุ่ม Dictate 5. พดู เพอื่ พมิ พ์

1-6 3. เทคนิคตัวอกั ษรหลากสี การสร้างตัวอักษรใหม้ ีความแตกต่างจากการใช้สีโดยท่ัวไปช่วยในการสร้างความโดดเด่น มสี ไตล์ ดึงดดู และเพมิ่ ความนา่ สนใจใหก้ บั งานนำเสนอ ภาพที่ 1.3 เทคนิคตวั อักษรหลากสี ข้ันตอนการทำ 1. Copy รปู ภาพท่ีต้องการทำเปน็ สีพนื้ หลังตวั อักษร 2. สร้างขอ้ ความ 3. คลกิ เลือก Format Shape 4. เลือก Text Option 5. Text Fill 6. Picture or texture fill 7. กดป่มุ Clipboard

1-7 4. เทคนคิ เตมิ เงาตวั อักษรหลากสี ในบางคร้ังสีตัวอักษรท่ีเลือกมาใช้นั้นมีความสวยงามก็ตาม แต่ถ้าหาสีน้ันมีกลมกลืนไป กบั พื้นหลังกท็ ำให้ข้อความทตี่ ้องการสอื่ นนั้ อา่ นยาก โดยทั่วไปจะแกด้ ว้ ยวิธกี ารใส่เงาให้กับขอ้ ความน้ัน ภาพท่ี 1.4 เทคนิคเตมิ เงาตวั อกั ษรหลากสี ข้นั ตอนการทำ 1. Copy ข้อความหลากสี 2. คลกิ เลอื ก Format Shape 3. เลือก Text Option 4. Text outline 5. Solid line 6. Color เลอื กสีดำ 7. Width เพิม่ ความหนาของเส้นข้อความให้มากกว่าข้อความหลากสี 8. นำขอ้ ความหลากสมี าวางทบั เงา

1-8 5. เทคนิคการตดั พน้ื หลังรูปภาพ ภาพทนี่ ำมาใชป้ ระกอบการนำเสนอบางภาพนนั้ อาจมสี ีของพืน้ หลังซ่ึงทำใหด้ ูขดั กับ รูปแบบท่ีออกแบบไว้การตดั สขี องพื้นหลังออกจะช่วยเพ่มิ ความสวยงามมากข้ึน ภาพท่ี 1.5 เทคนิคการตัดพน้ื หลงั รูปภาพ ขั้นตอนการทำ 1. คลกิ เลอื กรูปภาพทีต่ ้องการตดั สพี นื้ หลงั 2. คลกิ เลอื กเมนู Picture Format 3. Color > set transparent color 4. คลกิ เลอื กสที ่ีต้องการตดั เครื่องมือเพ่ิมเติมสำหรับการตัดพนื้ หลังรปู ภาพ (Remove Background)

1-9 6. เทคนิคการเปลย่ี น Font ทกุ ๆ หนา้ ของสไลด์ การเปลี่ยน Font ให้กับตัวอักษรใน PowerPoint น้ันจะไม่เหมือนกับใน Word ท่ี สามารถเลือกข้อความท้ังหมดในเอกสารแล้วเปล่ียน Font ท้ังหมดในเอกสารในครั้งเดียว แต่สำหรับ PowerPoint นั้นต้องเข้าไปตั้งค่าใน Slide Master ภาพท่ี 1.6 เทคนิคการเปล่ียน Font ทุก ๆ หน้าของสไลด์ ขั้นตอนการทำ 1. คลิกเลอื กท่ีเมนู View 2. คลิก Slide Master 3. คลกิ เลอื กเค้าโครง (layout) ที่ตอ้ งการเปลี่ยน Font 4. เลอื ก Font เชน่ แบบอกั ษร ตวั หนา เอียง สี และอื่นๆ 5. เม่ือเลือก Font เสรจ็ แลว้ คลิกท่ีเมนู Slide Master 6. กด Close Master View ภาพแสดงเมนู Slide Master

1-10 7. เทคนิคการใส่ Logo ในทุก ๆ หนา้ ของสไลด์ หากต้องการนำรปู ภาพ หรือ Logo ขององคก์ รใหป้ รกกฎอยใู่ นทุก ๆ หน้าของสไลด์ สามารถทำไดใ้ นการวางรปู เพยี งแค่คร้ังเดยี วดว้ ย Slide Master ภาพท่ี 1.7 เทคนิคการใส่ Logo ในทุก ๆ หน้าของสไลด์ ขนั้ ตอนการทำ 1. คลิกเลอื กท่ีเมนู View 2. คลกิ Slide Master 3. คลิกเลอื กเคา้ โครง (layout) ท่ีตอ้ งการใส่ Logo 4. วาง Logo ลงในตำแหน่งท่ีต้องการ 5. ปรบั ขนาดใหเ้ หมาะสม 6. เมอื่ เสรจ็ แลว้ คลกิ ท่ีเมนู Slide Master 7. กด Close Master View ภาพแสดงเมนู Slide Master

1-11 8. เทคนคิ ยอ่ -ขยาย สไลด์ ในการทำงานบางครัง้ หากตอ้ งการ zoom ภาพในสไลด์ใหใ้ หญ่มากข้ึนเพื่อจดั ตำแหน่ง หรอื เพ่ือการปรับขนาดแบบละเอียดจำเปน็ ต้องมีการใช้เทคนคิ ยอ่ -ขยาย สไลด์ ภาพท่ี 1.8 เทคนิคย่อ-ขยาย สไลด์ ขน้ั ตอนการทำ 1. กดป่มุ Ctrl ท่ี keyboard คา้ งไว้ 2. หมุนลูกกล้งิ (mouse scroll) เข้าหาตัวเพ่ือย่อสไลด์ 3. หากหมนุ ลูกกลิ้งออกไปทางด้านหน้าจะเป็นการขยายสไลด์ 4. กดปุ่ม Fit slide to current windows เพอ่ื ปรับกลับมาเต็มหน้าจอ ภาพแสดงเมนูการย่อ-ขยาย สไลด์

1-12 9. เทคนคิ การ Copy ด้วยการใช้เทคนคิ การ Copy ชว่ ยใหก้ ารทำงานกับภาพ หรือกล่องข้อความ ไดส้ ะดวก และรวดเรว็ มากขนึ้ เช่น การกดปมุ่ Ctrl + D เทา่ กับการกดปุ่ม Copy และ Paste ภาพท่ี 1.9 เทคนิคการ Copy ขัน้ ตอนการทำ 1. การ Copy ร่วมกบั การใช้ mouse สามารถทำได้โดยกดปมุ่ Ctrl ค้างไว้ 2. คลกิ mouse ปุ่มซ้ายค้างไวแ้ ล้วลากภาพที่ตอ้ งการ copy ออกมา 3. หรอื อาจใชป้ ุม่ Ctrl + D เพื่อ ทำภาพซำ้ ออกมาโดยไมต่ ้องกด Ctrl + C

1-13 10. เทคนิคการวาดรปู ทรง และเส้น ในการสร้างสื่อเพื่อนำเสนอที่ต้องมีการใช้งานรูปทรงต่าง ๆ เข้ามาเกี่ยวข้อง เช่น ต้องการสร้างวงกลมท่ีสมบูรณ์ หรือสีเหลี่ยม หรือการสร้างรูปทรงต่าง ๆ ด้วยเสน้ หากรู้เทคนคิ ในการสร้าง รปู ทรงจะทำให้สรา้ งไดง้ ่ายข้ึน ภาพที่ 1.10 เทคนิคการวาดรปู ทรง และเส้น ขน้ั ตอนการทำ 1. กด Shift แลว้ สร้างรปู ทรงต่าง ๆ จะช่วยให้สรา้ งรปู ร่างไดง้ ่ายข้ึน 2. กด Ctrl ค้างไว้สำหรับการสร้างรูปรา่ งอสิ ระเส้นโคง้ จะช่วยให้เขียนเสน้ ตรงได้ 3. กด Ctrl + Shift จะเปน็ การสร้างรปู ทรงจากจุดศูนย์กลาง

1-14 11. เทคนคิ การแก้ไขรปู ทรง ในการทำงานกับรูปทรงหรือการปรับรูปรา่ งต่าง ๆ ให้เป็นไปตามความต้องการ หรือการ วาดภาพดว้ ยเคร่อื งมือใน PowerPoint สามารถทำไดง้ า่ ยข้ึนด้วยคำส่งั Edit Points ภาพที่ 1.11 เทคนิคการแก้ไขรูปทรง ขั้นตอนการทำ 1. สรา้ งรูปรา่ งที่ต้องการตามตัวอย่างเป็นรูปดาว 2. คลกิ ขวาที่รปู ดาวแล้วเลอื ก Edit Points 3. คลกิ ลากจุดสีดำเพอ่ื ปรับมุมของเส้น 4. คลิกลากจุดสีขาวเพื่อปรับเส้นโคง้ ภาพแสดงการแก้ไขจุด (Edit Points)

1-15 12. เทคนิคการแกไ้ ขรปู รางดว้ ย Merge Shapes Merge Shapes เปน็ เครอื่ งมือช่วยในการผสาร ตดั หรือผสารรูปทรงแบบตา่ ง ๆ ที่มีให้ เลอื กใช้ 5 แบบ ดงั นี้ ภาพท่ี 1.12 เทคนิคการแก้ไขรปู รางดว้ ย Merge Shapes ขน้ั ตอนการทำ 1. สร้างรูปรางกลม 3 ภาพวางซ้อนกนั ตามตวั อยา่ ง 2. เลอื กรูปวงกลมทงั้ 3 ภาพ 3. คลิกเลอื กเมนู Shape Format 4. เลอื ก Merge Shapes 5. Fragment ภาพแสดงเมนู Shape Format

1-16 เรอ่ื งที่ 1.2 ตัวอย่างเพ่ือการประยุกต์ในงานด้านต่าง ๆ 1. ตัวอยา่ งการสร้างหน้าคนด้วยการใช้รปู ทรงพน้ื ฐาน เชน่ วงกลม เส้นโค้ง ครงึ่ วงกรม และรูปทรงอื่น ๆ ภาพที่ 1.13 ตวั อยา่ งการสรา้ งหนา้ คนด้วยการใชร้ ูปทรงพื้นฐาน 2. การสรา้ งหน้าปกประเมินสวยงาม งา๊ ย..ง่าย ภาพที่ 1.14 ตัวอยา่ งการสร้างหน้าคนดว้ ยการใช้รปู ทรงพื้นฐาน ท่มี า (https://youtu.be/M6qKRlZRXbo)

1-17 3. สรา้ ง E-book ดว้ ย PowerPoint ภาพที่ 1.15 สร้าง E-book ด้วย PowerPoint ทีม่ า (https://youtu.be/8HQm0RSfnYs) 4. บันทกึ สไลด์เป็นวิดโี อแบบเหน็ หนา้ ผสู้ อน ภาพที่ 1.16 สร้าง E-book ด้วย PowerPoint

1-18 5. การสรา้ ง Photo Album เปน็ เรือ่ งงา่ ย ภาพท่ี 1.17 การสรา้ ง Photo Album เป็นเรอื่ งง่าย ทม่ี า (https://youtu.be/87dj0tGfEaE) 6. ออกแบบงาน Idea สวยงาม หรือ Infographic ภาพที่ 1.18 ออกแบบงาน Idea สวยงาม หรอื Infographic ทีม่ า (https://youtu.be/P7O9xqOJvkk)

1-19 ตอนที่ 2 สือ่ แนวใหม่สไตล์ 2D Animation เรอ่ื งท่ี 2.1 ขน้ั ตอนการออกแบบส่ือ Animation (ฉบบั ยอ่ ) 1. การออกแบบส่ือ Animation (ฉบบั ย่อ) ในการผลิตลื่อ Animation หรือสื่ออื่น ๆ น้ันจะมีข้ันตอนในการสร้างเพ่ือให้ส่ือท่อี อกมา นั้นมคี ุณภาพท่ดี ี มีข้นั ตอนการทำทไ่ี ดม้ าตรฐาน ซง่ึ มีขัน้ ตอนแบบย่อ ดังนี้ ภาพท่ี 1.19 การออกแบบสื่อ Animation ฉบบั ย่อ ขั้นตอนการทำ 1. เลอื กเน้ือหาจาก แผนการจดั การเรียนรู้ 2. เขียนเน้ือเรอ่ื งย่อ Script 3. เขียน Story Board 4. เลือกเครื่องมือ 5. ลงมอื ทำ 6. ทดสอบ 7. ปรับปรุง 8. นำไปใช้

1-20 เรอื่ งท่ี 2.2 เครอื่ งมอื สร้างภาพเคลื่อนไหว 4 ประเภท 1. เครื่องมอื ในการสรา้ ง Animation เคร่ืองมือในการสร้าง Animation ใน PowerPoint น้ันมอี ยู่ 4 แบบ ดงั น้ี ภาพที่ 1.20 เครื่องมือในการสรา้ ง Animation 2. ทดลองการสร้าง Animation เบื้องตน้ ดว้ ยรปู ทรงต่าง ๆ เพ่ือทำความเข้าใจเครอื่ งมือในการสรา้ ง Animation ทั้ง 4 แบบด้วยรปู ทรงตา่ ง ๆ ภาพที่ 1.21 ทดลองการสรา้ ง Animation เบือ้ งตน้ ดว้ ยรปู ทรงต่าง ๆ

1-21 3. ตัวอยา่ งการประยุกตใ์ ชง้ าน Animation เพอื่ นำเสนอเนื้อหาแบบ 2D หลังจากท่ีออกแบบเนื้อเรอื่ งโดยยอ่ (Script) และสตอร่ีบอรด์ (Story Board) เสร็จแลว้ ขั้นตอนถดั ไปคือ การใช้เคร่ืองมือสำหรับสร้าง Animation โดยมตี วั อยา่ งดงั น้ี ภาพที่ 1.22 ตวั อยา่ งการสรา้ ง Animation ตามเน้อื งเร่ืองที่ 1 ภาพที่ 1.23 ตวั อย่างการสรา้ ง Animation ตามเนอ้ื งเรื่องท่ี 2

1-22 สรุปทา้ ยบท โปรแกรม Microsoft PowerPoint เป็นโปรแกรมนำเสนอ ผลิตโดยบริษัท Microsoft ซ่ึง เปิดตัวคร้ังแรกในปี พ.ศ. 2530 และได้มีการพัฒนามาอย่างต่อเนื่องโดยในปัจจุบันเป็น Version Office 2019 และ Office 365 ซึ่งมีคุณสมบัติและความสามารถมากมายทั้งทางด้านการนำความสามารถทางด้าน ปัญญาประดิษฐ์เข้ามาเสริมการใช้งาน การปรับปรุงเคร่ืองมือทางด้านงานกราฟฟิกและงานนำเสนอ อีกท้ัง มีเทมเพลตท่ีสวยงามให้เลือกใช้งานมากมาย มีการใช้งานที่ง่าย สามารถนำไปประยุกต์การใช้งานได้ หลากหลาย อีกท้ังเป็นที่นิยมเป็นอย่างมากทำให้มีการแชร์เทคนิคการใช้งานท้ังในเวบ็ ไซต์และทางโซเชียล เน็ตเวิร์คมากมาย หากผู้ใช้งานรู้จักเคร่ืองมือและเทคนิคการใช้งานจะช่วยให้นำไปสามารถสร้างสรรค์ ผลงานไดน้ า่ สนใจ โดนเดน่ ดงึ ดดู ความสนใจไดเ้ ป็นอย่างดี คำถามท้ายบท 1. shortcut key เพื่อเปิดโปรแกรม PowerPoint ผ่านหน้าต่าง Run คือ 2. อธิบายขนั้ ตอนการใช้งานเครอื่ งมือพิมพ์ดว้ ยเสียง 3. อธิบายวิธีการทำตัวอกั ษรหลากสี 4. อธิบายขน้ั ตอนการตดั ภาพพื้นหลงั 5. บอกวิธกี ารเปลีย่ น Font ทุก ๆ หนา้ ของสไลด์ 6. บอกวิธกี ารใช้เครื่องมอื ท่ีชว่ ยในการใส่ Logo ในทกุ ๆ หน้าของสไลด์ 7. บอก Keyboard ปุ่มใดทส่ี ามารถใชง้ านร่วมกับการวาดรปู ทรง และเสน้ ได้ 8. บอกขัน้ ตอนการเปล่ยี นรูปดาวให้เปน็ ดอกไม้พอสงั เขป 9. อธบิ ายเครื่องมือ Merge Shapes ทง้ั 5 แบบตามความเข้าใจ 10. อธิบายเครอื่ งมือในการสรา้ ง Animation ใน PowerPoint 4 แบบ พอสงั เขป แหล่งการเรียนรู้เพิม่ เตมิ 1. เทคนิคที่ควรรู้ สู่การเป็นมือโปร https://youtu.be/5aB0o-IsXKw 2. เทคนิคการทำภาพ Animation https://youtu.be/wlUllezd538 3. บันทึกวดิ ีโอการสอนแบบเหน็ หนา้ ผ้สู อนได้ด้วย https://youtu.be/8DEqfo_fKxU 4. ทำหน้าปกประเมนิ สวยงาม ง๊าย..ง่าย https://youtu.be/M6qKRlZRXbo