การออกแบบสื่อโมชั่นกราฟิก วิชาโครงงาน สำหรับนักเรียนระดับประกาศนียบัตรวิชาชีพชั้นปีที่3 โดย นายศตวรรษ เทียนศิริ นายสมบูรณ์ ธาราศักดิ์ รายงานเล่มนี้เป็นส่วนหนึ่งของการศึกษา รายวิชา โครงการ แผนกวิชา คอมพิวเตอร์กราฟิก ประเภทวิชา ศิลปกรรม ภาคเรียนที่ 2 ปีการศึกษา 2566 วิทยาลัยอาชีวศึกษาชลบุรี
การออกแบบสื่อโมชั่นกราฟิก วิชาโครงงาน สำหรับนักเรียนระดับประกาศนียบัตรวิชาชีพชั้นปีที่3 โดย นายศตวรรษ เทียนศิริ นายสมบูรณ์ ธาราศักดิ์ เสนอ อาจารย์ณัฐจภัทร์ วัฒนศิลป์ รายงานเล่มนี้เป็นส่วนหนึ่งของการศึกษา รายวิชา โครงการ แผนกวิชา คอมพิวเตอร์กราฟิก ประเภทวิชา ศิลปกรรม ภาคเรียนที่ 2 ปีการศึกษา 2566 วิทยาลัยอาชีวศึกษาชลบุรี
ใบรับรองโครงการ ระดับประกาศนียบัตรวิชาชีพชั้นปีที่ 3 แผนกวิชาคอมพิวเตอร์กราฟิก วิทยาลัยอาชีวศึกษาชลบุรี เรื่อง โครงการการออกแบบสื่อโมชั่นกราฟิก วิชาโครงการ สำหรับนักเรียนระดับประกาศนียบัตรวิชาชีพชั้นปีที่ 3 โดย นายศตวรรษ เทียนศิริ นายสมบูรณ์ ธาราศักดิ์ ได้รับการอนุมัติให้เป็นส่วนหนึ่งของการศึกษาหลักสูตรระดับประกาศนียบัตรวิชาชีพ แผนกวิชาคอมพิวเตอร์กราฟิก .............................................รองผู้อำนวยการฝ่ายวิชาการ (นางศิรารัตน์ พรหมสิทธิพร) .............................................หัวหน้าแผนกวิชาคอมพิวเตอร์กราฟิก (นางสาวอรวดี นันทกิจ) วันที่.........เดือน..............พ.ศ.......... คณะกรรมการตรวจสอบ .............................................ประธานกรรมการ (.............................................) .............................................กรรมการ (.............................................) .............................................กรรมการ (.............................................)
- ก - ชื่อโครงการ : การออกแบบสื่อโมชั่นกราฟิก วิชาโครงการ สำหรับนักเรียนระดับประกาศนียบัตรวิชาชีพชั้นปีที่ 3 ผู้จัดทำ : นายศตวรรษ เทียนศิริ นายสมบูรณ์ ธาราศักดิ์ สาขางาน : คอมพิวเตอร์กราฟิก ประเภทวิชา : ศิลปกรรม ที่ปรึกษา : นางสาวรสิตา วรรณรัตน์, นางสาวปัญจาภา ส่งเสริม สถาศึกษา : วิทยาลัยอาชีวศึกษาชลบุรี ปี พ.ศ. : 2566 บทคัดย่อ เพื่อออกแบบสื่อโมชั่นกราฟิก วิชาการโครงการ สำหรับนักเรียนระดับประกาศนียบัตรวิชาชีพ ชั้นปีที่ 3 แผนกวิชาคอมพิวเตอร์กราฟิก เพื่อศึกษาความพึ่งพอใจของผู้เรียนที่มีต่อสื่อโมชั่นกราฟิก วิชาโครงการ สำหรับนักเรียน ระดับประกาศนียบัตรวิชาชีพชั้นปีที่ 3 แผนกวิชาคอมพิวเตอร์กราฟิก วัตถุประสงค์เพื่อศึกษาองค์ประกอบของเทคนิคโมชั่นกราฟิกที่ส่งเสริมความสามารถในการ เรียนรู้จากการรับรู้ของ ผู้เชี่ยวชาญ นักออกแบบและผู้เรียน การศึกษาเรื่อง การออกแบบสื่อโมชั่นกราฟิก วิชาโครงการ สำหรับนักเรียนระดับ ประกาศนียบัตรวิชาชีพชั้นปีที่ 3 วัตถุประสงค์ของโครงการ 1. เพื่อออกแบบสื่อโมชั่นกราฟิก วิชา โครงการ สำหรับนักเรียนระดับประกาศนียบัตรวิชาชีพชั้นปีที่ 3 แผนกวิชาคอมพิวเตอร์กราฟิก 2. เพื่อให้ผู้เรียนได้ความรู้จากสื่อโมชั่นกราฟิก วิชาโครงการ สำหรับนักเรียนระดับประกาศนียบัตร วิชาชีพชั้นปีที่ 3 แผนกวิชาคอมพิวเตอร์กราฟิก
- ข - กิตติกรรมประกาศ การศึกษาโครงการเรื่อง “การออกแบบสื่อโมชั่นกราฟิก วิชาโครงการ สำหรับนักเรียนระดับ ประกาศนียบัตรวิชาชีพชั้นปีที่ 3” ในครั้งนี้ สามารถ สำเร็จลุล่วงอย่างสมบูรณ์ด้วยความเมตตา จาก อาจารย์ณัฐจภัทร์ วัฒนศิลป์ที่ปรึกษาโครงการ ที่ให้คำปรึกษาแนะนำแนวทางที่ถูกต้อง และเอาใจใส่ ด้วยดีตลอดระยะเวลาในการทำโครงการ จนสามารถออกแบบสื่อโมชั่นกราฟิกให้เกิดขึ้นเป็นจริงได้ ผู้จัดทำรู้สึกซาบซึ้งเป็นอย่างยิ่ง จึงขอกราบขอบพระคุณเป็นอย่างสูงมา ณ โอกาสนี้ คณะผู้จัดทำขอขอบพระคุณ นักเรียน วิทยาลัยอาชีวศึกษาชลบุรีที่ให้ความร่วมมือในการ ดำเนินงาน ขอขอบพระคุณ ขอขอบพระคุณ อาจารย์อรวดี นันทกิจ ที่ช่วยให้คำแนะนำ อธิบายและ ตอบข้อซักถามในการดำเนินโครงการต่างๆ ช่วยหาวิธีการปรับปรุงการออกแบบสื่อโมชั่นกราฟิก จน ออกมาเป็นที่ชื่นชอบของกลุ่มผู้บริโภค คุณค่าและประโยชน์ของโครงการนี้ ผู้ศึกษาขอมอบเป็นกตัญญูกตเวทีแก่บุพการี บูรพาจารย์ และผู้มีพระคุณท่านทั้งในอดีตและปัจจุบันที่ได้อบรม สั่งสอน ชี้แนะแนวทางในการศึกษา จนทำให้ ผู้จัดทำประสบความสำเร็จมาจนตราบทุกวันนี้ คณะผู้จัดทำ 2566
- ค - หน้า บทคัดย่อ ก กิตติกรรมประกาศ ข สารบัญ ค บทที่ 1 บทนำ 1 ความเป็นมาของปัญหา 2 วัตถุประสงค์ของโครงการ 2 ขอบเขตของการศึกษา 2 ประโยชน์ที่คาดว่าจะได้รับ 2 บทที่ 2 แนวคิด ทฤษฎี เอกสารและงานวิจัยที่เกี่ยวข้อง 3 โมชั่นกราฟิก (Motion graphic) 3-4 หลักการดำเนินงาน การศึกษาองค์ประกอบของเทคนิคโมชั่น การวัดประเมินผลการเรียนรู้ ความพึงพอใจ 4-7 บทที่ 3 วิธีดำเนินงานวิจัย ศึกษาข้อมูลเบื้องต้น เก็บรวบรวมข้อมูล การออกแบบสื่อโมชั่นกราฟิกเคลื่อนไหว บทที่ 4 ผลการวิจัย ลำดับขั้นตอนการดำเนินงาน 8 8 9 10 10 10 11 14
- ค - 37 ภาคผวก ขแบบประเมินความพึงพอใจที่มีต่อการออกแบบสื่อโมชั่นกราฟิก แบบประเมินความพึงพอใจที่มีต่อสื่อโมชั่นกราฟิก ภาคผนวก คขั้นตอนการปฏิบัติงาน ภาคผนวก งรับรองการนำไปใช้จริง ประวัติผู้ทำและการศึกษา บทที่ 5 สรุปผลการวิจัยอภิปรายผลและข้อเสนอแนะ ผลการวิเคราะห์ข้อมูล ผลงานออกแบบและอภิปรายผล ข้อเสนอแนะ หน้า บรรณานุกรม บรรณานุกรมภาษาไทย บรรณานุกรมภาษาอังกฤษ ภาคผนวก ภาคผนวก ก แบบขออนุมัติโครงการ 15 15 16
1 บทที่ 1 บทนำ 1.1 ความเป็นมาและความสำคัญของปัญหา ปัจจุบันมีความต้องการในการพัฒนาการสื่อสารในการสอนมีมากขึ้นรวมถึงสื่อใหม่ในรูปแบบ โมชั่นกราฟิก เพื่อส่งเสริมความสามารถในการเรียนรู้สูงขึ้น เกิดขึ้นเนื่องจากระบบการจัดการศึกษา มุ่งเน้นไปที่การจัดการศึกษา ทางไกลและการศึกษาตามอัธยาศัยมากขึ้น สื่อมัลติมีเดียเพื่อการเรียน การสอน และการฝึกอบรมทางไกลจึงมีบทบาท สำคัญต่อการพัฒนาบุคลากร หัสนัยริยาพันธ์, (2554) งานด้านมัลติมีเดียซึ่งมีเทคนิคและเทคโนโลยีหลากหลาย สามารถนำไปประยุกต์ในการเรียนการสอน ทำให้การถ่ายทอดและการสื่อความรู้ในการจัดการการสอนได้ดี แต่ต้อง อาศัยกระบวกการด้าน ออกแบบสื่อมัลติมีเดียให้ได้สื่อที่สวยงามและมีเทคนิคที่ดีเพื่อจะช่วยดึงดูดความสนใจของผู้เรียน ซึ่ง การสื่อสารมีบทบาทต่อผลกระทบในสื่อมัลติมีเดียยิ่ง นฤมนต์ ถิ่นวิรัตน์, (2554) ศึกษาอิทธิพลของ อินโฟกราฟิก แอนิเมชั่น “รู้สู้ฟลัด” ได้ผลิตสื่อออกมาเพื่อช่วยให้ความรู้ แก่ประชาชนเตรียมตัวรับมือ กับน้ำท่วม ด้วยสื่อใน รูปแบบภาพเคลื่อนไหว ใช้ภาพประกอบเชิงสัญลักษณ์ กระชับ เข้าใจง่าย ซึ่ง เขาได้ศึกษาอิทธิพลของอินโฟกราฟิกที่มีผลต่อการรับข้อมูลที่ซับซ้อนให้เข้าใจง่ายรวดเร็วกว่าข้อมูล แบบตัวอักษรอย่างเดียว ผลการวิจัยระบุว่า ข้อมูลมีลักษณะ ซับซ้อนหากแปลงให้เป็นภาพ ทำให้ ประชาชนเข้าใจมากที่สุด ในช่วงเวลาที่รีบเร่งหรือภาวะที่วิกฤตการลำดับเรื่อง ความสมบูรณ์และ ชัดเจนของเนื้อหาเรื่องราว การนำกราฟิกเคลื่อนไหว จะช่วยให้เกิดความน่าสนใจและเข้าใจง่าย รวดเร็ว จากการศึกษา ดยวิธีสัมภาษณ์นักศึกษาชั้นปีที่ 3 ที่ลงเรียนรายวิชาเทคโนโลยีมัลติมีเดีย สาขา ออกแบบนิเทศศิลป์ พบว่ายังขาดความความเข้าใจด้านทฤษฎีทางกระบวนการผลิตสื่อมัลติมีเดียจาก การสังเกตผล คะแนนสอบ และการตอบคำถามหน้าชั้นเรียน และสัมภาษณ์ผู้เรียนเพิ่มเติมถึงความ ต้องการและวิธีในการเรียนรู้ว่า สนใจสื่อการสอนชนิดใด และได้เคยทดลองเรียนกับสื่อชนิดนั้นหรือไม่ พบว่าผู้เรียนให้คาสัมภาษณ์ค่อนข้างตรงกันว่ามีความสนใจในสื่อเคลื่อนไหวมากกว่าสื่อในรูปแบบ ตำราหนังสือ หรือ Power Point โดยผู้เรียนให้ให้เหตุผลที่สำคัญว่า คลิปหรือกราฟิกที่มีความแปลก สวยงามและสนุกสนานสอดแทรกสาระสามารถเรียนรู้ได้ง่ายกว่า เช่น โมชั่นกราฟิก เรื่องรู้สู้ฟลัด เพราะสามารถกระตุ้นให้อยากเรียน ช่วยสร้างจินตนาการได้ในระยะเวลาสั้นๆ มีบทพูดสั้นๆ และไม่ เบื่อ ดังนั้น ผู้วิจัยจึงสนใจที่จะศึกษาองค์ประกอบของสื่อโมชั่นกราฟิกที่ส่งเสริมความสามารถในการ เรียนรู้ เนื่องจากผู้เรียนมีความสนใจสื่อในลักษณะดังกล่าว 1.2.วัตถุประสงค์เพื่อศึกษาองค์ประกอบ
2 ของเทคนิคโมชั่นกราฟิกที่ส่งเสริมความสามารถในการเรียนรู้จากการรับรู้ของ ผู้เชี่ยวชาญ นัก ออกแบบและผู้เรียน โมชั่นกราฟิก(Motion Graphic) เป็นรูปแบบงานกราฟิกที่มีระบบการทำงานในรูปแบบ Animation หรือสร้าง Digital footage ที่สร้างภาพเคลื่อนไหวลวงตาให้ปรากฏบนจอภาพ ซึ่งอาจจะ ประกอบด้วยการใส่เสียง และสื่อผสมต่างๆ โดยปัจจุบันนิยม และพัฒนาต่อยอดไปทั้งด้านของสื่อ และศิลปะร่วมสมัยอย่างหลากหลาย ครั้งนี้จึงอยากนำเสนอศิลปินที่สร้างสรรค์ผลงานกราฟิก เคลื่อนไหวที่ล้ำสมัยที่สุดในช่วงเวลานี้ 1.2 วัตถุประสงค์ของโครงการ 1.2.1 เพื่อออกแบบสื่อโมชั่นกราฟิก วิชาการโครงการ สำหรับนักเรียนระดับประกาศนียบัตร วิชาชีพชั้นปีที่ 3 แผนกวิชาคอมพิวเตอร์กราฟิก 1.2.2 เพื่อศึกษาความพึ่งพอใจของผู้เรียนที่มีต่อสื่อโมชั่นกราฟิก วิชาโครงการ สำหรับ นักเรียนระดับประกาศนียบัตรวิชาชีพชั้นปีที่ 3 แผนกวิชาคอมพิวเตอร์กราฟิก 1.2.3วัตถุประสงค์เพื่อศึกษาองค์ประกอบของเทคนิคโมชั่นกราฟิกที่ส่งเสริมความสามารถใน การเรียนรู้จากการรับรู้ของ ผู้เชี่ยวชาญ นักออกแบบและผู้เรียน 1.3 ขอบเขตของการศึกษา 1.3.1 ขอบเขตด้านประชากร ประชากรที่ใช้ในการวิจัยครั้งนี้ นักเรียนประกาศนียบัตรวิชาชีพชั้นปีที่ 3 แผนกวิชา คอมพิวเตอร์กราฟิก วิทยาลัยอาชีวศึกษาชลบุรี จังหวัดชลบุรี ที่ได้รับชมสื่อโมชั่นกราฟิก 1.3.1 ขอบเขตด้านเนื้อหา รายวิชา โครงการ รหัสวิชา 20308-8501 1.4 ประโยชน์ที่คาดว่าจะได้รับ 1.4.1 ได้สื่อโมชั่นกราฟิก วิชาโครงการ ที่มีประสิทธิภาพ 1.4.2 ผู้เรียนมีความพึงพอใจต่อสื่อโมชั่นกราฟิก วิชาโครงการ
3 บทที่ 2 เอกสาร ทฤษฎี และงานวิจัยที่เกี่ยวข้อง การวิจัยเรื่องการพัฒนาสื่อโมชั่นกราฟิก วิชาโครงการสำหรับนักเรียนนักศึกษา ประกาศนียบัตรวิชาชีพชั้นปีที่ 3 วิทยาลัยอาชีวศึกษาชลบุรีผู้วิจัยได้ศึกษาเอกสารและงานวิจัยที่ เกี่ยวข้องในประเด็นต่างๆ ตามลำดับนี้ 2.1 โมชั่นกราฟิก (Motion graphic) 2.2 หลักการดำเนินงานและโปรแกรมที่ใช้ 2.3 การศึกษาองค์ประกอบของเทคนิคโมชั่น กราฟิกที่ส่งเสริมความสามารถในการเรียนการ วัดประเมินผลการเรียนรู้ (Studying Component of Motion graphics media which enhanced learning ability) 2.4 การวัดประเมินผลการเรียนรู้ 2.5 ความพึงพอใจ 2.1 โมชั่นกราฟิก (Motion graphic) 2.1.1 ความหมายของโมชั่นกราฟฟิก Motion Graphic เป็นรูปแบบงานกราฟิกที่มีระบบการทำงานในรูปแบบ Animation หรือสร้าง Digital footage ที่สร้างภาพเคลื่อนไหวลวงตาให้ปรากฏบนจอภาพ ซึ่งอาจจะ ประกอบด้วยการใส่เสียง และสื่อผสมต่างๆ โดยปัจจุบันนิยม และพัฒนาต่อยอดไปทั้งด้านของสื่อ และ ศิลปะร่วมสมัยอย่างหลากหลาย ครั้งนี้จึงอยากนำเสนอศิลปินที่สร้างสรรค์ผลงานกราฟิกเคลื่อนไหวที่ ล้ำสมัยที่สุดในช่วงเวลานี้ Esteban Diacono เป็นนักออกแบบกราฟิกเคลื่อนไหวจากบัวโนสไอเรส ประเทศ อาร์เจนตินาที่มีความสามารถ และสร้างสรรค์ผลงานออกมาได้อย่างน่าทึ่ง และยังเป็นที่รู้จักในหมู่นัก ออกแบบ Motion Graphic ทั่วโลก ผลงานของเขา โดยเฉพาะงานที่สร้างเป็นใบหน้ามนุษย์นั้น มี ความลวงตาจนทำให้ต้องย้อนกลับไปดูอีกครั้งว่าสิ่งที่เห็นนั้นเป็นของจริงหรือเป็นยางกันแน่ Maxim Zhestkov เป็นศิลปินและผู้กำกับที่หลอมรวมนำเอาแอนิเมชัน ศิลปะการ ออกแบบเทคโนโลยีและเสียงสำหรับภาพยนตร์ศิลปะนวัตกรรมจาก Motion Graphic มารวมไว้เข้า ด้วยกัน เขาได้ทำงานให้กับสื่อ และแบรนด์ดังมากมาย อาทิเช่น Adobe, Google, Microsoft,
4 Samsung, MTV โดยผลงานของเขานั้นส่วนใหญ่จะนำเอารูปทรงต่างๆ อย่างเช่นรูปทรงเรขาคณิตมา สร้างเป็น Motion Graphic เคลื่อนไหวเล่นกับพื้นที่ในห้อง หรือสถานที่ Rémi Cabarrou หรือที่รู้จักกันในนาม Roger Kilimanjaro เป็นศิลปินที่อยู่ใน ปารีส และด้วยแอนิเมชัน ภาพ Motion Graphic ของเขานั่นเองทำให้มีคนติดตามผลงานของเขา อย่างมาก าและได้ยังรับความสนใจจากสื่อต่างประเทศ โดยผลงานของเขามักนำวัสดุอย่างเหล็กต่างๆ มาแปรสภาพกลายเป็นของเหลว ชวนดูให้น่างุนงงว่า เหล็กที่เห็นนั้นมีความนุ่มซึ่งย้อนแย้งกับวัสดุที่ ควรจะมีความแข็งอย่างน่าสนใจ Andreas Wannerstedt เป็นศิลปินและผู้กำกับศิลป์จากสตอกโฮล์ม เขาเป็น ผู้สร้างงานประติมากรรม 3 มิติที่ไม่เหมือนใคร และภาพเคลื่อนไหววนซ้ำที่ชวนให้หลงใหลที่มีทั้งความ ซับซ้อน และแปลกตาโดยมีรูปทรงเรขาคณิตเรียบง่ายที่สมดุลร่วมกับพื้นผิวต่างๆ ภาพเคลื่อนไหวของ เขาทำให้เกิดความรู้สึกที่สะกดจิตอย่างแปลกประหลาด ซึ่งทำให้ผู้ชมผ่อนคลายและมีสมาธิและเขา ทำงานประจำให้กับแบรนด์ที่เป็นที่รู้จักเช่น Google, Omega, Swarovski, Dropbox, Adidas, Ikea, Spotify, Absolut Vodka, Red Bull, Squarespace เป็นต้น 2.2 หลักการดำเนินงานและโปรแกรมที่ใช้ 2.2.1 ขั้นตอนก่อนการผลิต (Pre-Production) 2.2.2.1 กรอบแนวคิด (Direction Concept) เป็นขั้นตอนการรวบรวม ข้อมูล การคิดวิเคราะห์คอนเซปต์งาน 2.2.2.2 อารมณ์ของาน (Mood Board) สีสัน สไตล์ คาแรคเตอร์ ฟอนต์ ของงาน รูปแบบในงานทั้งหมดที่สื่อถึงอารมณ์ของผู้รับชมที่มีต่อผลงาน เพื่อให้ผู้รับชมมีความรู้สึก ตามไปกับชิ้นงานที่ต้องการสื่อ 2.2.2.3 บทพูด (Script) เป็นการนำข้อมูลที่ได้จากกรอบแนวคิดมาเขียนบท พูด สามารถแบ่งออกเป็น 3 ส่วน ได้แก่ การเกริ่นนำ ใจความหลัก และสรุป ความยาวของบท เมื่อ ลองพูดตามสคริปต์แล้ว ควรมีความยาวอย่างน้อย 2 นาที ไม่ควรยาวเกิน 15 นาที 2.2.2.4 บทภาพ (Storyboard) การเขียนสตอรี่บอร์ดเป็นการเขียนกรอบ แสดงเรื่องราวที่สมบูรณ์ของเรื่องราว โดยมีการแสดงรายละเอียดที่จะปรากฏในแต่ละฉากหรือแต่ละ หน้าจอ
5 ภาพที่ 2.2.1ขั้นตอนก่อนการผลิต (Pre-Production) ที่มา : การสร้างสื่อภาพกราฟิกเคลื่อนไหว (Motion Graphic) 2.2.3 การเตรียมอาร์ตเวิร์ค (Artwork) การจัดองค์ประกอบของงานภาพเคลื่อนไหว จะถูกจัดทำอยู่ในรูปแบบของ Visual Content ผู้ผลิตต้องเตรียมอาร์ทเวิร์คเพื่อนำไปใช้ใน งานภาพเคลื่อนไหว โดยใช้โปรแกรมออกแบบ เช่น Adobe Illustrator / Adobe Photoshop ภาพที่ 2.2.2 อาร์ตเวิร์ค (Artwork) ที่มา : การสร้างสื่อภาพกราฟิกเคลื่อนไหว (Motion Graphic)
6 2.2.3 ขนาดเฟรม (Frame Size) การเตรียมอาร์ตเวิร์คสำหรับงานภาพเคลื่อนไหว จะต้องเข้าใจเรื่องขนาดเฟรม และเลือกใช้ให้เหมาะสม ภาพที่ 2.2.3 ขนาดเฟรม (Frame Size) ที่มา : การสร้างสื่อภาพกราฟิกเคลื่อนไหว (Motion Graphic) 2.2.4 อัตราส่วนภาพ (Aspect Ratio) เป็นอัตราส่วนความกว้างและความสูงของ ภาพ เช่น 1:1, 3:2, 4:3 และ 16:9 เป็นต้น การเลือกใช้อัตราส่วนขึ้นอยู่กับลักษณะงานที่ ต้องการนำเสนอ เช่น ยิงโฆษณาบน Facebook หรือ Instagram อาจใช้อัตราส่วน 1:1 ส่วน กราฟิกเคลื่อนไหวให้ความรู้เป็น 16:9 เป็นต้น ภาพที่ 2.2.4 อัตราส่วนภาพ (Aspect Ratio) ที่มา : การสร้างสื่อภาพกราฟิกเคลื่อนไหว (Motion Graphic)
7 2.2.5 การเคลื่อนไหว (Motion) เป็นการนำอาร์ตเวิร์คที่สร้างจาก Adobe Illustrator มาแยกเลเยอร์ และทำการเคลื่อนไหวในโปรแกรม Adobe After Effects ภาพที่ 2.2.5 การเคลื่อนไหว (Motion) ที่มา : การสร้างสื่อภาพกราฟิกเคลื่อนไหว (Motion Graphic) 2.2.6 ข้อขั้นตอนหลังการผลิต (Post-Production) 2.2.6.1 การลำดับภาพ (Sequencing) เป็นการนำฉากแต่ละฉากที่สร้างจาก Adobe After Effects มาจัดลำดับภาพ และเสียง ให้เกิดเป็นเรื่องราว และเอฟเฟกต์ทรานสิชั่น 2.2.6.2 ผสมเสียง (Mix Sound) เป็นการบันทึกเสียงบรรยาย ผสมกับเสียงเอฟเฟกต์และเสียงดนตรี โดย จะต้องเลือกจังหวะดนตรีและปรับความดังตามความเหมาะสม ไม่เบาหรือดังเกินไป
8 2.3 การศึกษาองค์ประกอบของเทคนิคโมชั่น กราฟิกที่ส่งเสริมความสามารถในการเรียน (Studying Component of Motion graphics media which enhanced learning ability) การวิจัยครั้งนี้เป็นการวิจัยเชิงคุณภาพ มีวัตถุประสงค์เพื่อศึกษาองค์ประกอบของสื่อ โมชั่นกราฟิกที่ส่งเสริมความสามารถในการเรียนรู้ กลุ่มตัวอย่างที่ศึกษาประกอบด้วย 3 กลุ่ม คือ ผู้เชี่ยวชาญ นักออกแบบและนักศึกษาได้จากการสุ่มตัวอย่างแบบเฉพาะเจาะจง เครื่องมือที่ใช้ในการ วิจัย คือ แบบสัมภาษณ์และการสังเกต แบบสัมภาษณ์ ผ่านการตรวจสอบความตรงตามเนื้อหา วิเคราะห์ข้อมูลโดยการจัดกลุ่มและการวิเคราะห์เนื้อหา (content analysis) ผลการวิจัยพบว่า องค์ประกอบของสื่อโมชั่นกราฟิกที่ส่งเสริมความสามารถในการเรียนรู้ประกอบด้วย ขั้นการวิเคราะห์ ขั้นการออกแบบ ขั้นการพัฒนา ขั้นการทดลอง ขั้นการประเมิน ซึ่งแต่ละข้อมีเนื้อหารายละเอียดต่างๆ ดังที่จะกล่าวในบทความนี้ 2.3.1 การสื่อสารทางเดียว (One-Way Communication) เป็นการสงข่าวสาร หรือการ สื่อความหมายไปยังผู้รับแต่เพียงฝ่ายเดียวโดยที่ผู้รับไม่สามารถตอบสนองทันที(Immediate Response) กับผู้ส่งแต่อาจจะมีผลปอนกลับไปยังผู้สงในภายหลังได้การ สื่อสารในรูปแบบนี้จึงเป็น การที่ผู้ส่งและผู้รับไม่สามารถมีปฏิสัมพันธ์ตอกันได้ทันที 2.3.2 การสื่อสารสองทาง (Two-Way Communication) เป็นการสื่อสารหรือ การสื่อ ความหมายที่ผู้รับมีโอกาสตอบสนองมายังผู้สงได้ในทันที โดยที่ผู้ส่งและผู้รับ อาจจะอยู่ตอหน้ากันหรือ อาจอยูคนละสถานที่ก็ได้แต่ทั้งสองฝยจะสามารถมีการเจรจา หรือการโต ตอบกันไปมา โดยที่ต่าง ฝ่ายต่างผลัดกันทำหน้าที่เป็นทั้งผู้ส่งและผู้รับใน เวลาเดียวกัน การที่สมองต้องรับข้อมูลที่ที่ต้องจามากเกินไป ปรากฏการณ์นี้เรียกว่า Mayer เรียกว่า ภาระทางปัญญา (Cognitive Load) หมายถึงการบังคับให้ส่วนความจำชั่วคราวทำงานได้ ทันเวลาจนเกิดเป็นความจำที่ถาวร วิธีการแก้ปัญหาภาระทางปัญญาที่ดีนั้น ผู้ออกแบบจะต้องใช้ ภาพประกอบ การจัดองค์ประกอบของภาพ ตัวอักษร และเสียงประกอบ ผู้ออกแบบควรคำนึงถึงการ ใช้ภาพ เสียง ตัวอักษร ให้เกี่ยวข้องกบเนื้อหาเพื่อเพิ่มประสิทธิภาพการเรียนรู้ 2.4 การวัดประเมินผลการเรียนรู้ ผศ.ดร.ทิวัตถ์ มณีโชติยังมีความเข้าใจคลาดเคลื่อนเกี่ยวกับ การวัด และ การวัดผล บางคนเข้าใจว่า 2 คำนี้เป็นคำเดียวกัน มีความหมายเหมือนกัน เพราะมาจากภาษาอังกฤษคำ เดียวกันคือ measurement แต่ในภาษาไทย 2 คำนี้มีความหมายแตกต่างกันเล็กน้อย ดังนี้ การวัด เป็นกระบวนการกำหนดตัวเลขหรือสัญลักษณ์แทนปริมาณหรือคุณภาพของ คุณลักษณะหรือคุณสมบัติของสิ่งที่ต้องการวัด
9 การวัดผล เป็นกระบวนการกำหนดตัวเลขหรือสัญลักษณ์แทนปริมาณหรือคุณภาพของ คุณลักษณะหรือคุณสมบัติของสิ่งที่ต้องการวัด โดยสิ่งที่ต้องการวัดนั้นเป็นผลมาจากการกระทำหรือ กิจกรรมอย่างใดอย่างหนึ่งหรือหลายอย่างร่วมกัน เช่น การวัดผลการเรียนรู้ สิ่งที่วัดคือ ผลที่เกิด จากการเรียนรู้ของผู้เรียน 2.5 ความพึงพอใจ อุทัย พรรณสุดใจ (2545) ได้กล่าวถึง ความพึงพอใจว่า เป็นความรู้สึกรักชอบยินดีเต็ม ใจ หรือมีเจตคติที่ดีของบุคคลต่อสิ่งใดสิ่งหนึ่ง ความพอใจจะเกิดเมื่อได้รับตอบสนองความต้องการ ทั้ง ด้านวัตถุและด้านจิตใจ ความพึงพอใจเป็นเรื่องเกี่ยวกับอารมณ์ ความรู้สึก และทัศนะของบุคคล อัน เนื่องมาจากสิ่งเร้าและสิ่งจูงใจ โดยอาจเป็นไปในเชิงประเมินค่า ว่าความรู้สึกหรือทัศนคติต่อ สิ่ง เหล่านั้น เป็นไปในทางลบหรือบวก ราชบัณฑิตสถาน (2546) ได้กล่าวถึง ความหมายของคำว่า ความพึงพอใจ ดังนี้ คำว่า “พึง” เป็นคำกริยาอื่น หมายความว่า ยอมตาม เช่น พึงใจ และคำว่า “พอใจ” หมายถึง สมชอบ ชอบใจ กชกร เป้าสุวรรณ และคณะ (2550) ได้กล่าวถึง ความหมายของความพึงพอใจว่า ส่งที่ ควรจะเป็นไปตามความต้องการ ความพึงพอใจเป็นผลของการแสดงออกของทัศนคติของบุคคลอีก รูปแบบหนึ่ง ซึ่งเป็นความรู้สึกเอนเอียงของจิตใจที่มีประสบการณ์ที่มนุษย์เราได้รับอาจจะมากหรือ น้อยก็ได้ และเป็นความรู้สึกที่มีต่อสิ่งใดสิ่งหนึ่ง ซึ่งเป็นไปได้ทั้งทางบวกและทางลบ แต่ก็เมื่อได้สิ่ง นั้น สามารถตอบสนองความต้องการ หรือทำให้บรรลุจุดมุ่งหมายได้ ก็จะเกิดความรู้สึกบวก เป็น ความรู้สึกที่พึงพอใจ แต่ในทางตรงกันข้าม ถ้าสิ่งนั้นสร้างความรู้สึกผิดหวัง ก็จะทำให้เกิดความรู้สึก ทางลบ เป็นความรู้สึกไม่พึงพอใจ ความพึงพอใจเกิดขึ้นหรือไม่นั้นขึ้นอยู่กับกระบวนการจัดการเรียนรู้ประกอบกับระดับ ความรู้สึกของนักเรียนดังนั้นในการวัด ความพึงพอใจในการเรียนรู้กระทำได้หลายวิธี ต่อไปนี้ (สาโรจน์ ไสยสมบัติ , 2534: 39) 2.5.1 การใช้แบบสอบถามซึ่งเป็นวิธีที่นิยมใช้มากอย่างแพร่หลายวิธีหนึ่ง 2.5.2 การสัมภาษณ์ซึ่งเป็นวิธีที่ต้องอาศัย เทคนิคและความชำนาญพิเศษของผู้สัมภาษณ์ ที่จะจูงใจให้ผู้ตอบคำถามตามข้อเท็จจริง 2.5.3 การสังเกต เป็นการสังเกตพฤติกรรมทั้ง ก่อนการปฏิบัติกิจกรรม ขณะปฏิบัติ กิจกรรมและ หลังการปฏิบัติกิจกรรมจะเห็นได้ว่าการวัดความพึงพอใจในการเรียนรู้สามารถที่จะวัดได้
10 หลายวิธี ทั้งนี้ขึ้นอยู่กับความ สะดวกความเหมาะสม ตลอดจนจุดมุ่งหมาย หรือเป้าหมายของการวัด ด้วยจึงจะส่งผลให้การวัดนั้น มีประสิทธิภาพน่าเชื่อถือ
11 บทที่ 3 วิธีการดำเนินการโครงการ ขั้นตอนการดำเนินงานเพื่อให้บรรลุวัตถุประสงค์ของโครงการออกแบบสื่อโมชั่นกราฟิก วิทยาลัยอาชีวศึกษาชลบุรี มีขั้นตอนดังนี้ 3.1 ศึกษาข้อมูลเบื้องต้น 3.2 เก็บรวบรวมข้อมูล 3.3 การออกแบบสื่อโมชั่นกราฟิกเคลื่อนไหว 3.1 ศึกษาข้อมูลเบื้องต้น ผู้จัดทำได้ศึกษาและสืบค้นต้นฉบับของโมชั่นกราฟิกและหลักการสร้างสรรค์ผลงานมาจากหลายๆ แหล่งและนำมาดำเนินงาน 3.2 เก็บรวบรวมข้อมูล 3.2.1 ศึกษาค้นคว้าข้อมูลความหมายของ โมชั่นกราฟิก (Motion graphic) 3.2.2 ศึกษา หลักการทำ โมชั่นกราฟิก 3.2.3 ศึกษาโปรแกรมที่ใช้ในการทำ โมชั่นกราฟิก 3.2.4 ศึกษาวิธีการออกแบบ และทำโมชั่นกราฟิกด้วยโปรแกรมสำเร็จรูปดังนี้ 3.2.4.1 Adobe illustrator 3.2.4.2 Adobe After effects 3.2.4.3 Adobe Premiere Pro
12 3.3 การออกแบบสื่อโมชั่นกราฟิกเคลื่อนไหว 3.3.1 การสร้างตัวละครและฉากหลังในการนำไปทำโมชั่นกราฟ ภาพที่ 3.3.1 การออกแบบตัวละครและฉากหลังด้วยโปรแกรม Adobe illustrator ภาพที่ 3.3.1.2 การจัดองค์ประกอบของภาพ
13 3.3.2 นำตัวละครและฉากหลังมาทำการเคลื่อนไหวด้วยโปรแกรม Adobe after effects ภาพที่ 3.3.2.1 การทำโมชั่นกราฟิกด้วยโปรแกรม Adobe after effects 3.3.4 นำวิดิโอโมชั่นกราฟิกมาใส่เสียงพากย์ เสียงเอฟเฟค และ เสียงพื้นหลัง โดยโปรแกรม Premiere Pro ภาพที่ 3.3.2.1 การทำเสียงเอฟเฟคด้วยโปรแกรม Premiere Pro
14 บทที่ 4 ผลการวิเคราะห์ข้อมูล การศึกษาเรื่อง การออกแบบสื่อโมชั่นกราฟิก วิชาโครงการ นักเรียนระดับประกาศนียบัตร วิชาชีพชั้นปีที่ 3 ผู้วิจัยได้นำเสนอผลการวิเคราะห์ข้อมูล รูปของตารางและความเรียง ดังต่อไปนี้ 4.1 ผลการออกแบบสื่อโมชั่นกราฟิก วิชาโครงการ สำหรับนักเรียนระดับประกาศนียบัตร วิชาชีพชั้นปีที่ 3 แผนกวิชาคอมพิวเตอร์กราฟิก 4.2 ผลการประเมินความพึงพอใจของผู้เรียนที่มีต่อสื่อโมชั่นกราฟิก วิชาโครงการ สำหรับ นักเรียนระดับประกาศนียบัตรวิชาชีพชั้นปีที่ 3 แผนกวิชาคอมพิวเตอร์กราฟิก ตอนที่ 1 ผลการออกแบบโมชั่นกราฟิก วิชาโครงการ สำหรับนักเรียนระดับ ประกาศนียบัตรวิชาชีพชั้นปีที่ 3 แผนกวิชาคอมพิวเตอร์กราฟิก ผลการออกแบบ โดยนำสื่อโมชั่นกราฟิก วิชาโครงการ สำหรับนักเรียนระดับประกาศนียบัตร วิชาชีพชั้นปีที่ 3 ไปทดลองกับนักเรียนระดับประกาศนียบัตรวิชาชีพชั้นปีที่ 3 แผนกวิชาคอมพิวเตอร์ กราฟิก วิทยาลัยอาชีวศึกษาชลบุรี ดังนี้ 1.1 แสดงผลการออกแบบสื่อโมชั่นกราฟิก วิชาโครงการ สำหรับนักเรียนระดับ ประกาศนียบัตรวิชาชีพชั้นปีที่ 3 นักเรียนจากกลุ่มเป้าหมาย จำนวน 32 คน ดังตารางที่ 1.1
15 รายการประเมิน ค่าเฉลี่ย S.D. ระดับ ความพึงพอใจ ด้านเนื้อหา 1. เนื้อหาในคลิปวิดีโอสามารถเข้าใจได้ง่าย 4.21 0.96 มาก 2. เนื้อหาในคลิปวิดีโอมีประโยชน์และนำไปใช้ได้จริง 3.76 1.17 ปานกลาง ด้านการออกแบบ 1. กราฟิกที่ใช้ประกอบภายในวิดีโอมีความน่าสนใจ 4.15 1.03 มาก 2. การโมชั่นในคลิปวิดีโอมีความน่าสนใจเพียงใด 4.55 0.67 มากที่สุด 3. เสียงดนตรีประกอบภายในวิดีโอมีความเหมาะสม เพียงใด 4.42 0.61 มาก ตารางที่ 1.1 ผลการออกแบบสื่อโมชั่นกราฟิก วิชาโครงการสำหรับนักเรียนระดับประกาศนียบัตร วิชาชีพชั้นปีที่ 3 นักเรียนจากกลุ่มเป้าหมาย จำนวน 32 คน ตารางที่ 1.1 (ต่อ) ผลการออกแบบสื่อโมชั่นกราฟิก วิชาโครงการ สำหรับนักเรียนระดับ ประกาศนียบัตรวิชาชีพชั้นปีที่ 3 นักเรียนจากกลุ่มเป้าหมาย จำนวน 32 คน ค่าเฉลี่ย 4.22 0.94 มาก จากตารางที่ 1.1 พบว่า การออกแบบสื่อโมชั่นกราฟิก วิชาโครงการ สำหรับนักเรียนระดับ ประกาศนียบัตรวิชาชีพชั้นปีที่ 3 ค่าเฉลี่ยโดยรวม เท่ากับ 4.22 S.D. เท่ากับ 0.94 อยู่ในระดับมาก
16 ตอนที่ 2 ผลการประเมินความพึงพอใจของผู้เรียนที่มีต่อสื่อโมชั่นกราฟิก วิชาโครงการ สำหรับนักเรียนระดับประกาศนียบัตรวิชาชีพชั้นปีที่ 3 แผนกวิชาคอมพิวเตอร์กราฟิก ผลการประเมินความพึ่งพอใจของผู้เรียนที่มีต่อสื่อโมชั่นกราฟิก วิชาโครงการ นักเรียน ระดับประกาศนียบัตรวิชาชีพชั้นปีที่ 3 แผนกวิชาคอมพิวเตอร์กราฟิกนักเรียนจากกลุ่มเป้าหมาย จำนวน 66 คน ดังตารางดังนี้ ตารางที่ 2.1 แสดงความถี่และร้อยละของกลุ่มเป้าหมาย จำแนกตามเพศ สถานภาพ (เพศ) จำนวน (คน) ร้อยละ ชาย 16 50 หญิง 16 50 รวม 32 100 จากตารางที่ 2.1 พบว่า นักเรียนกลุ่มเป้าหมายส่วนใหญ่เป็นเพศชาย จำนวน 17 คน คิดเป็น ร้อยละ 50 และเพศหญิง จำนวน 16 คน คิดเป็นร้อยละ 50
17 บทที่ 5 ผลงานออกแบบ และอภิปรายผล การศึกษาเรื่อง การออกแบบสื่อโมชั่นกราฟิก วิชาโครงการ สำหรับนักเรียนระดับ ประกาศนียบัตรวิชาชีพชั้นปีที่ 3 วัตถุประสงค์ของโครงการ 1. เพื่อออกแบบสื่อโมชั่นกราฟิก วิชา โครงการ สำหรับนักเรียนระดับประกาศนียบัตรวิชาชีพชั้นปีที่ 3 แผนกวิชาคอมพิวเตอร์กราฟิก 2. เพื่อให้ผู้เรียนได้ความรู้จากสื่อโมชั่นกราฟิก วิชาโครงการ สำหรับนักเรียนระดับประกาศนียบัตร วิชาชีพชั้นปีที่ 3 แผนกวิชาคอมพิวเตอร์กราฟิก ผู้วิจัยได้นําเสนอผลงานออกแบบ 2 ตอน ดังนี้ ตอนที่ 1 ผลการวิเคราะห์ข้อมูล ผลการประเมินความพึงพอใจของผู้เรียนที่มีต่อสื่อโมชั่นกราฟิก วิชาโครงการ สำหรับนักเรียนระดับ ประกาศนียบัตรวิชาชีพชั้นปีที่ 3 แผนกวิชาคอมพิวเตอร์กราฟิกพบว่า ผู้เรียนมีความพึงพอใจต่อการ เรียนรู้ผ่านสื่อโมชั่นกราฟิก วิชาโครงการ สำหรับนักเรียนระดับประกาศนียบัตรวิชาชีพชั้นปีที่ 3 โดยรวมมาก มีค่าเฉลี่ยเท่ากับ 4.22 S.D. เท่ากับ 0.94 ตอนที่ 2 ผลงานออกแบบและอภิปรายผล ภาพผลงานออกแบบลำดับที่ 1 ผลงาน ภาพในอินโฟกราฟิก หน้าแรกบอกรายวิชาที่จัดทำ ภาพที่ 5.1 ภาพในอินโฟกราฟิก หน้าแรกบอกรายวิชาที่จัดทำ ที่มา: ศตวรรษ เทียนศิริ
18 อภิปรายผล การออกแบบสื่อโมชั่นกราฟิกโดยการใช้โปรแกรมสำเร็จรูป Adobe Illustrator , After effects , Premiere Pro ให้เป็นในรูปแบบ Vector motion graphic เพื่อให้สื่อความหมายให้เข้าใจ ง่ายมากยิ่งขึ้น สามารถเข้าใจถึงสื่อได้ โดยจะเน้นให้เนื้อหากับวิดิโอสอดคล้องกัน การออกแบบโมชั่นกราฟิก วิชาโครงการ ให้ผู้รับชมได้ความรู้จากสื่อโมชั่นกราฟิกการให้ ความรู้เกี่ยวกับอาการออฟฟิศซินโดรม ตอนที่ 3 ข้อเสนอแนะ จากผลการวิเคราะห์ข้อมูลจากผู้รับชมมีข้อเสนอแนะดังนี้ 3.1 ข้อเสนอแนะจากการวิเคราะห์ข้อมูล 3.1.1 สามารถนำสื่อโมชั่นกราฟิก วิชาโครงการ สำหรับนักเรียนระดับประกาศนียบัตร วิชาชีพชั้นปีที่ 3 ไปปรับใช้ในรายวิชาได้ 3.1.2 เพิ่มเติมเนื้อหาสื่อโมชั่นกราฟิก วิชาการออกแบบกราฟิกบนบรรจุภัณฑ์ ให้ สมบูรณ์มากยิ่งขึ้น 3.1.3 สื่อโมชั่นกราฟิก วิชาโครงการ สามารถนำมาเผยแพร่ให้กับนักเรียนได้ และ นักเรียนเข้าใจเนื้อหาในรายวิชา 3.2 ข้อเสนอแนะสำหรับการพัฒนาสื่อโมชั่นกราฟิกครั้งต่อไป 3.2.1 สามารถสร้างสื่อให้หลากหลายมากขึ้น นอกเหนือจากสื่อโมชั่นกราฟิก วิชา โครงการ เพื่อเป็นการสอนในรายวิชาอื่น ๆ ต่อไป 3.2.2 พัฒนาสื่อโมชั่นกราฟิก วิชาโครงการ ให้มีความน่าสนใจมากยิ่งขึ้น และมีเนื้อหาที่ สมบูรณ์มากขึ้น 3.2.3 พัฒนาสื่อโมชั่นกราฟิก ในรายวิชาอื่น ๆ เพิ่มเติม
21 บรรณานุกรม พิมพ์ปวีณ สุนทรธรรมรัต (2561). ความหมายของ Motion graphic. สืบค้นเมื่อ 10 พฤษจิกายน 2565 จาก Motion Graphic (chula.ac.th) Health and Wealth (2565). รู้จักการทำ Motion Graphic สืบค้นเมื่อ 14 พฤษจิกายน 2565 จาก Writer - 6 ข้นัตอนการทา Motion Graphic ที่คุณควรรู้ (tpa.or.th) บุ๊คพลัส (2563). ทำความรู้จัก Photoshop & Illustrator โปรแกรมที่นิยมใช้ออกแบบงานพิมพ์ สืบค้นเมื่อ 14 พฤษจิกายน 2565 จาก ท าความรู้จัก Photoshop & Illustrator โปรแกรมที่นิยมใช้ออกแบบงานพิมพ์ – Plusprinting (bookplus.co.th) เสกสรร ปั้น youtube (2560). 1. สอนพื้นฐาน Adobe After Effect สืบค้นเมื่อ 17 พฤษจิกายน 2565 จาก 1. สอนพ้ืนฐาน Adobe After Effect 1 -การใช้โปรแกรม After Effects (google.com) สำนักงานส่งเสริมพระพุทธศาสนาและบริการสังคม (2564). คู่มือการใช้ โปรแกรม Adobe Premiere Pro เพื่อผลิตสื่อการเรียนการสอน สืบค้นเมื่อ 21พฤษจิกายน 2565 จาก คู่มือการใชโ้ปรแกรม-Adobe-Premiere-Pro-CC.pdf (mcu.ac.th) Pimpaween Sunthornthammarat (2018). Meaning of Motion graphic. Retrieved on November 10, 2022 from Motion Graphic (chula.ac.th) Health and Wealth (2022). Know about making Motion Graphic. Retrieved 14 November 2022. From Writer - 6 ข้นัตอนการทา Motion Graphic ที่คุณควรรู้ (tpa.or.th) Book Plus (2020). Get to know Photoshop & Illustrator, popular programs for designing prints. Retrieved on 14 November 2022. From ท าความรู้ จัก Photoshop & Illustrator โปรแกรมที่ นิ ยมใช้ออกแบ บง า นพิม พ์ – Plusprinting (bookplus.co.th) Seksan Pun youtube (2017). 1. Teach the basics of Adobe After Effects. Retrieved 17 November 2022. From 1. สอนพ้ืนฐาน Adobe After Effect 1 -การใช้โปรแกรม After Effects (google.com) Office of Buddhism Promotion and Social Services (2021). Manual for Adobe Premiere Pro. To produce instructional materials. Retrieved on 21 November 2022. From คู่มือการใชโ้ปรแกรม-Adobe-Premiere-Pro-CC.pdf (mcu.ac.th)
ภาคผนวก ก แบบขออนุมัติโครงการ
แบบขออนุมัติโครงการ ชื่อโครงการ การออกแบบสื่อโมชั่นกราฟิก วิชาโครงการ สำหรับนักเรียนระดับประกาศนียบัตรวิชาชีพ ชั้นปีที่ 3 ระยะเวลาดำเนินการ 20 ตุลาคม 2565 - 25 มกราคม 2566 สถานที่ดำเนินการ วิทยาลัยอาชีวศึกษาชลบุรี งบประมาณ/ค่าใช้จ่าย - ผู้รับผิดชอบโครงการ นายศตวรรษ เทียนศิริ นายสมบูรณ์ ธาราศักดิ์ ลงชื่อ.......................................................หัวหน้าโครงการ (นายศตวรรษ เทียนศิริ) .................../............................/................ ความเห็นของอาจารย์ประจำวิชา ................................................................................................................................................................ ................................................................................................................................................................ ................................................................................................................................................................ ลงชื่อ....................................................อาจารย์ประจำวิชา (นางสาวณัฐภัทร์ วัฒนศิลป์) ................../............................/................
ภาคผนวก ข - แบบประเมินความพึงพอใจที่มีต่อ การออกแบบสื่อโมชั่นกราฟิก วิชา โครงการ - แบบประเมินความพึงพอใจที่มีต่อ สื่อโมชั่นกราฟิก วิชาโครงการ
แบบประเมินความพึงพอใจ โครงการการออกแบบสื่อโมชั่นกราฟิกการให้ความรู้เกี่ยวกับอาการออฟฟิศซินโดรม วิชาโครงการ สำหรับนักเรียนนักศึกษาประกาศนียบัตรวิชาชีพชั้นปีที่ 3 ประเมินความพึงพอใจนี้ มีวัตถุประสงค์เพื่อศึกษาความพึงพอใจต่อการออกแบบสื่อโมชั่น กราฟิก วิชาโครงการ สำหรับนักเรียนนักศึกษาประกาศนียบัตรวิชาชีพชั้นปีที่ 3 โดยแบ่งออกเป็น 2 ตอนดังนี้ ตอนที่ 1 ข้อมูลเกี่ยวกับสถานภาพและข้อมูลเบื้องต้นของผู้ตอบแบบสอบถาม คำชี้แจง โปรดทำเครื่องหมาย ✓ ลงในช่อง ( ) หน้าข้อให้ตรงตามความเป็นจริงของท่าน เพศ ( ) ชาย ( ) หญิง อายุ ( ) 15-17 ปี ( ) 18-20 ปี ( ) 21 ปีขึ้นไป ตอนที่ 2 การประเมินความพึงพอใจ คำชี้แจง ระดับความพึงพอใจของผู้เรียนที่มีต่อ สื่อโมชั่นกราฟิกวิชาโครงการ โปรดทำเครื่องหมาย ✓ ลงในช่อง ( ) หน้าข้อให้ตรงตามความเป็นจริงของท่าน โดยมี เกณฑ์ ดังนี้ 5 หมายถึง มีความพึงพอใจอยู่ในระดับมากที่สุด 4 หมายถึง มีความพึงพอใจอยู่ในระดับมาก 3 หมายถึง มีความพึงพอใจอยู่ในระดับปานกลาง 2 หมายถึง มีความพึงพอใจอยู่ในระดับน้อย 1 หมายถึง มีความพึงพอใจอยู่ในระดับน้อยที่สุด รายการประเมิน มากที่สุด 5 มาก 4 ปานกลาง 3 น้อย 2 น้อยที่สุด 1 ด้านเนื้อหา 1. หัวข้อในสาระการเรียนรู้ 2. เนื้อหา และข้อมูลมีความถูกต้อง 3.. เข้าใจเนื้อหาในสาระการเรียนรู้ได้ง่าย
4. การอ้างอิง ด้านการออกแบบ 1. ความคิดริเริ่มสร้างสรรค์ 2. การจัดวางองค์ประกอบ 3. กราฟิก และภาพประกอบในโมชั่น กราฟิก 4. การถ่ายทอด หรือการใช้ภาพสื่อ ความหมาย ข้อเสนอแนะเพิ่มเติม ……………………………………………………………………………………………………………………………………………… ……………………………………………………………………………………………………………………………………………… ……………………………………………………………………………………………………………………………………………… ……………………………………………………………………………………………………………………………………………… ขอขอบพระคุณในการตอบแบบประเมิน
แบบประเมินความพึงพอใจ โครงการการออกแบบสื่อโมชั่นกราฟิกการให้ความรู้เกี่ยวกับอาการออฟฟิศซินโดรม วิชาโครงการ สำหรับนักเรียนนักศึกษาประกาศนียบัตรวิชาชีพชั้นปีที่ 3 ประเมินความพึงพอใจนี้ มีวัตถุประสงค์เพื่อศึกษาความพึงพอใจต่อสื่อโมชั่นกราฟิก วิชา โครงการ สำหรับนักเรียนนักศึกษาประกาศนียบัตรวิชาชีพชั้นปีที่ 3 โดยแบ่งออกเป็น 2 ตอนดังนี้ ตอนที่ 1 ข้อมูลเกี่ยวกับสถานภาพและข้อมูลเบื้องต้นของผู้ตอบแบบสอบถาม คำชี้แจง โปรดทำเครื่องหมาย ✓ ลงในช่อง ( ) หน้าข้อให้ตรงตามความเป็นจริงของท่าน เพศ ( ) ชาย ( ) หญิง อายุ ( ) 15-17 ปี ( ) 18-20 ปี ( ) 21 ปีขึ้นไป ตอนที่ 2 การประเมินความพึงพอใจ คำชี้แจง ระดับความพึงพอใจของผู้เรียนที่มีต่อ สื่อโมชั่นกราฟิกวิชาโครงการ โปรดทำเครื่องหมาย ✓ ลงในช่อง ( ) หน้าข้อให้ตรงตามความเป็นจริงของท่าน โดยมี เกณฑ์ ดังนี้ 5 หมายถึง มีความพึงพอใจอยู่ในระดับมากที่สุด 4 หมายถึง มีความพึงพอใจอยู่ในระดับมาก 3 หมายถึง มีความพึงพอใจอยู่ในระดับปานกลาง 2 หมายถึง มีความพึงพอใจอยู่ในระดับน้อย 1 หมายถึง มีความพึงพอใจอยู่ในระดับน้อยที่สุด รายการประเมิน มากที่สุด 5 มาก 4 ปานกลาง 3 น้อย 2 น้อยที่สุด 1 1. ความสอดคล้องระหว่างเนื้อหาสาระ กับจุดประสงค์ 2. ความเหมาะสมของปริมาณเนื้อหาใน บทเรียน
3. เข้าใจเนื้อหาในสาระการเรียนรู้ได้ง่าย 4.. ความน่าสนใจและประโยชน์ของ ความรู้ที่ได้รับ 5. ความสอดคล้องระหว่างสื่อการเรียนรู้ กับเนื้อหา 6. ภาพประกอบสอดคล้องกับเนื้อหา 7. ภาพประกอบมีความเหมาะสมกับ นักเรียน 8. เสียงที่ใช้บรรยายมีความเหมาะสมกับ นักเรียน 9. เสียงดนตรีมีความเหมาะสมกับ นักเรียน 10. แบบตัวอักษรมีความเหมาะสมกับ นักเรียน 11. ความชัดเจนของคำแนะนำในการใช้ สื่อการเรียนรู้ 12. ความง่ายต่อการเรียนรู้ 13. การออกแบบสื่อการเรียนรู้มีความ เหมาะสม 14. การนำเสนอมีความเหมาะสม ข้อเสนอแนะเพิ่มเติม ……………………………………………………………………………………………………………………………………………… ……………………………………………………………………………………………………………………………………………… ……………………………………………………………………………………………………………………………………………… ……………………………………………………………………………………………………………………………………………… ขอขอบพระคุณในการตอบแบบประเมิน
ภาคผนวก ค ขั้นตอนการปฏิบัติงาน
ขั้นตอนการปฏิบัติงาน ภาพที่ 1 การสร้างตัวละครและฉากหลังในการนำไปทำเป็นวิดิโอ ภาพที่ 2 การใช้โปรแกมสำเร็จรูปในการออกแบบภาพประกอบ และการจัดองค์ประกอบภาพ
ภาพที่ 3 นำภาพประกอบไปทำวิดิโอโมชั่นกราฟิกจากโปรแกรม Adobe After effects ภาพที่ 4 นำวิดิโอโมชั่นกราฟิกไปใส่เสียงeffectsประกอบวิดิโอโดยโปรแกรม Adobe Premiere Pro
ภาพที่ 5 ใส่เสียงพากย์และเสียงพื้นหลังประกอบวิดิโอ ภาพที่ 6 ใส่ Sub title ลงในวิดิโอโดยโปรแกรม Adobe After Effects
ภาพที่ 7 ผลงานการออกแบบสื่อโมชั่นกราฟิกที่สมบูรณ์ ภาพที่ 8 ผลงานการออกแบบสื่อโมชั่นกราฟิกที่สมบูรณ์
ภาคผนวก ง รับรองการไปนำใช้งานจริง
ประวัติผู้ทำการศึกษา
ประวัตผิู้จดัทำ ชื่อโครงการ : การออกแบบสื่อโมชั่นกราฟิกการ ให้ความรู้เกี่ยวกับเรื่องวุ่นๆของวัยรุ่นฉลาม วิชาโครงการ สำหรับนักเรียนระดับประกาศนียบัตรวิชาชีพชั้นปีที่ 3 ชื่อ – สกุล : นายศตวรรษ เทียนศิริ สาขางาน : คอมพิวเตอร์กราฟิก ประเภทวิชา : ศิลปกรรม ประวัติส่วนตัว ชื่อ – สกุล : นายศตวรรษ เทียนศิริ วัน/เดือน/ปีเกิด : 24 ธันวาคม 2547 ที่อยู่ : 25 ซอยมาบกรูด 4/1 อ.เมืองบ้านบึง ตำบลบ้านบึง จ.ชลบุรี 20170 หมายเลขโทรศัพท์ : 0896063648 E-mail address : [email protected] ประวัติการศึกษา ปี 2563 - จบการศึกษาที่โรงเรียนเทศบาล 1 (สถาวร)
ประวัติผู้จัดทำ ชื่อโครงการ : การออกแบบสื่อโมชั่นกราฟิกการให้ความรู้เกี่ยวกับเรื่องวุ่นๆของวัยรุ่นฉลาม วิชาโครงการ สำหรับนักเรียนระดับประกาศนียบัตรวิชาชีพชั้นปีที่ 3 ชื่อ – สกุล : นายสมบูรณ์ ธาราศักดิ์ สาขางาน : คอมพิวเตอร์กราฟิก ประเภทวิชา : ศิลปกรรม ประวัติส่วนตัว ชื่อ – สกุล : นายสมบูรณ์ ธาราศักดิ์ วัน/เดือน/ปีเกิด : 13 มิถุนายน 2546 ที่อยู่ : 132/17 หมู่ 2 ต. บางพระ อ. ศรีราชา จ.ชลบุรี หมายเลขโทรศัพท์ : 0954535192 E-mail address : [email protected] ประวัติการศึกษา ปี 2563 - จบการศึกษาที่โรงเรียนอนุบาลบ้านบางพระ (ฉึ่งนาวิกอนุสรณ์)