2. การเน้นน้ข้อข้มูลมูMotion Graphics สามารถใช้เช้พื่อ พื่ เน้นน้ข้อข้มูลมูที่สำ ที่ สำคัญคัด้วด้ยการใช้ภช้าพเคลื่อ ลื่ น ไหวและอนิเนิมชันชัเราสามารถทำ ให้ผู้ห้ชผู้มจดจำ ข้อข้มูลมูและเข้าข้ใจในเนื้อ นื้ หาที่ต้ ที่ อต้งการสื่อ สื่ ได้ง่ด้าง่ยขึ้น ขึ้ นี่ถื นี่ อถืว่าว่ เป็นป็วิธีวิที่ธีดี ที่ ใดีนการสื่อ สื่ สารข้อข้มูลมูทางธุรธุกิจกิหรือรืการศึกศึษา Motion Graphics Animation ข้อ ข้ ดีขดีอง Motion Infographic 1. ช่วช่ยให้เห้ล่าล่เรื่อ รื่ งได้อด้ย่าย่งน่าน่สนใจ สามารถเล่าล่เรื่อ รื่ งราวหรือรืสื่อ สื่ ความคิดคิได้อด้ย่าย่งน่าน่สนใจมาก ขึ้น ขึ้ โดยการใช้สีช้สัสีนสัอนิเนิมชันชัและเสียสีงร่วร่มกันกัทำ ให้ข้ห้อข้มูลมูหรือรืเรื่อ รื่ งราวที่เ ที่ ราต้อต้งการสื่อ สื่ สารกลายเป็นป็ สิ่ง สิ่ ที่น่ ที่ าน่ตื่น ตื่ เต้นต้รวมถึงถึสามารถเข้าข้ใจได้ง่ด้าง่ย 3. สร้าร้งความเชื่อ ชื่ มโยง การใช้ Motion Graphics ในสื่อ สื่ มัลมัติมีติเมีดียดีช่วช่ยสร้าร้งความเชื่อ ชื่ มโยงกับกัผู้ ชมได้ดีด้ขึ้ดีน ขึ้ โดยการใช้ภช้าพที่น่ ที่ าน่สนใจนั้น นั้ สามารถดึงดึดูดดูผู้ชผู้มได้ 4. ช่วช่ยให้ผู้ห้รัผู้บรัชมจดจำ เนื้อ นื้ หาในระยะเวลาสั้น สั้ ๆ การใช้ภช้าพและสีสัสีนสัจะช่วช่ยทำ ให้ข้ห้อข้มูลมูดูน่ดูาน่ สนใจ อีกอีทั้ง ทั้ ยังยัทำ ให้คห้นจดจำ ข้อข้มูลมูได้มด้ากกว่าว่การอ่าอ่น และยังยัเป็นป็การกระตุ้นตุ้ให้คห้นสนใจและจดจำ 5. ช่วช่ยนำ เสนอภาพลักลัษณ์ขณ์องหน่วน่ยงานหรือรืองค์กค์ร การใช้โช้มชั่น ชั่ อินอิโฟกราฟิกฟิจะช่วช่ยให้มีห้ภมีาพ ลักลัษณ์ที่ณ์ดี ที่ ขึ้ดีน ขึ้ เพราะบ่งบ่บอกถึงถึความใส่ใส่จในการทำ คอนเทนต์ใต์ห้น่ห้าน่ติดติตาม NIDTEP DTEP NIDTEP NIDTEP NIDTEPNIDTEP NIDTEP NIDTEP NIDTDTEP NIDTEP NIDTEP NIDTEPNIDTEP NIDTEP NIDTEP NIDT48 หลักลัสูตสูรการสร้าร้งสื่อสื่การเรียรีนรู้ สุดสุปังปั !! สำ หรับรัครู สังสักัดกักระทรวงศึกศึษาธิกธิาร
Animation Motion Infographic ประเภท แอน นิเนิมชั่น ชั่ การสร้าร้งต้อต้งใช้แช้บบร่าร่งที่มี ที่ รมีายละเอียอีดการเคลื่อ ลื่ นที่ ที่ ชัดชัเจน ซึ่ง ซึ่ รายละเอียอีดนี้ ต้อต้งรู้ทิรู้ ศทิทางการดำ เนินนิเรื่อ รื่ ง อย่าย่งตรง ประเด็นด็มีคมีวามชัดชัเจน การสร้าร้งงานต้อต้งตรวจสอบรายละเอียอีด ของการเคลื่อ ลื่ นไหว สามารถสร้าร้งงานด้วด้ยโปรแกรมสร้าร้งภาพ ประเภท vector หรือรื โปรกราฟิกฟิ Motion Infographic มีรูมีปรูแบบทั้ง ทั้ Animation และ Video การสร้าร้งต้อต้งมีกมีารวางแผน และ ออกแบบต้อต้งใช้โช้ปรแกรมพิเพิศษ รูปรูแบบการนำเสนอ Motion Infographic Video Motion Infographic ประเภทวิดีวิโดีอ การสร้าร้งต้อต้งใช้แช้บบร่าร่งที่มี ที่ รมีายละเอียอีดชัดชัเจน ซึ่ง ซึ่ โครงร่าร่งแบบนี้เ นี้ รียรีกว่าว่ Storyboard รายละเอียอีด ใน storyboard ต้อต้งรู้ทิรู้ ศทิทางการดำ เนินนิเรื่อ รื่ ง อย่าย่ง ตรงประเด็นด็อารมณ์ที่ณ์เ ที่ กิดกิขึ้น ขึ้ สื่อ สื่ จะถูกถูส่งส่ผ่าผ่นให้ผู้ห้รัผู้บรั สารหรือรืผู้ดูผู้ สื่ดูอ สื่ ตรงตามที่ไที่ ด้ 1. 2. ออกแบบไว้ สิ่ง สิ่ ที่เ ที่ พิ่ม พิ่ เข้าข้มาก็คืก็อคืเสียสีงประกอบ ซึ่ง ซึ่ การเลือลืกเสียสีงที่เ ที่ หมาะสมจะเป็นป็ส่วส่นนำ พาให้ผู้ห้รัผู้บรั สารตามเรื่อ รื่ งราวไปจนจบ Motion Infographic นอกจากจะเพิ่ม พิ่ ความน่าน่ ในใจในการนำ เสนอข้อข้มูลมูแล้วล้ยังยัเป็นป็สื่อ สื่ ที่ ช่วช่ยส่งส่เสริมริความสามารถด้าด้นการเรียรีนรู้ใรู้ห้กัห้บกัผู้เผู้รียรีน ได้เด้ป็นป็อย่าย่งดี เช่นช่การวิจัวิยจัการส่งส่เสริมริความ ฉลาดทางสุขสุภาวะด้าด้นโรคเบาหวานของอาสาสมัคมัรสาธารณสุขสุประจําจํหมู่บ้มู่ าบ้น มีกมีารใช้ Motion Infographic เป็นป็สื่อ สื่ ในการให้คห้วามรู้ครู้วามเข้าข้ใจแก่ผู้ก่ที่ผู้ เ ที่ ป็นป็ โรคเบาหวาน ซึ่ง ซึ่ ผลการวิจัวิยจัพบว่าว่สื่อ สื่ Motion Infographic หมายเหตุ จาก https://www.youtube.com/watch?app=desktop&v=qBHqzSfkJY0 Motion In N fographic กับกัการสร้า ร้ งสื่อสื่การเรียรีนรู้ IDTEP DTEP NIDTEP NIDTEP NIDTEPNIDTEP NIDTEP NIDTEP NIDTDTEP NIDTEP NIDTEP NIDTEPNIDTEP NIDTEP NIDTEP NIDTหลัลักลัลัสูสูตสูสูรการสร้ร้าร้ร้งสื่สื่สื่สื่อสื่สื่การเรีรียรีรีนรู้รู้รู้รู้รู้รู้สุสุดสุสุปัปังปัปั !! สำสำสำสำสำสำหรัรับรัรัครูรูรูรูสัสังสัสักักัดกักักระทรวงศึศึกศึศึษาธิธิกธิธิาร 49
สามารถสร้าร้งการรับรัรู้ไรู้ด้อด้ย่าย่งมีปมีระสิทสิธิภธิาพ นอกจากนี้ Motion Infographic ที่มี ที่ กมีารปรับรัแต่งต่ ด้วด้ยกระบวนการคิดคิวิเวิคราะห์มห์าอย่าย่งดี เพื่อ พื่ ตอบโจทย์ใย์นจุดจุประสงค์ที่ค์ต้ ที่ อต้งการสื่อ สื่ สาร สามารถชักชัจูงจู นักนัเรียรีนมีคมีวามสนใจในตัวตัสื่อ สื่ ได้ดีด้กดีว่าว่สื่อ สื่ อื่น อื่ ๆ โมชั่น ชั่ กราฟิกฟิเป็นป็ ไฟล์วิล์ดีวิโดีอที่มี ที่ เมีนื้อ นื้ หาที่ใที่ ช้รช้ะยะเวลา สั้น สั้ ในการรับรัชมเนื่อ นื่ งจากวิเวิคราะห์ให์ห้ตห้รงจุดจุประสงค์แค์ล้วล้ซึ่ง ซึ่ สามารถนำ ไปปรับรัใช้ร่ช้วร่มกับกัแนวคิดคิ ไมโครเลิร์ลินร์นิงนิในการจัดจัการเรียรีนการสอนที่เ ที่ น้นน้เนื้อ นื้ หาน้อน้ยแต่เต่รียรีนรู้ไรู้ด้มด้าก โดยนำ เสนอเนื้อ นื้ หา การเรียรีนรู้แรู้ก่นัก่กนัเรียรีนในข้อข้มูลมูขนาดเล็กล็ โดยนำ ส่งส่ความรู้ผ่รู้าผ่นกิจกิกรรมการเรียรีนรู้แรู้บบ "ไมโคร" หรือรืการเรียรีนทีลทีะเล็กล็ทีลทีะน้อน้ยในสภาพแวดล้อล้มของสื่อ สื่ ดิจิดิทัจิลทั โดยเสริมริไปกับกักิจกิวัตวัรประจำ วันวัของ นักนัเรียรีนได้เด้ป็นป็อย่าย่งดี อาศัยศัเทคโนโลยี แบบ "Push" และการใช้อุช้ ปอุกรณ์มืณ์อมืถือถืของนักนัเรียรีน การ ออกแบบการสอนจะเป็นป็รูปรูแบบ "Less isMore" เน้นน้เนื้อ นื้ หาน้อน้ยแต่เต่รียรีนรู้ไรู้ด้มด้าก ซึ่ง ซึ่ จะช่วช่ยให้ นักนัเรียรีนสามารถควบคุมคุสิ่ง สิ่ ที่กำ ที่ กำลังลัเรียรีนรู้ไรู้ด้ด้ด้วด้ยตนเองไมโครเลิร์ลินร์นิงนิมีวัมีตวัถุปถุระสงค์กค์ารเรียรีนรู้ที่รู้ ที่ เฉพาะเจาะจงเพื่อ พื่ สนับนัสนุนนุเป้าป้หมายระยะยาวของการจัดจัการเรียรีนการสอนในรูปรูแบบใหม่ ภายใต้ สภาพแวดล้อล้มการเรียรีนรู้ขรู้นาดเล็กล็ที่มี ที่ ปมีระสิทสิธิภธิาพ การเรียรีนรู้แรู้บบไมโครเลิร์ลินร์นิงนิสามารถเรียรีนรู้ ได้ทุด้กทุเนื้อ นื้ หาวิชวิาที่ส ที่ นใจ ทำ ให้ไห้ด้คด้วามรู้ใรู้หม่ ๆ สร้าร้งแนวความคิดคิใหม่เม่พื่อ พื่ ต่อต่ยอดความรู้เรู้ดิมดิที่มี ที่ อมียู่ สามารถสร้าร้งสรรค์ผค์ลงาน พัฒพันานวัตวักรรมใหม่ด้ม่วด้ยตนเอง ด้วด้ยการประยุกยุต์ใต์ช้คช้วามรู้ใรู้หม่ที่ม่ ไที่ ด้ เรียรีนรู้มรู้ า การรับรัรู้ซึ่รู้ง ซึ่ การรับรัรู้เรู้ป็นป็พื้น พื้ ฐานของการเรียรีนรู้ เพราะการตอบสนองพฤติกติรรมใดๆ จะขึ้น ขึ้ อยู่กัยู่ บกั การรับรัรู้จรู้ากสภาพแวดล้อล้มของตนเองและความสามารถในการแปลความหมายของสภาพนั้น นั้ ๆ ดังดั นั้น นั้ การเรียรีนรู้ที่รู้ มี ที่ ปมีระสิทสิธิภธิาพจึงจึขึ้น ขึ้ อยู่กัยู่ บกั ปัจปัจัยจัการรับรัรู้แรู้ละสิ่ง สิ่ เร้าร้ที่มี ที่ ปมีระสิทสิธิภธิาพ ซึ่ง ซึ่ ปัจปัจัยจัการรับรัรู้ ประกอบด้วด้ย ประสาทสัมสัผัสผัและปัจปัจัยจัทางจิตจิคือคืความรู้เรู้ดิมดิความต้อต้งการและเจตคติเติป็นป็ต้นต้การ รับรัรู้จรู้ะประกอบด้วด้ยกระบวนการสามด้าด้น คือคืการรับรัสัมสัผัสผัการแปลความหมายและอารมณ์ การรับรัรู้ขรู้องคนเกิดกิจากการมองเห็นห็75% จากการได้ยิด้นยิ 13% การสัมสัผัสผั 6% กลิ่น ลิ่ 3% และรส 3% ซึ่ง ซึ่ การรับรัรู้เรู้ป็นป็กระบวนการของแต่ลต่ะบุคบุคล ซึ่ง ซึ่ เกี่ย กี่ วข้อข้งกับกัความต้อต้งการ (Needs) ค่าค่นิยนิม (Values) และความคาดหวังวั (Expectation) อิทอิธิพธิลของแต่ลต่ะตัวตัแปรเหล่าล่นี้จ นี้ ะส่งส่ผลต่อต่ พฤติกติรรมของผู้รัผู้บรัและมีคมีวามสำ คัญคัต่อต่การการตัดตัสินสิใจ ความรู้ครู้วามเข้าข้ใจในสื่อ สื่ กระบวนการสร้าร้งสรรค์ Infographic ถือถืว่าว่เป็นป็สิ่ง สิ่ สำ คัญคัต่อต่การ ทำ งานอย่าย่งมาก ถ้าถ้ขาดความเข้าข้ใจในงาน ก็จก็ะสื่อ สื่ ความหมายหรือรืตีกตีารสื่อ สื่ สารผิดผิ ดังดันั้น นั้ การรับรัรู้ขรู้องคนส่วส่นใหญ่เญ่กิดกิจากการมองเห็นห็ซึ่ง ซึ่ การจะสร้าร้งการรับรัรู้ที่รู้ ดี ที่ ไดีด้นั้ด้น นั้ ต้อต้งผ่าผ่น การเข้าข้ใจข้อข้มูลมูสารสนเทศที่ซัที่ บซัซ้อซ้น และมีคมีวามรู้ใรู้นเนื้อ นื้ หาด้าด้นนั้น นั้ ๆ ก่อก่น เมื่อ มื่ เรามีคมีวามรู้ ความ เข้าข้ใจที่ถู ที่ กถูต้อต้งก็จก็ะสามารถอธิบธิายย่อย่ยข้อข้มูลมูเปรียรีบเทียทีบข้อข้มูลมูตีคตีวามหมายขยายความได้อด้ย่าย่ง ถูกถูต้อต้งนั่น นั่ เอง แนวคิดคิและทฤษฎีกฎีารรับรัรู้แรู้ละความเข้า ข้ใจ NIDTEPDTEP NIDTEP NIDTEP NIDTEPNIDTEP NIDTEP NIDTEP NIDTDTEP NIDTEP NIDTEP NIDTEPNIDTEP NIDTEP NIDTEP NID50 หลักลัสูตสูรการสร้าร้งสื่อสื่การเรียรีนรู้ สุดสุปังปั !! สำ หรับรัครู สังสักัดกักระทรวงศึกศึษาธิกธิาร
3.2 การออกแบบ Motion Infographic ตามแนวคิดคิไมโครเลิร์ลินร์นิงนิที่เ ที่ น้นน้กิจกิกรรมการเรียรีนรู้แรู้บบ “ไมโคร” เพื่อ พื่ ให้ผู้ห้เผู้รียรีนรู้สึรู้ กสึมีแมีรงจูงจูใจ ซึ่ง ซึ่ ขั้น ขั้ ตอนการออกแบบมีคมีวามคล้าล้ยคลึงลึกับกัการทำ ภาพยนตร์ โฆษณาและสื่อ สื่ อื่น อื่ ๆโดยการทำ Motion Infographic มีอมียู่ด้ยู่ วด้ยกันกัทั้ง ทั้ หมด 3 ขั้น ขั้ ตอน ได้แด้ก่ Pre-Production Production Post-Production ขั้นขั้ตอนก่อ ก่ นการผลิตลิ (Pre-Production) 1. กำ หนดกรอบแนวคิดคิ (Direction Concept) รวบรวมข้อข้มูลมูและวิเวิคราะห์คห์อนเซ็ปซ็ต์งต์าน ตามแนว คิดคิไมโครเลิร์ลินร์นิงนิ 1.1 เนื้อ นื้ หามีรมีะยะเวลา 3-5 นาที 1.2 เป้าป้หมายที่ต้ ที่ อต้งการสื่อ สื่ สารชัดชัเจนในเรื่อ รื่ งของเทศโนโลยีสยีารสนเทศ 1.3 ง่าง่ยต่อต่การเก็บก็รักรัษารวบรวมความจำ สำ หรับรันักนัเรียรีน 1.4 พร้อร้มใช้าช้นได้ตด้ามความต้อต้งการของนักนัเรียรีน 1.5 เข้าข้ถึงถึเนื้อ นื้ หาได้ง่ด้าง่ยเหมาะกับกัอุปอุกรณ์เณ์คลื่อ ลื่ นที่ 1.6 ออกแบบมาเพื่อ พื่ ให้ผู้ห้เผู้รียรีนฝึกฝึปฏิบัฏิติบัไติด้ 1.7 อนุญนุาตให้ผู้ห้เผู้รียรีนศึกศึษาเนื้อ นื้ หาเรียรีนรู้ดูรู้ซ้ำดูซ้ำ ได้ NIDTEP DTEP NIDTEP NIDTEP NIDTEPNIDTEP NIDTEP NIDTEP NIDTEDTEP NIDTEP NIDTEP NIDTEPNIDTEP NIDTEP NIDTEP NIDTหลัลักลัลัสูสูตสูสูรการสร้ร้าร้ร้งสื่สื่สื่สื่อสื่สื่การเรีรียรีรีนรู้รู้รู้รู้รู้รู้สุสุดสุสุปัปังปัปั !! สำสำสำสำสำสำหรัรับรัรัครูรูรูรูสัสังสัสักักัดกักักระทรวงศึศึกศึศึษาธิธิกธิธิาร 51
2. อารมณ์ขณ์องาน (Mood Board) สีสัสีนสัสไตล์ ตัวตัละครและฟอนต์ขต์องงาน สามารถสื่อ สื่ อารมณ์ขณ์อง งานได้ ซึ่ง ซึ่ จะทำ ให้ผู้ห้ชผู้มมีคมีวามรู้สึรู้ กสึร่วร่มกับกังานชิ้น ชิ้ นั้น นั้ ๆไปด้วด้ย 3. บทพูดพู (Script) เป็นป็ขั้น ขั้ ตอนที่นำ ที่ นำข้อข้มูลมูจากการกำ หนดแนวคิดคิมาเขียขีนเป็นป็บทพูดพูโดยสามารถ แบ่งบ่เป็นป็ 3 ส่วส่นคือคืการเริ่ม ริ่ ต้นต้ส่วส่นหลักลัและสรุปรุความยาวของบทพูดพูควรอยู่รยู่ ะหว่าว่ง 2 นาทีแทีละไม่ เกินกิ 15 นาทีเทีมื่อ มื่ พูดพูตามสคริปริต์ หมายเหตุ จาก http://magistudio.net/work/illusion-of-life-week-1-mood-boards หมายเหตุ จาก https://blog.vmgstudios.com/animation-mood-boards-style-frames-storyboards NIDTEP DTEP NIDTEP NIDTEP NIDTEPNIDTEP NIDTEP NIDTEP NIDTEP NIDTEP NIDTEP NIDTEPNIDTEP NIDTEP NIDTEP N52 หลักลัสูตสูรการสร้าร้งสื่อสื่การเรียรีนรู้ สุดสุปังปั !! สำ หรับรัครู สังสักัดกักระทรวงศึกศึษาธิกธิาร
4. บทภาพ (Storyboard) การเขียขีนสตอรี่บ รี่ อร์ดร์เป็นป็การกำ หนดรายละเอียอีดที่จ ที่ ะปรากฏในแต่ลต่ะฉาก หรือรืหน้าน้จอ เพื่อ พื่ สร้าร้งเรื่อ รื่ งราวที่ส ที่ มบูรบูณ์ขณ์องงานและการแสดงเรื่อ รื่ งราวทั้ง ทั้ หมด 1. การเตรียรีมอาร์ตร์เวิร์วิคร์ (Artwork) การจัดจัรายละเอียอีดและองค์ปค์ระกอบของงานภาพเคลื่อ ลื่ นไหวต้อต้ง ทำ ให้อห้ยู่ใยู่ นรูปรูแบบของ Visual Contentซึ่ง ซึ่ จำ เป็นป็ต้อต้งเตรียรีมอาร์ทร์เวิร์วิคร์เพื่อ พื่ ใช้ใช้นงานเคลื่อ ลื่ นไหว - ขนาดเฟรม (Frame Size) การเตรียรีมอาร์ตร์เวิร์วิคร์สำ หรับรัสร้าร้งงานภาพเคลื่อ ลื่ นไหว จำ เป็นป็ ต้อต้งเข้าข้ใจเรื่อ รื่ งขนาดกรอบ และเลือลืกใช้ใช้ห้เห้หมาะสม - อัตอัราส่วส่นภาพ (Aspect Ratio): เป็นป็อัตอัราส่วส่นระหว่าว่งความกว้าว้งและความสูงสูของภาพ เช่นช่ 1:1, 3:2, 4:3 และ 16:9 เป็นป็ต้นต้การเลือลืกใช้อัช้ตอัราส่วส่นเท่าท่ ไหร่นั้ร่น นั้ ขึ้น ขึ้ อยู่กัยู่ บกัลักลัษณะงาน เช่นช่ถ้าถ้จะ โฆษณาบน Facebook หรือรื Instagram อาจจะใช้อัช้ตอัราส่วส่น 1 : 1 ส่วส่นงานกราฟิกฟิเคลื่อ ลื่ นไหวอาจใช้ อัตอัราส่วส่น 16 : 9 เป็นป็ต้นต้ หมายเหตุ จาก https://juliatruong.files.wordpress.com/2013/05/1.jpg ขั้นขั้ตอนการผ N ลิตลิ (Prod I uc D tion) TEP DTEP NIDTEP NIDTEP NIDTEPNIDTEP NIDTEP NIDTEP NIDTEP NIDTEP NIDTEP NIDTEPNIDTEP NIDTEP NIDTEP Nหลัลักลัลัสูสูตสูสูรการสร้ร้าร้ร้งสื่สื่สื่สื่อสื่สื่การเรีรียรีรีนรู้รู้รู้รู้รู้รู้สุสุดสุสุปัปังปัปั !! สำสำสำสำสำสำหรัรับรัรัครูรูรูรูสัสังสัสักักัดกักักระทรวงศึศึกศึศึษาธิธิกธิธิาร 53
2. การเคลื่อ ลื่ นไหว (Motion) เป็นป็การนำ อาร์ตร์เวิร์วิคร์ที่ถู ที่ กถูออกแบบจากโปรแกรม Adobe Illustrator มาแยกเป็นป็เลเยอร์และทำ ให้เห้คลื่อ ลื่ นไหวในโปรแกรม Adobe After Effects 1. การลำ ดับดัภาพ (Sequencing) เป็นป็การนำ เอาภาพและองค์ปค์ระกอบต่าต่งๆ ที่เ ที่ ตรียรีมไว้ใว้นแต่ลต่ะ ฉากที่ทำ ที่ ทำการเรียรีงลำ ดับดัภาพและเสียสีงให้เห้ป็นป็เรื่อ รื่ งราว 2. การกำ หนดการเคลื่อ ลื่ นไหว (Animate) เป็นป็การใส่คส่วามมีชีมีวิชีตวิหรือรืการเคลื่อ ลื่ นไหวต่าต่งๆเข้าข้สู่งสู่ าน กราฟิกฟิ โดยใช้โช้ปรแกรมทางด้าด้นกราฟิกฟิในการสร้าร้ง Animation ซึ่ง ซึ่ ในปัจปัจุบัจุนบัมีหมีลากหลาย โปรแกรม ซึ่ง ซึ่ ในขั้น ขั้ ตอนการทำ ควรมีเมีสียสีงไกด์เด์พื่อ พื่ ที่จ ที่ ะได้ภด้าพที่ต ที่ รงกับกัเสียสีงและไม่ผิม่ดผิจากแนวคิดคิที่ สร้าร้งไว้ใว้นขั้น ขั้ ตอนแรก ๆ 3. การใส่เส่สียสีงเพิ่ม พิ่ ความเร้าร้ใจ (MixSound) ขั้น ขั้ ตอนสุดสุท้าท้ยในการผลิตลิเป็นป็การใส่เส่สียสีงทุกทุชนิดนิที่ ต้อต้งการในงาน ทั้ง ทั้ เสียสีงบรรยายเสียสีงเอฟเฟกต์ เสียสีงเพลง โดยผ่าผ่นโปรแกรมที่ถ ที่ นัดนัสามารถแยก ออกเป็นป็เสียสีงต่าต่งๆได้ 3 รูปรูแบบ 3.1 Dialog เสียสีงบรรยาย หรือรืบทพูดพูเป็นป็ ส่วส่นที่สำ ที่ สำคัญคัมากที่สุ ที่ ดสุที่ใที่ ช้ใช้นการบอกเล่าล่ เรื่อ รื่ งราวและเนื้อ นื้ หาของ Motion Graphic ขั้นขั้ตอนการผลิตลิ (Production) NIDTEP DTEP NIDTEP NIDTEP NIDTEPNIDTEP NIDTEP NIDTEP IDTEP NIDTEP NIDTEP NIDTEPNIDTEP NIDTEP NIDTEP 54 หลักลัสูตสูรการสร้าร้งสื่อสื่การเรียรีนรู้ สุดสุปังปั !! สำ หรับรัครู สังสักัดกักระทรวงศึกศึษาธิกธิาร
3.2 Sound Effect เป็นป็เสียสีงพิเพิศษที่ใที่ ส่เส่ข้าข้มาเพื่อ พื่ เพิ่ม พิ่ อารมทางเสียสีงต่อต่เนื้อ นื้ หาในฉากนั้น นั้ ๆ โดย สามารถแบ่งบ่ออกเป็นป็ 3 ชนิดนิ ได้แด้ก่ 3.3 Music หรือรืดนตรีปรีระกอบ เป็นป็อีกอีส่วส่นหนึ่ง นึ่ ที่ใที่ ช้สช้ร้าร้งอารมณ์ขณ์อง Motion Infographicให้ สมบูรบูณ์ยิ่ณ์ง ยิ่ ขึ้น ขึ้ สิ่ง สิ่ สำ คัญคัสุดสุก็คืก็อคืความพอดีใดีนการใช้ เสียสีงต่าต่งๆเช่นช่การไม่จม่งใจใช้ดช้นตรีหรีรือรืeffect ต่าต่ง ๆ ที่ขั ที่ บขัเน้นน้อารมณ์มณ์ากเกินกิไป หรือรืมีเมีสียสีงน้อน้ยหรือรื โล่งล่และรกจนเกิดกิความรู้สึรู้ กสึอึดอึอัดอัแต่ทั้ต่ง ทั้ นี้ทั้ นี้ ง ทั้ นั้น นั้ ก็อก็ยู่ ที่ดุ ที่ ลดุยพินิพิจนิของแต่ลต่ะคน NIDTEP DTEP NIDTEP NIDTEP NIDTEPNIDTEP NIDTEP NIDTEP NIDDTEP NIDTEP NIDTEP NIDTEPNIDTEP NIDTEP NIDTEP NIหลัลักลัลัสูสูตสูสูรการสร้ร้าร้ร้งสื่สื่สื่สื่อสื่สื่การเรีรียรีรีนรู้รู้รู้รู้รู้รู้สุสุดสุสุปัปังปัปั !! สำสำสำสำสำสำหรัรับรัรัครูรูรูรูสัสังสัสักักัดกักักระทรวงศึศึกศึศึษาธิธิกธิธิาร 55
3.3 สร้าร้ง Motion Infographic ด้วด้ยเครื่อ รื่ งมือมืจาก Canva โดยใช้เช้ทมเพลตวิดีวิโดีอ อีกอีทั้ง ทั้ ยังยัมีสำมีสำเร็จร็รูปรูให้เห้ลือลืกใช้มช้ากมาย ทำ ให้สห้ามารถสร้าร้งสรรค์วิค์ดีวิโดีอภาพเคลื่อ ลื่ นไหวที่น่ ที่ าน่ ในใจและ เร้าร้ใจผู้เผู้รียรีนได้ โดยมีพื้มีน พื้ ฐานการใช้ Canva เล็กล็น้อน้ยก็สก็ามารถ ทำ ให้ Motion Infographic สวยงามได้ มีสมีารสำ คัญคัดังดันี้ NIDTEP DTEP NIDTEP NIDTEP NIDTEPNIDTEP NIDTEP NIDTEP IDTEP NIDTEP NIDTEP NIDTEPNIDTEP NIDTEP NIDTEP 56 หลักลัสูตสูรการสร้าร้งสื่อสื่การเรียรีนรู้ สุดสุปังปั !! สำ หรับรัครู สังสักัดกักระทรวงศึกศึษาธิกธิาร
เครื่อรื่งมือมืพื้นพื้ฐานสำ หรับรัสร้าร้งสื่อสื่ Motion Infographic สำ หรับรัเครื่อ รื่ งมือมืพื้น พื้ ฐานที่ใที่ ช้สำช้ สำหรับรัสร้าร้งสื่อ สื่ Motion Infographic มีดัมีงดันี้ 1. มุมมุมองโดยรวม หน้าน้พื้น พื้ ที่ก ที่ ารทำ งานจำ เหมือมืนกับกัการออกแบบโปสเตอร์ทั่ร์ว ทั่ ไป แต่จต่ะมีฟัมีงฟัชันชัก์ ต่าต่งๆ สำ หรับรัการสร้าร้งงาน Motion Infographic ดังดันี้ 1.1 พื้น พื้ ที่ก ที่ ารทำ งาน 1.2 การกำ หนดเวลา: กำ หนดระยะเวลาของสไลด์เด์ป็นป็วินวิาที ให้มีห้คมีวามยาวตามความต้อต้งการได้ 1.3 ปุ่มปุ่ การเล่นล่วิดีวิโดีอ 1.4 ไทม์ไม์ลน์ : เป็นป็ส่วส่นในการแสดงความยาว เรียรีงลำ ดับดัวีดิวีโดิอ และเสียสีง 1.5 แสดงเวลาทั้ง ทั้ หมดของวิดีวิโดีอ 1.6 เครื่อ รื่ งมือมืปรับรัย่อย่และขยายในส่วส่นของพื้น พื้ ที่ก ที่ ารทำ งานและไทม์ไม์ลน์ 1.7 เมนูอันูพอัโหลดวิดีวิโดีอและเสียสีง 1.2 1.3 1.4 1.5 1.6 1.1 1.7 NIDTEP DTEP NIDTEP NIDTEP NIDTEPNIDTEP NIDTEP NIDTEP IDTEP NIDTEP NIDTEP NIDTEPNIDTEP NIDTEP NIDTEP หลัลักลัลัสูสูตสูสูรการสร้ร้าร้ร้งสื่สื่สื่สื่อสื่สื่การเรีรียรีรีนรู้รู้รู้รู้รู้รู้สุสุดสุสุปัปังปัปั !! สำสำสำสำสำสำหรัรับรัรัครูรูรูรูสัสังสัสักักัดกักักระทรวงศึศึกศึศึษาธิธิกธิธิาร 57
การจัดจัการกับกั ไทม์ไม์ลน์ ไทม์ไม์ลน์เน์ป็นป็ส่วส่นที่สำ ที่ สำคัญคั ในการสร้าร้งงาน Motion Infographic เพราะเป็นป็ส่วส่นที่ต้ ที่ อต้งจัดจัการ ลำ ดับดัการนำ เสนอวิดีวิโดีอ กราฟิกฟิรูปรูภาพ ข้อข้ความ เสียสีง รวมถึงถึการแทรกเอฟเฟกต่าต่ง ๆ ให้ปห้รากฏ ตามที่ต้ ที่ อต้งการได้ ซึ่ง ซึ่ การจัดจัการกับกัไทม์ไม์ลน์มีน์เมีมนูสำนูสำหรับรัการปรับรัแต่งต่ดังดัต่อต่ ไปนี้ เมื่อ มื่ นำ เม้าม้ท์ไท์ทม์ไม์ลน์จน์ะมีจุมีดจุสามจุดจุประกฏขึ้น ขึ้ มา ให้คห้ลิ๊ก ลิ๊ เพื่อ พื่ เปิดปิการมองเห็นห็เมนูกนูารปรับรัแต่งต่ 1. เมนูเนูพิ่ม พิ่ หน้าน้เป็นป็เมนูสำนูสำหรับรัเพิ่ม พิ่ หน้าน้ไทม์ไม์ลน์ที่น์ ที่ เป็นป็หน้าน้เปล่าล่ 2. เมนูทำนูทำสำ เนา 1 หน้าน้เป็นป็เมนูสำนูสำหรับรัทำ สำ เนา หน้าน้ไทม์ไม์ลน์ที่น์มี ที่ อมีงค์ปค์ระกอบต่าต่งๆเหมือมืนกันกั 3. เมนูลนูบ 1 หน้าน้เป็นป็เมนูสำนูสำหรับรัลบหน้าน้ไทม์ ไลน์ที่น์ ไที่ ม่ต้ม่อต้งการ 4.ซ่อซ่น 1 หน้าน้เป็นป็เมนูสำนูสำหรับรั ปิดปิการแสดงของ หน้าน้ไทม์ไม์ลน์ ซึ่ง ซึ่ สามารถเปิดปิขึ้น ขึ้ มาใหม่ไม่ด้ตด้ามที่ ต้อต้งการ 5. เมนู เพิ่ม พิ่ ช่วช่งการเปลี่ย ลี่ นภาพ เป็นป็เมนูสำนูสำหรับรั สร้าร้งการเปลี่ย ลี่ นภาพระหว่าว่งหน้าน้ให้มีห้คมีวามน่าน่สนใจ 6. เมนูแนูบ่งบ่หน้าน้เป็นป็เมนูสำนูสำหรับรัแยกหน้าน้ออก จากกันกั NIDTEP DTEP NIDTEP NIDTEP NIDTEPNIDTEP NIDTEP NIDTEP IDTEP NIDTEP NIDTEP NIDTEPNIDTEP NIDTEP NIDTEP 58 หลักลัสูตสูรการสร้าร้งสื่อสื่การเรียรีนรู้ สุดสุปังปั !! สำ หรับรัครู สังสักัดกักระทรวงศึกศึษาธิกธิาร
การส่วส่น Intro หรือรื Title เนื้อ นื้ หาต่อต่จากนี้เ นี้ป็นป็จะใช้กช้าร สาธิตธิการสร้าร้ง Motion Infographic ซึ่ง ซึ่ จะประกอบไปด้วด้ย ส่วส่น Intro หรือรื Title การสร้าร้งส่วส่นเนื้อ นื้ หา การสร้าร้งส่วส่นสรุปรุและเทคนิคนิในการสร้าร้ง Motion Infographic ให้น่ห้าน่สนใจโดยจะใช้เช้นื้อ นื้ หาเรื่อ รื่ ง ส่วส่นประกอบของดอกไม้ ในการทำ Workshop การเลือลืกแม่แม่บบสำ หรับรังาน Motion Infographic เมนูดีนูไดีซน์ ผู้ใผู้ช้งช้านสามารเลือลืกดีไดีซน์ที่น์ต้ ที่ อต้งการสร้าร้งงานออกแบบ ได้ด้ด้วด้ยเมนูทนูางซ้าซ้ยมือมื ซึ่ง ซึ่ มีทั้มีง ทั้ รูปรูแบบฟรีแรีละมีค่มีาค่ ใช้จ่ช้าจ่ย สำ หรับรั Canva ฟรี ส่วส่น Canva For Education และ Canva Pro ไม่มีม่ มี ค่าค่ ใช้จ่ช้าจ่ย โดยสามารถพิมพิพ์ค้พ์นค้หาแม่แม่บบได้ที่ด้ช่ที่ อช่งค้นค้หา เมื่อ มื่ เลือลืก แม่แม่บบได้แด้ล้วล้ผู้ใผู้ช้สช้ามารถปรับรัเปลี่ย ลี่ นสีข้สีอข้ความ จัดจัวางข้อข้มูลมูใหม่ ได้คด้วามต้อต้งการของผู้ใผู้ช้ นอกจากนี้ผู้ นี้ใผู้ช้งช้านยังยัสามารถกำ หนดสไตล์ขล์องดีไดีซน์ไน์ด้ โดยไปที่เ ที่ มนู “สไตล์”ล์จะมีชุมีดชุของการ ออกแบบให้เห้ลือลืกโดย Canva จะกำ หนดชุดชุของสี ฟ้อฟ้นต์ ที่เ ที่ หมาะสมกับกัดีไดีซน์ที่น์ผู้ ที่ ใผู้ช้เช้ลือลืก จะทำ ให้งห้าน ที่ผู้ ที่ ใผู้ช้อช้อกแบบมีทิมีศทิทางไปในแนวเดียดีวกันกัซึ่ง ซึ่ ก็จก็ะทำ ให้งห้านมีคมีวามเป็นป็มือมือาชีพชีมากยิ่ง ยิ่ ขึ้น ขึ้ Canva ยังยัเพิ่ม พิ่ ความน่าน่สนใจ ในการเลือลืกสีมสีาให้อีห้กอีด้วด้ย โดย Canva จะเลือลืกรูปรูแบบของสีที่สีที่ มีใมีนรูปรูภาพที่ผู้ ที่ ใผู้ช้งช้านนำ มาใช้ NIDTEP DTEP NIDTEP NIDTEP NIDTEPNIDTEP NIDTEP NIDTEP IDTEP NIDTEP NIDTEP NIDTEPNIDTEP NIDTEP NIDTEP หลัลักลัลัสูสูตสูสูรการสร้ร้าร้ร้งสื่สื่สื่สื่อสื่สื่การเรีรียรีรีนรู้รู้รู้รู้รู้รู้สุสุดสุสุปัปังปัปั !! สำสำสำสำสำสำหรัรับรัรัครูรูรูรูสัสังสัสักักัดกักักระทรวงศึศึกศึศึษาธิธิกธิธิาร 59
1 2 ขั้นขั้ตอนการสร้าร้งส่วส่น Intro 1. ผู้ใผู้ช้งช้านเลือลืกดีไดีซน์เน์ทมเพลต ที่ต้ ที่ อต้งการ จะมีชุมีดชุของเทมเพลตที่ Canva ได้อด้อกแบบไว้มว้าให้ เลือลืกผู้ใผู้ช้งช้านสามารถเลือลืกหน้าน้ที่ต้ ที่ อต้งการและเทมเพลตจะถูกถูนำ เข้าข้มาใช้งช้านในพื้น พื้ ที่ก ที่ ารทำ งาน 2. ผู้ใผู้ช้งช้านสามารถปรับรัแต่งต่องค์ปค์ระกอบต่าต่ง ๆ ในเทมเพลตได้ เช่นช่รูปรูภาพ ข้อข้ความ สี เป็นป็ต้นต้ ในที่นี้ ที่ ในี้ ห้ผู้ห้ใผู้ช้งช้านเปลี่ย ลี่ นข้อข้ความ ชื่อ ชื่ เรื่อ รื่ งเป็นป็องค์ปค์ระกอบของดอกไม้ NIDTEP DTEP NIDTEP NIDTEP NIDTEPNIDTEP NIDTEP NIDTEP IDTEP NIDTEP NIDTEP NIDTEPNIDTEP NIDTEP NIDTEP 60 หลักลัสูตสูรการสร้าร้งสื่อสื่การเรียรีนรู้ สุดสุปังปั !! สำ หรับรัครู สังสักัดกักระทรวงศึกศึษาธิกธิาร
การสร้าร้ง Logo 3. ผู้ใผู้ช้งช้านสามารถสร้าร้งโลโก้โก้ดยใช้ภช้าพเขียขีนของตัวตัเองเพื่อ พื่ ให้เห้ป็นป็อัตอัลักลัษณ์แณ์ละทำ ให้เห้กิดกิการ จดจำ ได้ มีขั้มีน ขั้ ตอนดังดันี้ 3.1 แปลงภาพถ่าถ่ยให้เห้ป็นป็ภาพเขียขีน โดยใช้https://picsvg.com/ 3.1.1 ไปที่เ ที่ ว็ปว็ไซต์ https://picsvg.com/ 3.1.2 กดปุ่มปุ่ UPLOAD A PICTURE 3.1.3 เลือลืกภาพถ่าถ่ยของตัวตัเอง โดยจะต้อต้งเป็นป็รูปรูที่มี ที่ เมีฉพาะตัวตับุคบุคล พื้น พื้ หลังลัสีขสีาว หรือรืโปร่งร่ ใส ในรูปรูแบบไฟล์ jpg, png, gif 3.1.1 3.1.2 3.1.3 3.1.4 ปรับรัแต่งต่รูปรูแบบของภาพเขียขีนที่ถู ที่ กถูGenerate เรียรีบร้อร้ยได้ตด้ามความต้อต้งการ - Fillters=รูปรูแบบลายเส้นส้ - = สีขสีองลายเส้นส้ 3.1.5 เมื่อ มื่ ปรับรัแต่งต่เรียรีบร้อร้ย สามารถดาวน์โน์หลดได้โด้ดย กดปุ่มปุ่ DOWNLOAD SVG ไฟล์จล์ะโหลดไปเก็บก็ไว้ที่ว้ ที่ Download ในเครื่อ รื่ งคอมพิวพิเตอร์ 3.1.4 3.1.5 NIDTEP DTEP NIDTEP NIDTEP NIDTEPNIDTEP NIDTEP NIDTEP IDTEP NIDTEP NIDTEP NIDTEPNIDTEP NIDTEP NIDTEP หลัลักลัลัสูสูตสูสูรการสร้ร้าร้ร้งสื่สื่สื่สื่อสื่สื่การเรีรียรีรีนรู้รู้รู้รู้รู้รู้สุสุดสุสุปัปังปัปั !! สำสำสำสำสำสำหรัรับรัรัครูรูรูรูสัสังสัสักักัดกักักระทรวงศึศึกศึศึษาธิธิกธิธิาร 61
3.1.6 อัพอั โหลดไฟล์ภล์าพเขียขีนเข้าข้ใน Canva - ไปที่เ ที่ มนู Upload - เลือลืกไฟล์ภล์พเขียขีน แล้วล้กด Open - ไฟล์ถูล์กถูอัพอั โหลดเข้าข้มาใน Canva เรียรีบร้อร้ย 3.1.7 ปรังรัแต่งต่ โลโก้ ตามความต้อต้งการ โดยตัวตัอย่าย่ง จะต้อต้งชื่อ ชื่ ช่อช่งของผู้ใผู้ช้ โดย ใช้ชื่ช้อ ชื่ “สนุกนุคิดคิ By KruCopter” 3.1.4 ข้อข้สังสัเกต เมื่อ มื่ ผู้ใผู้ช้เช้ลือลืกเทมเพลต จะเห็นห็ว่าว่มีกมีารเคลื่อ ลื่ นไหวเมื่อ มื่ กดปุ่มปุ่ เล่นล่วิดีวิโดีอ เพราะว่าว่ Canva ได้เด้ลืิอลืิก รูปรูแบบการเคลื่อ ลื่ นไหวมาให้อัห้ตอั โนมัติมั ติ ผู้ใผู้ช้งช้านสามารถเปลี่ย ลี่ นการเคลื่อ ลื่ นไหว ได้โด้ดยกดที่ปุ่ที่ มปุ่ “เคลื่อ ลื่ นไหว” NIDTEP DTEP NIDTEP NIDTEP NIDTEPNIDTEP NIDTEP NIDTEP IDTEP NIDTEP NIDTEP NIDTEPNIDTEP NIDTEP NIDTEP 62 หลักลัสูตสูรการสร้าร้งสื่อสื่การเรียรีนรู้ สุดสุปังปั !! สำ หรับรัครู สังสักัดกักระทรวงศึกศึษาธิกธิาร
การปรับรัแต่งต่และเพิ่มพิ่ความน่าน่สนใจให้กัห้บกัข้อข้ความ การปรับรัแต่งต่ข้อข้ความปกติ 1. เมนูข้นูอข้ความ เป็นป็เมนูสำนูสำหรับรัเลือลืกข้อข้ความ ต่าต่งๆ ใส่ลส่งในงานออกแบบ โดยสามารถปรับรั เลือลืกขนาด เปลี่ย ลี่ นสี และแบบอักอัษรที่ต้ ที่ อต้งการได้ อีกอีทั้ง ทั้ ยังยัมีชุมีดชุรูปรูแบบของข้อข้ความทีี่ Canva มีใมีห้ ผุ้ใผุ้ช้สช้ามารถเลือลืกให้เห้หมาะสมกับกังานได้ สไตล์ข้ล์อข้ความเริ่ม ริ่ ต้นต้มี 3 รูปรูแบบ คือคื - ข้อข้ความหัวหัเรื่อ รื่ ง - ข้อข้ความหัวหัเรื่อ รื่ งย่อย่ย - ข้อข้ความในส่วส่นเนื้อ นื้ หาเล็กล็น้อน้ย ตัว ตั อย่า ย่ งข้อ ข้ ความเริ่ม ริ่ ต้น ต้ รูป รู แบบการวางข้อ ข้ ความ Effect BAKED FRESH BE BRAVE hugs + kisses C O M I N G Y O U R W A Y Now! Enroll SALE HUGE STEAK NIGHT Fridays 6:30pm - 10pm Join us every end of the week! NIDTEP DTEP NIDTEP NIDTEP NIDTEPNIDTEP NIDTEP NIDTEP IDTEP NIDTEP NIDTEP NIDTEPNIDTEP NIDTEP NIDTEP หลัลักลัลัสูสูตสูสูรการสร้ร้าร้ร้งสื่สื่สื่สื่อสื่สื่การเรีรียรีรีนรู้รู้รู้รู้รู้รู้สุสุดสุสุปัปังปัปั !! สำสำสำสำสำสำหรัรับรัรัครูรูรูรูสัสังสัสักักัดกักักระทรวงศึศึกศึศึษาธิธิกธิธิาร 63
1. ไปที่เ ที่ มนู “แอป”แล้วล้พิมพิพ์ค้พ์นค้หา TypeGradient แอปพลิเลิคชันชัTypeGradient เป็นป็การปรับรัแต่งต่สไตล์ขล์องข้อข้ความโดยการไล่รล่ะดับดัของสีแสีละ มีข้มีอข้ความให้เห้ลือลืกหลายรูปรูแบบทำ ให้ผู้ห้ใผู้ช้สช้นุกนุกับกัการปรับรัแต่งต่สีที่สีห ที่ ลากหลายและข้อข้ความมีสีมีสัสีนสั มากยิ่ง ยิ่ ขึ้น ขึ้ แต่มีต่ข้มีอข้จำ กับกัของข้อข้ความภาษาไทยที่มี ที่ ใมีห้เห้ลือลืกน้อน้ย 2. กดปุ่มปุ่ “เปิดปิ” เพื่อ พื่ เริ่ม ริ่ ใช้งช้านแอพ การปรับรัแต่งต่ข้อข้ความด้วด้ย แอปพลิเลิคชันชั TypeGradient 1 3.ส่วส่นของการปรับรัแต่งต่ ประกอบด้วด้ย -Maintext=พิมพิพ์ข้พ์อข้ความที่ ต้อต้งการ -Font=เลือลืกรูปรูแบบฟอนต์ โดยภาษาไทยจะใช้ฟอนต์Noto -Alignment=จะตำ แหน่งน่ ของข้อข้ความ 4. ไฮไลท์ อยู่ตยู่ รงนี้ ผู้ใผู้ช้งช้านสามารถกำ หนดการไล่รล่ะดับดัสีขสีอง ฟอนต์ไต์ด้อด้ย่าย่งสวยงามในแท็ปท็Gradient โดยสามารถเพิ่ม พิ่ จุดจุ วงกลมสีขสีาวเพื่อ พื่ เพิ่ม พิ่ สีเสีข้าข้และถ้าถ้หากไม่ต้ม่อต้งการสีที่สีเ ที่ พิ่ม พิ่ เข้าข้ มา สามารถลบที่ปุ่ที่ มปุ่ Delete ได้ 2 3 4 5. Add to design เมื่อ มื่ ปรับรัแต่งต่เรียรีบร้อร้ย ตัวตัอย่าย่ง NIDTEP DTEP NIDTEP NIDTEP NIDTEPNIDTEP NIDTEP NIDTEP IDTEP NIDTEP NIDTEP NIDTEPNIDTEP NIDTEP NIDTEP 64 หลักลัสูตสูรการสร้าร้งสื่อสื่การเรียรีนรู้ สุดสุปังปั !! สำ หรับรัครู สังสักัดกักระทรวงศึกศึษาธิกธิาร
การปรับรัแต่งต่ข้อข้ความและองค์ปค์ระกอบด้วด้ย แอปพลิเลิคชันชั Magic Morph แอปพลิเลิคชันชัMagic Morph เป็นป็การเปลี่ย ลี่ นองค์ปค์ระกอบ ในดีไดีซน์ ใช้งช้านได้ทั้ด้ง ทั้ ข้อข้ความ และรูปรูทรง ทำ ให้ไห้ด้งด้านกราฟิกฟิ และพื้น พื้ ผิวผิได้อด้ย่าย่งรวดเร็วร็และสร้าร้งสรรค์ผค์ลงานได้อด้ย่าย่งหลาก หลาย 1. ไปที่เ ที่ มนู “แอป”แล้วล้พิมพิพ์ค้พ์นค้หา Magic Morph - เลือลืกองค์ปค์ระกอบในดีไดีซน์ ซึ่ง ซึ่ ผู้ใผู้ช้งช้าน สามารถเลือลืกใช้งช้านองค์ปค์ระกอบ ได้ใด้นเมนู “องค์ปค์ระกอบ” เลือลืกรูปรูแบบที่เ ที่ ป็นป็ “กราฟิกฟิ” - อธิบธิายว่าว่อยากให้อห้อกมาเป็นป็เช่นช่ ไร ซึ่ง ซึ่ ผู้ใผู้ช้ งานสามารถเขียขีนคำ อธิบธิายว่าว่อยากให้อห้ะไร เปลี่ย ลี่ นเป็นป็อะไร - เมื่อ มื่ ต้อต้งการ Generate ให้กห้ดปุ่มปุ่ Magic Morph NIDTEP DTEP NIDTEP NIDTEP NIDTEPNIDTEP NIDTEP NIDTEP IDTEP NIDTEP NIDTEP NIDTEPNIDTEP NIDTEP NIDTEP หลัลักลัลัสูสูตสูสูรการสร้ร้าร้ร้งสื่สื่สื่สื่อสื่สื่การเรีรียรีรีนรู้รู้รู้รู้รู้รู้สุสุดสุสุปัปังปัปั !! สำสำสำสำสำสำหรัรับรัรัครูรูรูรูสัสังสัสักักัดกักักระทรวงศึศึกศึศึษาธิธิกธิธิาร 65
ตัวตัอย่าย่ง - ต้อต้งการเปลี่ย ลี่ นพื้น พื้ หลังลัของ องค์ปค์ระกอบดอกไม้ ให้มีห้ลัมีกลัษณะเป็นป็ท่อท่นไม้ สามาถทำ ได้ดัด้งดัตัวตัอย่าย่ง 1. เลือลืกองค์ปค์ระกอบที่ต้ ที่ อต้งการ ผลลัพลัธ์ที่ธ์ ไที่ ด้ 2. พิมพิพ์ข้พ์อข้ความที่อ ที่ ยากจะใส่ กราฟิกฟิลงไปในองค์ปค์ระกอบ 3. เมื่อ มื่ ต้อต้งการ Generate ให้กห้ดปุ่มปุ่ Magic Morph เมื่อ มื่ นำ มาประกอบกับกังานก็จก็ะได้ภด้าพสวยๆแบบนี้ NIDTEP DTEP NIDTEP NIDTEP NIDTEPNIDTEP NIDTEP NIDTEP IDTEP NIDTEP NIDTEP NIDTEPNIDTEP NIDTEP NIDTEP 66 หลักลัสูตสูรการสร้าร้งสื่อสื่การเรียรีนรู้ สุดสุปังปั !! สำ หรับรัครู สังสักัดกักระทรวงศึกศึษาธิกธิาร
มาถึงถึขั้น ขั้ ตอนนี้จ นี้ ะได้ใด้นส่วส่นของ Intro ซึ่ง ซึ่ ประกอบไปด้วด้ย 2 Slide คือคื 1. สไลด์ที่ด์ ที่ 1 เป็นป็สไล์ดล์ของการทำ โลโก้ หรือรื ชื่อ ชื่ ของรายงาน 2. สไลด์ที่ด์ ที่ 2 เป็นป็สไลด์ขด์องการทำ ชื่อ ชื่ เรื่อ รื่ ง 3. เป็นป็ในส่วส่นของส่วส่นนำ ซึ่ง ซึ่ จะเนื้อ นื้ หาจะเริ่ม ริ่ ต้นต้จากสไลด์ที่ด์ ที่ 3 เป็นป็ต้นต้ ไป 1 2 3 ก่อก่นที่จ ที่ ะเริ่ม ริ่ สร้าร้ง Motion Infographic จะต้อต้งเตรียรีมทรัพรัยากรทั้ง ทั้ หมดที่จ ที่ ะต้อต้งใช้ ได้แด้ก่ StoryBoard บทบรรยาย N รูปรูภาพ เสียสีง กราฟิกฟิเป็นป็ต้นต้ IDTEP DTEP NIDTEP NIDTEP NIDTEPNIDTEP NIDTEP NIDTEP IDTEP NIDTEP NIDTEP NIDTEPNIDTEP NIDTEP NIDTEP หลัลักลัลัสูสูตสูสูรการสร้ร้าร้ร้งสื่สื่สื่สื่อสื่สื่การเรีรียรีรีนรู้รู้รู้รู้รู้รู้สุสุดสุสุปัปังปัปั !! สำสำสำสำสำสำหรัรับรัรัครูรูรูรูสัสังสัสักักัดกักักระทรวงศึศึกศึศึษาธิธิกธิธิาร 67
ส่วส่นนำ สวัสวัดีนัดีกนัเรียรีนทุกทุคน กลับลัมาพบกันกัอีกอีแล้วล้วันวันี้จ นี้ ะมาเรียรีนรู้เรู้กี่ย กี่ วกับกัส่วส่นประกอบของดอกไม้ ซึ่ง ซึ่ นักนัเรียรีนทราบไหมว่าว่ดอกไม้มีม้ส่มีวส่นประกอบอะไรบ้าบ้ง เดี๋ย ดี๋ วครูใรูห้เห้วลา 10 วินวิาทีใทีนการคิดคินะครับรั ส่วส่นเนื้อ นื้ หา มาดูกัดูนกัว่าว่ดอกไม้มีม้ส่มีวส่นประกอบอะไรบ้าบ้ง 1. กลีบลีเลี้ย ลี้ ง 2. กลีบลีดอก 3. เกสรตัวตัผู้ 4. เกสรตัวตัเมียมี ซึ่ง ซึ่ แต่ลต่ะส่วส่นจะทำ หน้าน้ที่แ ที่ ตกต่าต่งกันกั กลีบลีเลี้ย ลี้ ง ทำ หน้าน้ที่ห่ ที่ อห่หุ้มหุ้และป้อป้งกันกัอันอัตรายให้กัห้บกัดอกด้าด้นในที่ยั ที่ งยัตูมตูป้อป้งกันกั ไม่ใม่ห้น้ำห้ น้ำด้าด้นใน ระเหยออกสู่ด้สู่ าด้นนอก กลีบลีดอก ทำ หน้าน้ที่ช่ที่ วช่ยดึงดึดูดดูแมลงเพื่อ พื่ ให้เห้ข้าข้มาผสมเกสร เนื่อ นื่ งจากบริเริวณกลีบลีดอกจะมีกมีลิ่น ลิ่ หอมและมีต่มีอต่มน้ำ หวานซึ่ง ซึ่ เป็นป็อาหารของแมลง เกสรตัวตัผู้ ทำ หน้าน้ที่ส ที่ ร้าร้งเซลล์สืล์บสืพันพัธุ์ หรือรืละอองเรณู เกสรตัวตัเมียมีทำ หน้าน้ที่ส ที่ ร้าร้งรังรัไข่ ส่วส่นสรุปรุ วันวันี้นั นี้ กนัเรียรีนได้เด้รียรีนรู้เรู้กี่ย กี่ วกับกัส่วส่นประกอบของดอกไม้ไม้ปแล้วล้คลิปลิต่อต่ ไปจะเป็นป็อะไรติดติตามกันกัต่อต่ ไปนะครับรั การสร้าร้งในส่วส่นเนื้อ นื้ จำ เป็นป็ที่จ ที่ ะต้อต้งมี Story Board สำ หรับรัเป็นป็แนวทางในการสรา้งา้Motion Infographic ดังดันั้น นั้ ในหัวหัข้อข้นี้ จะใช้บช้ทบรรยายในการเป็นป็ตัวตัอย่าย่ง ซึ่ง ซึ่ จะใช้บช้ทบรรยายดังดันี้ บทบรรยาย 1 นาที การสร้าร้งส่วส่นเนื้อนื้หา NIDTEP DTEP NIDTEP NIDTEP NIDTEPNIDTEP NIDTEP NIDTEP IDTEP NIDTEP NIDTEP NIDTEPNIDTEP NIDTEP NIDTEP 68 หลักลัสูตสูรการสร้าร้งสื่อสื่การเรียรีนรู้ สุดสุปังปั !! สำ หรับรัครู สังสักัดกักระทรวงศึกศึษาธิกธิาร
การสร้าร้งส่วส่นเนื้อนื้หา การเตรียรีมไฟล์เล์สียสีงบรรยาย ด้วด้ย เว็ปว็ ไซต์ TTSMAKER TTSMaker เป็นป็เครื่อ รื่ งมือมืแปลงข้อข้ความเป็นป็คำ พูดพูออนไลน์ฟน์รี ด้วด้ยเสียสีง AI มากกว่าว่ 200 สียสีงและการรองรับรั หลายภาษา คุณคุสามารถเลือลืกสไตล์เล์สียสีงที่ห ที่ ลากหลายเพื่อ พื่ ทำ ให้คำห้ คำพูดพูของคุณคุมีชีมีวิชีตวิชีวชีา สามารถดาวน์โน์หลดไฟล์ เสียสีงสังสัเคราะห์โห์ดยไม่ต้ม่อต้งลงทะเบียบีนหรือรืชำ ระเงินงิคุณคุสามารถใช้อช้อนไลน์ไน์ด้โด้ดยตรงฟรีแรีละตลอดไป ได้ที่ด้ ที่https://ttsmaker.com 1. ป้อป้นข้อข้ความ ป้อป้นข้อข้ความที่ต้ ที่ อต้งการแปลงเป็นป็คำ พูดพูลงใน ช่อช่งว่าว่ง (ขีดขีจำ กัดกัของการพิมพิพ์ตัพ์วตัอักอัษรอยู่ที่ยู่ ที่ 20,000 อักอัขระ) 2. เลือลืกภาษาและเสียสีง เลือลืกภาษาสำ หรับรัข้อข้ความและสไตล์เล์สียสีงที่ ต้อต้งการ แต่ลต่ะภาษามีรูมีปรูแบบเสียสีงที่ห ที่ ลากหลาย หากต้อต้งการปรับรั อัตอัรา การพูดพูรูปรูแบบไฟล์ที่ล์ด ที่ าวน์โน์หลด ระดับดัเสียสีง ฯลฯ ให้เห้ลือลืก การตั้ง ตั้ ค่าค่ขั้น ขั้ สูงสูเพื่อ พื่ กำ หนดค่าค่เมื่อ มื่ ตั้ง ตั้ ค่าค่ ได้แด้ล้วล้ให้กห้ดปุ่มปุ่ Convert To Speech การสร้าร้งเสียสีง 2 ป้อป้นข้อข้ความ N 1 IDTEP DTEP NIDTEP NIDTEP NIDTEPNIDTEP NIDTEP NIDTEP IDTEP NIDTEP NIDTEP NIDTEPNIDTEP NIDTEP NIDTEP หลัลักลัลัสูสูตสูสูรการสร้ร้าร้ร้งสื่สื่สื่สื่อสื่สื่การเรีรียรีรีนรู้รู้รู้รู้รู้รู้สุสุดสุสุปัปังปัปั !! สำสำสำสำสำสำหรัรับรัรัครูรูรูรูสัสังสัสักักัดกักักระทรวงศึศึกศึศึษาธิธิกธิธิาร 69
3. เริ่ม ริ่ การแปลง คลิกลิปุ่มปุ่ "Convert To Speech" เพื่อ พื่ เริ่ม ริ่ แปลงข้อข้ความเป็นป็คำ พูดพูซึ่ง ซึ่ อาจใช้ เวลาสักสัครู่ ข้อข้ความที่ย ที่ าวขึ้น ขึ้ จะใช้เช้วลานานกว่าว่ (ให้ทำห้ ทำการยืนยืยันยัรหัสหัก่อก่นทำ การแปลง) 4. ฟังฟัเสียสีงออดิชั่ดิน ชั่ และดาวน์โน์หลดไฟล์ หลังลัจาก แปลงข้อข้ความเป็นป็คำ พูดพูแล้วล้สามารถฟังฟัออนไลน์ ก่อก่นเพื่อ พื่ ตรวจสอบก่อก่น เพื่อ พื่ แก้ไก้ข หรือรืดาวน์โน์หลด ไฟล์เล์สียสีงได้ทัด้นทัที โดยใช้รูช้แรูบบไฟล์ mp3 5. หากข้อข้ความมีเมีสียสีงพูดพูที่ไที่ ม่ถูม่กถูต้อต้ง สามารถแก้ไก้ขข้อข้ความและ Generate ไหม่ไม่ด้เด้ลย 6. หากผู้ใผู้ช้ต้ช้อต้งการเว้นว้วรรค์กค์ารพูดพูให้ เพิ่ม พิ่ การหยุดยุที่เ ที่ มนู 3 4 5 N 6 IDTEP DTEP NIDTEP NIDTEP NIDTEPNIDTEP NIDTEP NIDTEP IDTEP NIDTEP NIDTEP NIDTEPNIDTEP NIDTEP NIDTEP 70 หลักลัสูตสูรการสร้าร้งสื่อสื่การเรียรีนรู้ สุดสุปังปั !! สำ หรับรัครู สังสักัดกักระทรวงศึกศึษาธิกธิาร
การนำ ไฟล์เล์สียสีงเข้าข้มาใช้งช้านใน Canva เมื่อ มื่ ได้ได้ฟล์เล์สียสีงมาแล้วล้ ให้ผู้ห้ใผู้ช้งช้านนำ ไฟล์เล์สียสีงเข้าข้มาที่ Canva โดยไปที่เ ที่ มนู “อัพอั โหลด” เมื่อ มื่ ได้ได้ฟล์เล์สียสีงมาแล้วล้ ให้ผู้ห้ใผู้ช้งช้านนำ ไฟล์เล์สียสีงเข้าข้มาที่ Canva โดยไปที่ 1. เมนู “อัพอั โหลด” 2. เลือลืกอัพอั โหลดไฟล์ 3. เลือลืกไฟล์เล์สียสีงในที่จั ที่ ดจัเก็บก็ไว้ใว้นเครื่อ รื่ งคอมพิวพิเตอร์และกดปุ่มปุ่ Open 4. ไฟล์เล์สียสีงจะถูกถูอัพอั โหลดเข้าข้มาในเมนู “เสียสีง” ของ Canva นำ ไฟล์เล์สียสีงบรรยายที่ไที่ ด้ถูด้กถูสร้าร้งขึ้น ขึ้ ด้วด้ยTTSMaker มาใช้ใช้น Timeline 1. ลากไฟล์เล์สียสีงเข้าข้มาวางใน Time โดยให้ไห้ฟล์เล์สียสีงเริ่ม ริ่ ต้นต้จากสไลด์ที่ด์ ที่ 3 2. ไฟล์เล์สียสีงที่ถู ที่ กถูนำ เข้าข้มา 2.1 ส่วส่นของแท็กท็เสียสีงที่จ ที่ ะมีกมีารเล่นล่ ปกติ 2.2 ส่วส่นของแท็กท็เสียสีงในส่วส่นที่เ ที่ หลือลืที่ ยังยัไม่ไม่ด้แด้สดงใน Timeline 1 2 2.1 2.2 NIDTEP DTEP NIDTEP NIDTEP NIDTEPNIDTEP NIDTEP NIDTEP IDTEP NIDTEP NIDTEP NIDTEPNIDTEP NIDTEP NIDTEP หลัลักลัลัสูสูตสูสูรการสร้ร้าร้ร้งสื่สื่สื่สื่อสื่สื่การเรีรียรีรีนรู้รู้รู้รู้รู้รู้สุสุดสุสุปัปังปัปั !! สำสำสำสำสำสำหรัรับรัรัครูรูรูรูสัสังสัสักักัดกักักระทรวงศึศึกศึศึษาธิธิกธิธิาร 71
ส่วส่นท้าท้ย หลังลัจากที่นำ ที่ นำ ไฟล์เล์สียสีงเข้าข้มาวางใน Timeline แล้วล้ให้ปห้ฏิบัฏิติบัดัติงดันี้ 1. ลากสไลด์ใด์ห้มีห้คมีวามยาวเท่าท่กับกัไฟล์เล์สียสีง โดยนำ เม้าม้ท์ไท์ปวางไว้ตว้รงส่วส่นท้าท้ยของสไลด์ แล้วล้ ลากให้มีห้คมีวามยาวมของสไลด์เด์ท่าท่กับกัไฟล์เล์สียสีง การเตรียรีมสไลด์ใด์ห้พห้อดีกัดีบกัเสียสีงบรรยาย 2. สังสัเกตว่าว่หลังลัจากทีลทีากความยาวของสไลด์แด์ล้วล้จะเห็นห็ว่าว่สีขสีองแท็กท็เสียสีงจากเดิมดิที่เ ที่ ห็นห็สีเสีทา จะเปลี่ย ลี่ นเป็นป็สีเสีข้มข้แสดงว่าว่แท็กท็เสียสีงในส่วส่นนั้น นั้ จะมีเมีสียสีงการเล่นล่ ได้ตด้ามปกติ 3. จากนั้น นั้ ให้แห้บ่งบ่สไลดเนื้อ นื้ หาออกเป็นป็ส่วส่น ๆ ตามสตอรี่บ รี่ อร์ดร์ที่ไที่ ด้เด้ขียขีนไว้ ในที่นี้ ที่ นี้ 3.1 นำ เส้นส้ทามไลน์ ไปอยู่ใยู่ นจุดจุที่ต้ ที่ อต้งการแบ่งบ่ ไลด์ จากนั้น นั้ คลิกลิขวา 3.2 คลิกลิเมนูแนูบ่งบ่หน้าน้ ผู้ใผู้ช้งช้านสังสัเกตว่าว่สไลด์เด์นื้อ นื้ หาจะถูกถูแบ่งบ่หน้าน้ออก จากกันกัเรียรีบร้อร้ย หลังลัจากนั้น นั้ ก็ใก็ห้ทำห้ ทำการแบ่งบ่สไลด์ ได้ตด้ามจำ นวนที่ต้ ที่ อต้งการ ตัวตัอย่าย่งการแบ่งบ่สไลด์เด์นื้อ นื้ หา เพื่อ พื่ ทำ Workshop ในครั้ง รั้ จะแบ่งบ่ออกเป็นป็ 5 สไลด์ ประกอบไปด้วด้ย 1. สไล์ดล์ที่ 3 ส่วส่นนำ ความยาว14 วินวิาที 2. สไล์ดล์ที่ 4 สไล์ว่ล์าว่งเพื่อ พื่ ให้ผู้ห้เผู้รียรีนคิดคิตาม ความยาว 10 วินวิาที 3. สไล์ดล์ที่ 5 สไลด์ส่ด์วส่นประกอบของดอกไม้ ความยาว 13 วินวิาที 4. สไล์ดล์ที่ 6 สไลด์หด์น้าน้ที่ข ที่ องส่วส่นประกอบ ความยาว 31 วินวิาที 5. สไล์ดล์ที่ 7 สไลด์ส่ด์วส่นท้าท้ย ความยาว 7 วินวิาที 3.1 3.2 สไล์ดล์ที่ 3 สไล์ดล์ที่ 4 สไล์ดล์ที่ 5 สไล์ดล์ที่ 6 สไล์ดล์ที่ 7 NIDTEP DTEP NIDTEP NIDTEP NIDTEPNIDTEP NIDTEP NIDTEP IDTEP NIDTEP NIDTEP NIDTEPNIDTEP NIDTEP NIDTEP 72 หลักลัสูตสูรการสร้าร้งสื่อสื่การเรียรีนรู้ สุดสุปังปั !! สำ หรับรัครู สังสักัดกักระทรวงศึกศึษาธิกธิาร
สไล์ดล์ที่ 3 ส่วส่นนำ ความยาว14 วินวิาที การสร้าร้งตัวตัละคร โดยใช้ Krikey Ai Animation สวัสวัดีนัดีกนัเรียรีนทุกทุคน กลับลัมาพบกันกัอีกอีแล้วล้วันวันี้จ นี้ ะมาเรียรีนรู้เรู้กี่ย กี่ วกับกัส่วส่นประกอบของดอกไม้ ซึ่งซึ่นักนัเรียรีนทราบไหมว่าว่ดอกไม้มีม้ส่มีวส่นประกอบอะไรบ้าบ้ง เดี๋ย ดี๋ วครูใรูห้เห้วลา 10 วินวิาทีใทีนการคิดคินะครับรั 1. เริ่ม ริ่ ต้นต้ด้วด้ยการสร้าร้งตัวตัละคร เพื่อ พื่ ดำ เนินนิเรื่อ รื่ ง โดยใช้ Krikey Ai Animation 1.1 ไปที่เ ที่ มนู แอพ และให้ค้ห้นค้หาแอพพลิเลิคชันชัKrikey Ai Animation 1.2 Sing up or Login เพื่อ พื่ ให้เห้ข้าข้ใช้งช้านแอพพลิเลิคชันชั โดยใช้บัช้ญบัชี Gmail เมื่อ มื่ login แล้วล้จะมีข้มีอข้ความระบุจำบุจำนวน Credit ที่ สามารถ Generate ตัวตัละคร Ai ได้ โดยการ Generate 1 ครั้ง รั้ ต่อต่ 1 Creditและมีข้มีอข้ความได้ 500 คำ เสียสีงบรรยาย NIDTEP DTEP NIDTEP NIDTEP NIDTEPNIDTEP NIDTEP NIDTEP IDTEP NIDTEP NIDTEP NIDTEPNIDTEP NIDTEP NIDTEP หลัลักลัลัสูสูตสูสูรการสร้ร้าร้ร้งสื่สื่สื่สื่อสื่สื่การเรีรียรีรีนรู้รู้รู้รู้รู้รู้สุสุดสุสุปัปังปัปั !! สำสำสำสำสำสำหรัรับรัรัครูรูรูรูสัสังสัสักักัดกักักระทรวงศึศึกศึศึษาธิธิกธิธิาร 73
2. การ Generate ตัวตัละคร ด้วด้ย Krikey Ai Animation 2.1 เลือลืกตัวตัละครที่ต้ ที่ อต้งการ ตัวตัอย่าย่งของตัวตัละครที่ Generate เรียรีบร้อร้ยแล้วล้ 2.2 เลือลืกที่ท ที่ างของตัวตัละคร 2.3 พิมพิพ์ข้พ์อข้ความเพื่อ พื่ ให้เห้ป็นป็เสียสีงข้อข้ตัวตัละคร โดยมีใมีห้เห้ลือลืก 20 ภาษายกเว้นว้ภาษาไทย 2.4 เลือลืกภาษาที่ต้ ที่ อต้งการ ดังดัตัวตัอย่าย่งจะเลือลืกเป็นป็ภาษาอังอักฤษ 2.5 เลือลืกการออกเสียสีงของตัวตัละคร 2.5 เลือลืกเสียสีงของตัวตัละคร N 2.6 Generate ตัวตัละคร IDTEP DTEP NIDTEP NIDTEP NIDTEPNIDTEP NIDTEP NIDTEP IDTEP NIDTEP NIDTEP NIDTEPNIDTEP NIDTEP NIDTEP 74 หลักลัสูตสูรการสร้าร้งสื่อสื่การเรียรีนรู้ สุดสุปังปั !! สำ หรับรัครู สังสักัดกักระทรวงศึกศึษาธิกธิาร
การแก้ไก้ขและลบพื้นพื้หลังลั VDO 1. คลิกลิเมนูแนูก้ไก้ขวีดิวีโดิอ จะมีเมีมนู เอฟเฟค และ ปรับรัวิดีวิโดีอ 2. การลบพื้น พื้ หลังลัวิดีวิโดีอให้เห้ลือลืก เมนู Background Remover 3. สามารถการปรับรัสี ไ N ด้ที่ด้เ ที่ มนูปนูรับรั IDTEP DTEP NIDTEP NIDTEP NIDTEPNIDTEP NIDTEP NIDTEP IDTEP NIDTEP NIDTEP NIDTEPNIDTEP NIDTEP NIDTEP หลัลักลัลัสูสูตสูสูรการสร้ร้าร้ร้งสื่สื่สื่สื่อสื่สื่การเรีรียรีรีนรู้รู้รู้รู้รู้รู้สุสุดสุสุปัปังปัปั !! สำสำสำสำสำสำหรัรับรัรัครูรูรูรูสัสังสัสักักัดกักักระทรวงศึศึกศึศึษาธิธิกธิธิาร 75
การแทรกพื้นพื้หลังลั การแทรกพื้น พื้ หลังลัสามารถแรกได้ทั้ด้ง ทั้ รูปรูภาพและวิดีวิโดีอ มีขึ้มีน ขึ้ ตอนดังดันี้ 1. ไปที่เ ที่ มนู องค์ปค์ระกอบ แล้วล้พิมพิพ์คำพ์ คำค้นค้หาช่อช่ง ค้นค้หาองค์ปค์ระกอบ โดยสามารถพิมพิพ์คำพ์ คำค้นค้ที่ ต้อต้งการได้ทั้ด้ง ทั้ ภาษาไทยและอังอักฤษ 2. คลิกลิขวาและเลือลืก แทนที่แ ที่ บ็คบ็กราวน์ 3. เปลี่ย ลี่ นพื้น พื้ หลังลัให้โห้N ปร่งร่ ใส IDTEP DTEP NIDTEP NIDTEP NIDTEPNIDTEP NIDTEP NIDTEP IDTEP NIDTEP NIDTEP NIDTEPNIDTEP NIDTEP NIDTEP 76 หลักลัสูตสูรการสร้าร้งสื่อสื่การเรียรีนรู้ สุดสุปังปั !! สำ หรับรัครู สังสักัดกักระทรวงศึกศึษาธิกธิาร
เพิ่มพิ่ข้อข้ความ และ องค์ปค์ระกอบให้สห้วยงาม 1. ไปที่เ ที่ มนูข้นูอข้ความ จากนั้น นั้ สามารถพิมพิพ์ข้พ์อข้ความตามเสียสีงบรรยาย โดยการเลือลืกคีเคีวิร์วิดร์จากเสียสีง บรรยายในตัวตัอย่าย่งจะมี 2 คำ คือคื “ส่วส่นประกอบของดอกไม้”ม้และ“ดอกไม้ปม้ระกอบด้วด้ยอะไรบ้าบ้ง” 2, เพิ่ม พิ่ ความสวยงามโดยใช้เช้ลือลืกองค์ปค์ระกอบได้ที่ด้ ที่ เมนู องค์ปค์ระกอบ จะนั้น นั้ พิมพิพ์คำพ์ คำค้นค้ตามที่ ต้อต้งการ ตัวตัอย่าย่งจะพิมพิพ์คำพ์ คำว่าว่ “ดอกไม้”ม้ 3. ปรับรัแต่งต่ข้อข้ความโดยเลือลืกฟ้อฟ้นต์ใต์ห้เห้หมาะสมและปรับรัแต่งต่ ให้สห้วยงามได้ที่ด้เ ที่ มนู เอฟเฟค จากนั้น นั้ เลือลืกเอฟเฟคของข้อข้ความตามต้อต้งการ ตัวตัอย่าย่งจะเลือลืกจะเลือลืกเค้าค้ร่าร่ง เพื่อ พื่ สรา้งา้ขอบให้ข้ห้อข้ความ องค์ปค์ระกอบดอกไม้ ปรับรัแต่งต่เอฟเฟค ข้อข้ความ NIDTEP DTEP NIDTEP NIDTEP NIDTEPNIDTEP NIDTEP NIDTEP IDTEP NIDTEP NIDTEP NIDTEPNIDTEP NIDTEP NIDTEP หลัลักลัลัสูสูตสูสูรการสร้ร้าร้ร้งสื่สื่สื่สื่อสื่สื่การเรีรียรีรีนรู้รู้รู้รู้รู้รู้สุสุดสุสุปัปังปัปั !! สำสำสำสำสำสำหรัรับรัรัครูรูรูรูสัสังสัสักักัดกักักระทรวงศึศึกศึศึษาธิธิกธิธิาร 77
การกำ หนดการแสดงเวลา หลังลัจากที่มี ที่ ข้มีอข้ความและองค์ปค์ระกอบแล้วล้ต่อต่ ไปจะทำ ให้ข้ห้อข้ความปรากฏขึ้น ขึ้ ตามเวลาที่กำ ที่ กำหนด และตามเสียสีงบรรยาย มีขึ้มีน ขึ้ ตอนดังดันี้ 1. คลิกลิขวาที่ข้ ที่ อข้ความที่ต้ ที่ อต้งการกำ หนดเวลา และคลิกลิแสดงเวลา สังสัเกตในไทม์ไม์ลน์จน์ะมีแมีถบสีม่สีวม่งปรากฏขึ้น ขึ้ มาและในแถบสีม่สีวม่งจะปรากฏข้อข้ความหรือรืส่วส่นประกอบนั้น นั้ ๆ ตัวตัอย่าย่ง จะปรากฏข้อข้ความ “ส่วส่นประกอบของดอกไม้”ม้ 2. กำ หนดเวลา โดยการคลิกลิซ้าซ้ยที่ส่ ที่ วส่นหัวหัหรือรืส่วส่นท้าท้ยของเวลาแล้วล้ลากในตำ แหน่งน่ที่ต้ ที่ อต้งการ ในตัวตัอย่าย่งจะให้ข้ห้อข้ความ ส่วส่นประกอบปรากฏก่อก่นและหายไปก่อก่นข้อข้ความ ดอกไม้ สามารถประ เวลาตามภาพที่ปที่ รากฏ Nส่วนหัวของเวลา ส่วนท้ายของเวลา IDTEP DTEP NIDTEP NIDTEP NIDTEPNIDTEP NIDTEP NIDTEP IDTEP NIDTEP NIDTEP NIDTEPNIDTEP NIDTEP NIDTEP 78 หลักลัสูตสูรการสร้าร้งสื่อสื่การเรียรีนรู้ สุดสุปังปั !! สำ หรับรัครู สังสักัดกักระทรวงศึกศึษาธิกธิาร
การทำ ให้ข้ห้อข้ความเคลื่อลื่นไหว 1. คลิกลิซ้าซ้ยที่ข้ ที่ อข้ความ แล้วล้คลิกลิเมนู เคลื่อ ลื่ นไหว 2. เลือลืกการเคลื่อ ลื่ นไหวที่ต้ ที่ อต้งการ ซึ่ง ซึ่ จะมี ขั้น ขั้ พื้น พื้ ฐาน การเขียขีน เกินกิจริงริและ Motion effects 4. การเพิ่ม พิ่ Motion Effects เป็นป็การเพิ่ม พิ่ การเคลื่อ ลื่ นไหวของ ข้อข้ความให้เห้คลื่อ ลื่ นไหวคลอดเวลา 3. ในตัวตัอย่าย่งจะเลือลืกการเคลื่อ ลื่ นไหวแบบ ป็อป็ ป โดยสามารถ ปรับรัแต่งต่การเคลื่อ ลื่ นไหวได้ทั้ด้ง ทั้ สองกรณี เมื่อ มื่ เข้าข้เมื่อ มื่ ออก และ สามารถปรับรัความเร็วร็ได้ NIDTEP DTEP NIDTEP NIDTEP NIDTEPNIDTEP NIDTEP NIDTEP IDTEP NIDTEP NIDTEP NIDTEPNIDTEP NIDTEP NIDTEP หลัลักลัลัสูสูตสูสูรการสร้ร้าร้ร้งสื่สื่สื่สื่อสื่สื่การเรีรียรีรีนรู้รู้รู้รู้รู้รู้สุสุดสุสุปัปังปัปั !! สำสำสำสำสำสำหรัรับรัรัครูรูรูรูสัสังสัสักักัดกักักระทรวงศึศึกศึศึษาธิธิกธิธิาร 79
สไล์ดล์ที่ 4 สไล์ว่ล์าว่งเพื่อพื่ให้ผู้ห้เผู้รียรีนคิดคิตาม ความยาว 10 วินวิาที สไลด์ที่ด์ ที่ 4 จะเป็นป็การกำ หนดระยะเวลาให้ผู้ห้เผู้รียรีนได้คิด้ดคิคำ ตอบจำ นวน 10 วินวิาที ซึ่ง ซึ่ มีอมีงค์ปค์ระกอบ คือคืเวลา นับนัถอยหลังลัและ ภาพพื้น พื้ หลังลัมีขึ้มีน ขึ้ ตอนดังดันี้ 2. การทำ เวลานับนัถอยหลังลั10 วินวิาที มีวิมีธีวิกธีารดังดันี้ 2.1 พิมพิพ์คำพ์ คำค้นค้ที่เ ที่ มนูอนูงค์ปค์ระกอบ โดยใช้คำช้ คำค้นค้ “นับนัถอยหลังลั” เลือลืกรูปรูแบบวิดีวิโดีอ 2.2 เลือลืกกรอบเวลา โดยพิมพิพ์คำพ์ คำค้นค้ “กรอบ” 2.3 นำ วิดีวิโดีอนับนัถิยถิหลังลัเข้าข้มาไว้ใว้นกรอบโดยวิธีวิกธีารลากและวาง 1.แทรกแบ็คบ็กราวน์ที่น์ต้ ที่ อต้งการ ตัวตัอย่าย่งจะใช้เช้ป็นป็ภาพดอกไม้ กรอบ วิดีโอนับถอยหลัง NIDTEP DTEP NIDTEP NIDTEP NIDTEPNIDTEP NIDTEP NIDTEP IDTEP NIDTEP NIDTEP NIDTEPNIDTEP NIDTEP NIDTEP 80 หลักลัสูตสูรการสร้าร้งสื่อสื่การเรียรีนรู้ สุดสุปังปั !! สำ หรับรัครู สังสักัดกักระทรวงศึกศึษาธิกธิาร
สไล์ดล์ที่ 4 สไล์ว่ล์าว่งเพื่อพื่ให้ผู้ห้เผู้รียรีนคิดคิตาม ความยาว 10 วินวิาที 1. นำ เข้าข้องค์ปค์ระกอบของดอกไม้ โดยไปที่เ ที่ มนุอนุงค์ปค์ระกอบ แล้วล้พิมพิพ์คำพ์ คำค้นค้ “เกษรดอกไม้”ม้ 2. ค้นค้หาองประกอบเคลื่อ ลื่ นไหวโดยใช้ LottieFilesและต้อต้งเชื่อ ชื่ มต่อต่ โดยใช้ Gmail 3. พิมพิพ์คำพ์ คำค้นค้ ในช่อช่งSearchLottieFile เป็นป็ภาษาอังอักฤษ ตัวตัอย่าย่งจะใช้คำช้ คำค้นค้ Circle เพื่อ พื่ ค้นค้หาการเคลื่อ ลื่ นไหว แบบวงกลม มาดูกัดูนกัว่าว่ดอกไม้มีม้ส่มีวส่นประดอบอะไรบ้าบ้ง 1. กลีบลีเลี้ย ลี้ ง 2. กลีบลีดอก 3. เกสรตัวตัผู้ 4. เกสรตัวตัเมียมี เสียสีงบรรยาย NIDTEP DTEP NIDTEP NIDTEP NIDTEPNIDTEP NIDTEP NIDTEP IDTEP NIDTEP NIDTEP NIDTEPNIDTEP NIDTEP NIDTEP หลัลักลัลัสูสูตสูสูรการสร้ร้าร้ร้งสื่สื่สื่สื่อสื่สื่การเรีรียรีรีนรู้รู้รู้รู้รู้รู้สุสุดสุสุปัปังปัปั !! สำสำสำสำสำสำหรัรับรัรัครูรูรูรูสัสังสัสักักัดกักักระทรวงศึศึกศึศึษาธิธิกธิธิาร 81
ตัวตัอย่าย่งการใช้อช้งค์ปค์รพกอบเคลื่อ ลื่ นไหวด้วด้ยLottieFiles 4. ใช้อช้งค์ปค์ระกอบ Label เพื่อ พื่ เป็นป็กล้อล้งข้อข้ความ ดังดัต่อต่ ไปนี้ 1. กลีบลีเลี้ย ลี้ ง 2. กลีบลีดอก 3. เกสรตัวตัผู้ 4. เกสรตัวตัเมียมี 5.แทรกกล่อล่งข้อข้ความโดยไปที่เ ที่ มนู องค์ปค์ระกอบ ใช้คำช้ คำค้นค้ Labelและ ทำ เป็นป็กล้อล้งข้อข้ความ ดังดัต่อต่ ไปนี้ 1. กลีบลีเลี้ย ลี้ ง 2. กลีบลีดอก 3. เกสรตัวตัผู้ 4. เกสรตัวตัเมียมี NIDTEP DTEP NIDTEP NIDTEP NIDTEPNIDTEP NIDTEP NIDTEP IDTEP NIDTEP NIDTEP NIDTEPNIDTEP NIDTEP NIDTEP 82 หลักลัสูตสูรการสร้าร้งสื่อสื่การเรียรีนรู้ สุดสุปังปั !! สำ หรับรัครู สังสักัดกักระทรวงศึกศึษาธิกธิาร
5. รวมกลุ่มลุ่ เพื่อ พื่ ให้เห้คลื่อ ลื่ นไหว้ไว้ปพร้อร้มกันกั โดยกด shift ค้าค้งและ ใช้เช้ม้าม้ท์คท์ลิกลิองค์ปค์ระกอบ ข้อข้ความ กล่อล่งข้อข้ความ และองประกอบวงกลม จากนั้้น นั้้ คลิกลิขวาแล้วล้เลือลืก “จัดจักลุ่มลุ่ ” ทำ ให้คห้รบทั้ง ทั้ 4 ส่วส่น 6. ให้กห้ารแสดงเวลา เพื่อ พื่ กำ หนดการแสดงเวลาให้กห้ล่อล่งข้อข้ความ 1 2 3 4 แสดงเวลา NIDTEP DTEP NIDTEP NIDTEP NIDTEPNIDTEP NIDTEP NIDTEP IDTEP NIDTEP NIDTEP NIDTEPNIDTEP NIDTEP NIDTEP หลัลักลัลัสูสูตสูสูรการสร้ร้าร้ร้งสื่สื่สื่สื่อสื่สื่การเรีรียรีรีนรู้รู้รู้รู้รู้รู้สุสุดสุสุปัปังปัปั !! สำสำสำสำสำสำหรัรับรัรัครูรูรูรูสัสังสัสักักัดกักักระทรวงศึศึกศึศึษาธิธิกธิธิาร 83
สไล์ดล์ที่ 6 สไลด์หด์น้าน้ที่ข ที่ องส่วส่นประกอบ ความยาว 31 วินวิาที ในสไลด์นี้ด์ ในี้ ห้รห้วบรวมเอาเทคนิคนิในทุกทุสไลด์ มาออกแบบในสไลด์ที่ด์ ที่ 6 1. ใช้รูช้ปรูดอกไม้เม้ดิมดิจากสไลด์ที่ด์ ที่ 5 แต่จัต่ดจัวางตำ แหน่งน่ ใหม่ดัม่งดัตัวตัอย่าย่ง 2. เพิ่ม พิ่ ข้อข้ความ พร้อร้มคำ อธิบธิายหน้าน้ที่ข ที่ องแต่ลต่ะส่วส่นประกอบของดอกไม้ กลีบลีเลี้ย ลี้ ง ทำ หน้าน้ที่ห่ ที่ อห่หุ้มหุ้และป้อป้งกันกัอันอัตรายให้กัห้บกัดอกด้าด้นในที่ยั ที่ งยัตูมตู ป้อป้งกันกั ไม่ใม่ห้น้ำห้ น้ำด้าด้นในระเหยออกสู่ด้สู่ าด้นนอก กลีบลีดอก ทำ หน้าน้ที่ช่ ที่ วช่ยดึงดึดูดดูแมลงเพื่อพื่ให้เห้ข้าข้มาผสมเกสร เนื่อนื่งจากบริเริวณกลีบลีดอกจะมีกมีลิ่นลิ่หอมและมีต่มีอต่มน้ำ หวานซึ่งซึ่เป็นป็อาหารของแมลง เกสรตัวตัผู้ ทำ หน้าน้ที่ส ที่ ร้าร้งเซลล์สืล์บสืพันพัธุ์ หรือรืละอองเรณู เกสรตัวตัเมียมีทำ หน้าน้ที่ส ที่ ร้าร้งรังรัไข่ เสียสีงบรรยาย NIDTEP DTEP NIDTEP NIDTEP NIDTEPNIDTEP NIDTEP NIDTEP IDTEP NIDTEP NIDTEP NIDTEPNIDTEP NIDTEP NIDTEP 84 หลักลัสูตสูรการสร้าร้งสื่อสื่การเรียรีนรู้ สุดสุปังปั !! สำ หรับรัครู สังสักัดกักระทรวงศึกศึษาธิกธิาร
4.1 การสร้าร้งรูปรูด้วด้ย Megic Media จะเป็นป็การ Generate จากข้อข้ความที่พิ ที่ มพิพ์ และมีสมีไตล์ใล์ห้ เลือลืกหลายรูปรูแบบ และสร้าร้งได้ทั้ด้ง ทั้ รูปรูภาพและวิดีวิโดีอ 3. เพิ่ม พิ่ กรอบรูปรูเพื่อ พื่ นำ รูปรูภาพเข้าข้มาวางในกรอบ โดยไปที่เ ที่ มนูอนูงค์ปค์ระกอบแล้วล้พิมพิพ์คำพ์ คำค้นค้ว่าว่ “กรอบ” 4. นำ รูปรูดอกไม้เม้ข้าข้มาใส่ใส่นกรอบโดยต้อต้งตรงกับกัข้อข้ความที่ส ที่ ร้าร้งไว้ โดยอาจค้นค้หาในเมนูอนูงค์ปค์ระกอบ แล้วล้เลือลืกรูบรูแบบเป็นป็รูปรูภาพ จากนั้น นั้ รวมกลุ่มลุ่ ให้เห้รียรีบร้อร้ย พิมพ์ข้อความ เลือกรูปแบบ NIDTEP DTEP NIDTEP NIDTEP NIDTEPNIDTEP NIDTEP NIDTEP IDTEP NIDTEP NIDTEP NIDTEPNIDTEP NIDTEP NIDTEP หลัลักลัลัสูสูตสูสูรการสร้ร้าร้ร้งสื่สื่สื่สื่อสื่สื่การเรีรียรีรีนรู้รู้รู้รู้รู้รู้สุสุดสุสุปัปังปัปั !! สำสำสำสำสำสำหรัรับรัรัครูรูรูรูสัสังสัสักักัดกักักระทรวงศึศึกศึศึษาธิธิกธิธิาร 85
5. นำ รูปรูดอกไม้เม้ข้าข้มาใส่ใส่นกรอบโดยต้อต้งตรงกับกัข้อข้ความที่ส ที่ ร้าร้งไว้ โดยอาจค้นค้หาในเมนูอนูงค์ปค์ระกอบ แล้วล้เลือลืกรูบรูแบบเป็นป็รูปรูภาพ จากนั้น นั้ รวมกลุ่มลุ่ ให้เห้รีบรีร้อร้ย 4.2 เลือลืกรูปรูที่ Generate ด้วด้ย Ai ตัวตัอย่าย่งจะเป็นป็การสร้าร้งภาพ โดยใช้ข้ช้อข้ความ “ดอกชบาสีแสีดงสด” 6. ใช้กช้ารแสดงเวลา เพื่อ พื่ ให้ข้ห้อข้ความปรากฏขึ้น ขึ้ มาพร้อร้มกับกัเสียสีงบรรยายโดยการคลิดลิขวาที่ข้ ที่ อข้ความแรก และคลิกลิแสดงเวลา 1 2 3 4 NIDTEP DTEP NIDTEP NIDTEP NIDTEPNIDTEP NIDTEP NIDTEP IDTEP NIDTEP NIDTEP NIDTEPNIDTEP NIDTEP NIDTEP 86 หลักลัสูตสูรการสร้าร้งสื่อสื่การเรียรีนรู้ สุดสุปังปั !! สำ หรับรัครู สังสักัดกักระทรวงศึกศึษาธิกธิาร
การเพิ่มพิ่องค์ปค์ระกอบเคลื่อลื่นไหวด้วด้ย แอปพลิเลิคชันชั LottieFile 1. ใช้แช้อพ LottieFiles เพื่อ พื่ ค้นค้หาผึ้ง ผึ้ บินบิ โดยใช้คำช้ คำค้นค้ “Bee” 2. คลิกลิที่รู ที่ ปรูผึ้ง ผึ้ เพื่อ พื่ สร้าร้งแอนิเนิมชั่น ชั่ และไปที่เ ที่ มนู “เคลื่อ ลื่ นไหว” 3. คลิกลิเมนู สร้าร้งแอนิเนิมชั่น ชั่ จากนั้น นั้ สามารถลากผึ้ง ผึ้ น้อน้ย ไปตามตำ แหน่งน่ที่ต้ ที่ อต้งการ ซึ่ง ซึ่ การลากจะเป็นป็การสร้าร้งการเคลื่อ ลื่ นไหว ได้อด้ย่าย่งอิสอิระ NIDTEP DTEP NIDTEP NIDTEP NIDTEPNIDTEP NIDTEP NIDTEP IDTEP NIDTEP NIDTEP NIDTEPNIDTEP NIDTEP NIDTEP หลัลักลัลัสูสูตสูสูรการสร้ร้าร้ร้งสื่สื่สื่สื่อสื่สื่การเรีรียรีรีนรู้รู้รู้รู้รู้รู้สุสุดสุสุปัปังปัปั !! สำสำสำสำสำสำหรัรับรัรัครูรูรูรูสัสังสัสักักัดกักักระทรวงศึศึกศึศึษาธิธิกธิธิาร 87
สไล์ดล์ที่ 7 สไลด์ส่ด์วส่นท้าท้ย ความยาว 7 วินวิาที วันวันี้นั นี้ กนัเรียรีนได้เด้รียรีนรู้เรู้กี่ย กี่ วกับกัส่วส่นประกอบของดอกไม้ไม้ปแล้วล้ คลิปลิต่อต่ ไปจะเป็นป็อะไรติดติตามกันกัต่อต่ ไปนะครับรั เสียสีงบรรยาย สไลด์สุด์ดสุท้าท้ยเป็นป็การสร้าร้ง End Credit โดยจะประกอบไปด้วด้ยการสร้าร้งเทมเพลต การนำ เข้าข้ โลโก้ Facebook Tiktok Line Email อื่น อื่ ๆ 1.เลือลืกเทมเพลต โดยไปที่เ ที่ มนูดีนูไดีซน์ และเลือลืกเทมเพลตที่ต้ ที่ อต้งการ 2. เปลี่ย ลี่ นสีขสีองเทม N เพลตโดยใช้เช้ม I นู สไต D ล์ แล้วล้เลือลืกรูปรูแบบสีที่สีต้ ที่ อต้งการ TEP DTEP NIDTEP NIDTEP NIDTEPNIDTEP NIDTEP NIDTEP IDTEP NIDTEP NIDTEP NIDTEPNIDTEP NIDTEP NIDTEP 88 หลักลัสูตสูรการสร้าร้งสื่อสื่การเรียรีนรู้ สุดสุปังปั !! สำ หรับรัครู สังสักัดกักระทรวงศึกศึษาธิกธิาร
3. ปิดปิท้าท้ยด้วด้ยการนำ โลโก้มก้าวางให้เห้ด่นด่เพื่อ พื่ ให้เห้กิดกิภาพจดจำ 4. สร้าร้ง โลโก้ Facebook Tiktok Line Email โดยเปิดปิใช้แอพ Brandfetch 4.1 ไปที่เ ที่ มนู แอพ และพิมพิพ์คำพ์ คำค้นค้ “Brandfetch” จากนั้น นั้ เปิดปิการใช้งช้าน 4.2 พิมพิพ์ค้พ์นค้หาโลโก้ที่ก้ต้ ที่ อต้งการในช่อช่ง Enter a brand name or URL พิมพ์คำ ค้น NIDTEP DTEP NIDTEP NIDTEP NIDTEPNIDTEP NIDTEP NIDTEP IDTEP NIDTEP NIDTEP NIDTEPNIDTEP NIDTEP NIDTEP หลัลักลัลัสูสูตสูสูรการสร้ร้าร้ร้งสื่สื่สื่สื่อสื่สื่การเรีรียรีรีนรู้รู้รู้รู้รู้รู้สุสุดสุสุปัปังปัปั !! สำสำสำสำสำสำหรัรับรัรัครูรูรูรูสัสังสัสักักัดกักักระทรวงศึศึกศึศึษาธิธิกธิธิาร 89
5. จัดจัตำ แหน่งน่ ใส่ข้ส่อข้ความ และตกแต่งต่ ได้ตด้ามความเหมาะสมและสวยงาม การสร้าร้งการเคลื่อ ลื่ นไหวให้อห้งค์ปค์ระกอบ หรือรืวัตวัถุ จะมีกมีารเคลื่อ ลื่ นไหวได้ตด้ามประเภทขององค์ ประกอบนั้น นั้ เช่นช่การเคลื่อ ลื่ นไหวของภาพเคลื่อ ลื่ นไหวขององค์ปค์ระกอบ ภาพเคลื่อ ลื่ นไหวข้อข้ความ การเคลื่อ ลื่ นไหวของเพจ การสร้าร้งการเคลื่อลื่นไหวขององค์ปค์ระกอบและการเปลี่ย ลี่ นภาพให้ลื่ห้ ลื่นลื่ ไหล การสร้าร้งการเคลื่อลื่นไหวขององค์ปค์ระกอบ ภาพเคลื่อลื่นไหวขององ N ค์ปค์ระกอบ ภาพเคลื่อลื่นไหวข้อข้ความ การเคลื่อลื่นไหวของเพจ IDTEP DTEP NIDTEP NIDTEP NIDTEPNIDTEP NIDTEP NIDTEP IDTEP NIDTEP NIDTEP NIDTEPNIDTEP NIDTEP NIDTEP 90 หลักลัสูตสูรการสร้าร้งสื่อสื่การเรียรีนรู้ สุดสุปังปั !! สำ หรับรัครู สังสักัดกักระทรวงศึกศึษาธิกธิาร
ภาพเคลื่อลื่นไหวขององค์ปค์ระกอบ การเคลื่อ ลื่ นไหวของแบบ สร้าร้งแอนิเนิมชันชั เป็นป็การสร้าร้งการเคลื่อ ลื่ นไหวโดยการลากองค์ ประกอบเพื่อ พื่ สร้าร้งการเคลื่อ ลื่ นไหวแบบอิสอิระ การเคลื่อ ลื่ นไหว ขั้น ขั้ พื้น พื้ ฐาน มีทั้มีง ทั้ หมด 9 รูปรูแบบ และสามารถปรับรัการเคลื่อ ลื่ นไหวได้ทั้ด้ง ทั้ เมื่อ มื่ เข้าข้ เมื่อ มื่ ออก หรือรืทั้ง ทั้ สองกรณี และยังยักำ หนดความเร็วร็ และทิศทิทางของการเคลื่อ ลื่ นไหวได้ การเคลื่อ ลื่ นไหว เกินกิจริงริมีทั้มีง ทั้ หมด 4 รูปรูแบบ และสามารถปรับรัการเคลื่อ ลื่ นไหวได้ทั้ด้ง ทั้ เมื่อ มื่ เข้าข้ เมื่อ มื่ ออก หรือรืทั้ง ทั้ สองกรณี อีกอีทั้ง ทั้ ยังยักำ หนดความ เข้มข้ของการเคลื่อ ลื่ นไหวได้ การเคลื่อ ลื่ นไหว Motion Effect เป็นป็การเคลื่อ ลื่ นไหวตลอดเวลา มีทั้มีง ทั้ หมด 4 รูปรูแบบ และสามารถปรับรัการเคลื่อ ลื่ นไหวได้ทั้ด้ง ทั้ เมื่อ มื่ เข้าข้ เมื่อ มื่ ออก หรือรืทั้ง ทั้ สองกรณี และยังยักำ หนดความเร็วร็ และทิศทิทางของการเคลื่อ ลื่ นไหวได้ เป็นป็การกำ หนดการเคลื่อ ลื่ นไหวให้ข้ห้อข้ความ มี 3 รูปรูแบบ คือคืขั้น ขั้ พื้น พื้ ฐาน เกินกิจริงริและ Motion Effect NIDTEP DTEP NIDTEP NIDTEP NIDTEPNIDTEP NIDTEP NIDTEP IDTEP NIDTEP NIDTEP NIDTEPNIDTEP NIDTEP NIDTEP หลัลักลัลัสูสูตสูสูรการสร้ร้าร้ร้งสื่สื่สื่สื่อสื่สื่การเรีรียรีรีนรู้รู้รู้รู้รู้รู้สุสุดสุสุปัปังปัปั !! สำสำสำสำสำสำหรัรับรัรัครูรูรูรูสัสังสัสักักัดกักักระทรวงศึศึกศึศึษาธิธิกธิธิาร 91
ภาพเคลื่อลื่นไหวข้อข้ความ การเคลื่อ ลื่ นไหว ขั้น ขั้ พื้น พื้ ฐาน มีทั้มีง ทั้ หมด 9 รูปรูแบบ และสามารถปรับรัการเคลื่อ ลื่ นไหวได้ทั้ด้ง ทั้ เมื่อ มื่ เข้าข้ เมื่อ มื่ ออก หรือรืทั้ง ทั้ สองกรณี และยังยักำ หนดความเร็วร็ และทิศทิทางของการเคลื่อ ลื่ นไหวได้ เป็นป็การกำ หนดการเคลื่อ ลื่ นไหวให้ข้ห้อข้ความ มี 3 รูปรูแบบ คือคืขั้น ขั้ พื้น พื้ ฐาน เกินกิจริงริและ Motion Effect การเคลื่อ ลื่ นไหว เกินกิจริงริมีทั้มีง ทั้ หมด 4 รูปรูแบบ และสามารถปรับรัการเคลื่อ ลื่ นไหวได้ทั้ด้ง ทั้ เมื่อ มื่ เข้าข้ เมื่อ มื่ ออก หรือรืทั้ง ทั้ สองกรณี อีกอีทั้ง ทั้ ยังยักำ หนดความ เข้มข้ของการเคลื่อ ลื่ นไหวได้ การเคลื่อ ลื่ นไหว Motion Effect เป็นป็การเคลื่อ ลื่ นไหวตลอดเวลา มีทั้มีง ทั้ หมด 4 รูปรูแบบ และสามารถปรับรัการเคลื่อ ลื่ นไหวได้ทั้ด้ง ทั้ เมื่อ มื่ เข้าข้ เมื่อ มื่ ออก หรือรืทั้ง ทั้ สองกรณี และยังยักำ หนดความเร็วร็ และทิศทิทางของการเคลื่อ ลื่ นไหวได้ NIDTEP DTEP NIDTEP NIDTEP NIDTEPNIDTEP NIDTEP NIDTEP IDTEP NIDTEP NIDTEP NIDTEPNIDTEP NIDTEP NIDTEP 92 หลักลัสูตสูรการสร้าร้งสื่อสื่การเรียรีนรู้ สุดสุปังปั !! สำ หรับรัครู สังสักัดกักระทรวงศึกศึษาธิกธิาร
ตัวตัอย่าย่งการสร้าร้งการเคลื่อลื่นไหวขององค์ปค์ระกอบ 1. คลิกลิกล่อล่งข้อข้ความที่ต้ ที่ อต้งการสร้าร้งการเคลื่อ ลื่ นไหว 2. คลิกลิเมนู เคลื่อ ลื่ นไหว 3. เลือลืกรูปรูแบบการเคลื่อ ลื่ นไหว ตัวตัอย่าย่งจะเลือลืก ป็อป็ป 4. สามารถปรับรัการเคลื่อ ลื่ นไหวได้ทั้ด้ง ทั้ เมื่อ มื่ เข้าข้เมื่อ มื่ ออก หรือรืทั้ง ทั้ สองกรณี อีกอีทั้ง ทั้ ยังยั กำ หนดความเข้มข้ของการเคลื่อ ลื่ นไหวได้ 1 2 3 4 1 2 3 4 NIDTEP DTEP NIDTEP NIDTEP NIDTEPNIDTEP NIDTEP NIDTEP IDTEP NIDTEP NIDTEP NIDTEPNIDTEP NIDTEP NIDTEP หลัลักลัลัสูสูตสูสูรการสร้ร้าร้ร้งสื่สื่สื่สื่อสื่สื่การเรีรียรีรีนรู้รู้รู้รู้รู้รู้สุสุดสุสุปัปังปัปั !! สำสำสำสำสำสำหรัรับรัรัครูรูรูรูสัสังสัสักักัดกักักระทรวงศึศึกศึศึษาธิธิกธิธิาร 93
A B การเปลี่ย ลี่ นภาพให้ลื่ห้ ลื่นลื่ ไหล การเปลี่ย ลี่ นภาพ หรือรื Transition คือคืการใช้เช้อฟเฟค ในการเปลี่ย ลี่ นผ่าผ่นระหว่าว่งของสไลด์ A และ สไลด์ B หรือรืการที่เ ที่ ราจะตัดตัสไลด์ A และ สไลด์ B เชื่อ ชื่ มต่อต่กันกัจะมีเมีอฟเฟคบางอย่าย่งมาคั่น คั่ ตรงกลาง ซึ่ง ซึ่ Canva มีเมีอฟเฟค 9 แบบให้เห้ลือลืกและปรับรัแต่งต่ ได้ 1. นำ เม้าม้ส์ไส์ปชี้ที่ ชี้ ต ที่ รงกลางระหว่าว่งสไลด์ จะปรากฏไอคอน เพิ่ม พิ่ ช่วช่งการเปลี่ย ลี่ นภาพ เมื่อ มื่ คลิกลิเม้าม้ส์ จะปรากฏรูปรูแบบการเปลี่ย ลี่ น 2. เลือลืกรูปรูแบบการเปลี่ย ลี่ นที่ต้ ที่ อต้งการ 1 2 NIDTEP DTEP NIDTEP NIDTEP NIDTEPNIDTEP NIDTEP NIDTEP IDTEP NIDTEP NIDTEP NIDTEPNIDTEP NIDTEP NIDTEP 94 หลักลัสูตสูรการสร้าร้งสื่อสื่การเรียรีนรู้ สุดสุปังปั !! สำ หรับรัครู สังสักัดกักระทรวงศึกศึษาธิกธิาร
ตัวตัอย่าย่งการเปลี่ย ลี่ นภาพให้ลื่ห้ ลื่นลื่ ไหล ตัวตัอย่าย่งจะเป็นป็การเปลี่ย ลี่ นแบบ จับจัคู่แคู่ ละย้าย้ย ซึ่ง ซึ่ หากใช้เช้อฟเฟคนี้จ นี้ ะเป็นป็การ เปลี่ย ลี่ นสไล์จล์ากสไล์ A ไปสไลด์ B โดยมีวัมีตวัถุเถุดียดีวกันกัแต่กต่ารวางตำ แหน่งน่และ ขนาดต่าต่งกันกัจะทำ การเปลี่ย ลี่ นภาพเป็นป็ไปอย่าย่งไหลลื่น ลื่ ราวกับกัว่าว่ ไม่ไม่ด้เด้ป็นป็การ เปลี่ย ลี่ นสไลด์ ซึี่ง ซึี่ สามารถกำ หนดความเร็วร็ของการเปลี่ย ลี่ นได้ ตัวตัอย่าย่งจะเป็นป็การเปลี่ย ลี่ นแบบ เลื่อ ลื่ นไหล ซึ่ง ซึ่ หากใช้ เอฟเฟคนี้จ นี้ ะเป็นป็การเปลี่ย ลี่ นสไล์จล์ากสไล์ A ไปสไลด์ B จะทำ การเปลี่ย ลี่ นภาพโดยกสนเลื่อ ลื่ นทั้ง ทั้ สไลด์อด์ย่าย่งไหลลื่น ลื่ ซึี่ง ซึี่ สามารถกำ หนดความเร็วร็ของการเปลี่ย ลี่ นได้ โดยสามารถกำ หนดทิศทิทางและระยะเวลาของเอฟเฟคได้ NIDTEP DTEP NIDTEP NIDTEP NIDTEPNIDTEP NIDTEP NIDTEP IDTEP NIDTEP NIDTEP NIDTEPNIDTEP NIDTEP NIDTEP หลัลักลัลัสูสูตสูสูรการสร้ร้าร้ร้งสื่สื่สื่สื่อสื่สื่การเรีรียรีรีนรู้รู้รู้รู้รู้รู้สุสุดสุสุปัปังปัปั !! สำสำสำสำสำสำหรัรับรัรัครูรูรูรูสัสังสัสักักัดกักักระทรวงศึศึกศึศึษาธิธิกธิธิาร 95
2. คลิกลิเมนู “เสียสีง” การแทรกเพลงพื้นพื้หลังลั 1. ไปที่เ ที่ มนู “แอพ” 4. สามารถ เล่นล่ตัวตัอย่าย่งเสียสีงโดยคลิกลิที่ปุ่ที่ มปุ่ Play 3. พิมพิพ์คำพ์ คำค้นค้เสียสีงพื้น พื้ หลังลัที่ ต้อต้งการเป็นป็ถาษาอังอักฤษ การเร้าร้ความสนใจด้วด้ยเสียสีง 1. ลากเสียงเพลงมาวาง ที่ ไทม์ไลน์ 2. แถบสีฟ้าคือเสียงเพลงพื้นหลัง 3. สามารถปรับแต่งความเสียงเอฟเฟค ให้ค่อย ๆ ดังขึ้น และ ค่อย ๆ เบาลงได้ 4. สามารถปรับแต่งระดับความดังของเสียงได้ NIDTEP DTEP NIDTEP NIDTEP NIDTEPNIDTEP NIDTEP NIDTEP IDTEP NIDTEP NIDTEP NIDTEPNIDTEP NIDTEP NIDTEP 96 หลักลัสูตสูรการสร้าร้งสื่อสื่การเรียรีนรู้ สุดสุปังปั !! สำ หรับรัครู สังสักัดกักระทรวงศึกศึษาธิกธิาร
Sound Effects หรือรืเสียสีงประกอบ เป็นป็เสียสีงที่ถู ที่ กถูประดิษดิฐ์ขึ้ฐ์น ขึ้ มา หรือรืปรับรั ปรุงรุจากของเก่าก่ ให้ดีห้ขึ้ดีน ขึ้ มักมัจะใช้ใช้นงานภาพยนตร์ รายการโทรทัศทัน์ การแสดงสด แอนิเนิมชั่น ชั่ วิดีวิโดีอเกม เพลง หรือรือื่น อื่ ๆ โดย Sound Effects หรือรืเสียสีงประกอบ เป็นป็เสียสีงที่ถู ที่ กถูบันบัทึกทึเพื่อ พื่ เล่าล่เรื่อ รื่ งราวหรือรืจุดจุต่าต่ง ๆ ที่เ ที่ ฉพาะ เจาะจง โดยไม่ต้ม่อต้งมีบมีทสนทนา เช่นช่ Ambience, Approach, Bass, Beep, Blab, Blast, Bleep, Blip, Blow, Boom, Buzz, Clang, Click, Clink, Crack, Creak, Crumple, Doink, Drone, Glitch, Hiss, Phew, Pop, Puff, Rattle, Rewards, Rumble, Rustle, Shake, Slide, Squeak, Swoosh, Tap & Knock, Transition, Vroom, Whistle,Zip. 1.พิมพิพ์คำพ์ คำค้นค้เป็นป็ภาษาอังอักฤษ เช่นช่ SFX Transition เพื่อ พื่ ค้นค้หาเสียสีงการเปลี่ย ลี่ นภาพ 2. ลากเสียสีงที่ต้ ที่ อต้งการวางในไทม์ไม์ลน์ และจัดจัทำ แหน่งน่ ให้ตห้รงกับกับรรยากาศนั้น นั้ ๆ 3. ปรับรัระดับดัคำ ดังดัของเสียสีงให้เห้บาไม่ใม่ห้รห้บกวนเสียสีงบรรยายและเสียสีงพื้น พื้ หลังลั การแทรกเสียสีง Effece ลากเสียงเพลงมาวางที่ ไทม์ไลน์ NIDTEP DTEP NIDTEP NIDTEP NIDTEPNIDTEP NIDTEP NIDTEP IDTEP NIDTEP NIDTEP NIDTEPNIDTEP NIDTEP NIDTEP หลัลักลัลัสูสูตสูสูรการสร้ร้าร้ร้งสื่สื่สื่สื่อสื่สื่การเรีรียรีรีนรู้รู้รู้รู้รู้รู้สุสุดสุสุปัปังปัปั !! สำสำสำสำสำสำหรัรับรัรัครูรูรูรูสัสังสัสักักัดกักักระทรวงศึศึกศึศึษาธิธิกธิธิาร 97