โครงงานแอนิเมชั่นคีย์ลัด

โครงงาน อนเิ มชัน่ คียล์ ดั โดย นางสาวสุภัสสร โตรัตน์ เลขที่ 4 นางสาวรตั นา มงั กรทอง เลขที่ 25 นางสาวภัทรานิษฐ์ นมิ นิ รัมย์ เลขท่ี 26 ระดบั ช้นั ปวช.3 สาขาคอมพวิ เตอรธ์ รุ กิจ วิทยาลัยอาชีวศกึ ษาเอี่ยมละออ สานกั งานคณะกรรมการอาชีวศึกษาเอย่ี มละออ

ก เรอื่ ง : อนิเมชั่นคยี ล์ ัด ชอ่ื ผจู้ ัดทำ : นางสาวสุภัสสร โตรตั น์ เลขที่ 4 นางสาวรตั นา มงั กรทอง เลขที่ 25 นางสาวภทั รานิษฐ์ นิมนิ รมั ย์ เลขที่ 26 สถำนศึกษำ : วิทยาลยั อาชวี ศึกษาเอยี่ มละออ ครทู ปี่ รกึ ษำ : อาจารย์กติ ติคม มณฉี าย ครูทปี่ รึกษำพเิ ศษ: อาจารย์สมเพชร ทศิ ตยุ้ บทคัดยอ่ การศกึ ษาคร้งั น้มี ีวัตถปุ ระสงค์เพอ่ื 1)เพื่อสรา้ งอนิเมชั่นคยี ล์ ัด 2)เพ่อื ประเมนิ ความพึงพอใจของ ผ้ใู ช้งาน ทดสอบความพึงพอใจ จาแนกตามเพศ อายุ สถานภาพ ประชากรท่ีใช้ในการศกึ ษา คอื อาจารย์ผ้สู อน นกั เรยี น นักศกึ ษา และเจา้ หน้าที่ของวทิ ยาลัยอาชีวศกึ ษาเอีย่ มละออ สุ่มกลุม่ ตวั อยา่ ง 15 คน โดยวิธีสุ่ม ตัวอยา่ งง่าย วิเคราะห์ขอ้ มลู โดยคา่ ร้อยละ และค่าเฉลี่ยเลขคณติ

ข กติ ตกิ รรมประกำศ การจัดทาโครงงานอนเิ มชน่ั คยี ์ลัด ผ้จู ัดทาไดร้ บั ความอนเุ คราะหอ์ ยา่ งดยี ิง่ จาก อาจารยก์ ติ ติคม มณี ฉายและอาจารยส์ มเพชร ทศิ ตยุ้ อาจารย์ทีป่ รกึ ษาโครงงาน ท่ไี ดก้ รณุ าให้คาแนะนาและติดตามการทางาน ด้วยดเี สมอมาจนสาเรจ็ เรียบรอ้ ยสมบรู ณ์ ผู้จดั ทาขอกราบขอบพระคณุ เป็นอย่างสงู ไว้ ณ โอกาสนี้ ผรู้ ายงานขอขอบคุณคณะอาจารย์ นักเรยี น นักศกึ ษา เจ้าหนา้ ทข่ี องวทิ ยาลัยอาชีวศึกษาเอ่ยี มลออ และบคุ คลอน่ื ๆ ที่ได้กรณุ าให้ความรว่ มมือทดสอบและประเมินความพงึ พอใจเกี่ยวกับอนเิ มช่นั คยี ์ลัดจนทาให้ การศกึ ษาครั้งนส้ี าเร็จไดด้ ว้ ยดี ประโยชนท์ ่ีจะไดร้ ับจากการศึกษาครง้ั น้ี ขอมอบให้ผู้สนใจศึกษาทงั้ มวล ผจู้ ดั ทา เดือน ตลุ าคม พ.ศ.2564

ค หนำ้ ก สำรบญั ข ค เร่อื ง จ บทคดั ยอ่ ฉ กติ ติกรรมประกาศ สารบัญ 1 สารบัญตาราง 1 สารบญั ภาพ 1 บทท1่ี บทนำ 1 2 1.1 ทม่ี าและความสาคญั 2 1.2 วัตถปุ ระสงคข์ องโครงงาน 2 1.3 ขอบเขตของโครงงาน 1.4 ผลทค่ี าดว่าจะได้รับ 3 1.5 แผนปฏิบัตงิ าน 4 1.6 งบประมาณ 4 1.7 นิยามศพั ท์ บทท่ี 2 เอกสำรและงำนวจิ ยั ทีเ่ กีย่ วข้อง 2.1 ความสาคญั ของคียล์ ดั 2.2 การทาภาพเคลื่อนไหว 2.3 ประวตั ิความเป็นมาของโปรแกรม Animaker

ง สำรบญั (ตอ่ ) เรื่อง หน้ำ บทท่ี 3 วิธีกำรดำเนินงำน 3.1 ศกึ ษาเอกสารทฤษฎีท่ีเกีย่ วขอ้ ง 5 3.2 ศกึ ษาโปรแกรมทใ่ี ช้ในการทาภาพเคล่อื นไหว 5 3.3 ศกึ ษาคีย์ลดั ต่าง ๆ 6 3.4 ดาเนนิ การสร้างโครงงาน 6 3.5 ทดลองใช้งานและปรบั ปรงุ 7 3.6 ประเมนิ โครงงาน 7 3.7 วิเคราะหข์ ้อมูลทางสถติ ิ 7 บทที่ 4 ผลกำรดำเนนิ โครงงำน 4.1 ผลการวเิ คราะหก์ ารศึกษาความพงึ พอใจของผ้ศู กึ ษาต่อ แอนิเมชนั่ คีย์ลัด 8 บทท่ี 5 สรุป อภปิ รำยผล และขอ้ เสนอแนะ 12 5.1 สรปุ ผลการวจิ ัย 12 5.2 อภปิ รายผล 12 5.3 ปัญหาและอุปสรรคในการวิจยั สรา้ งแอนิเมชั่นคียล์ ดั 12 5.4 ข้อเสนอแนะ 13 14 บรรณำนกุ รม 17 ภำคผนวก ก แบบสำรวจควำมพงึ พอใจตอ่ แอนเิ มช่ันคยี ล์ ดั ภำคผนวก ข ประวัตผิ ้จู ัดทำโครงงำน แอนิเมชนั่ คยี ์ลัด

จ สำรบญั ตำรำง หนำ้ ตำรำงท่ี 8 9 1. แสดงความถ่ี รอ้ ยละของผู้ตอบแบบสารวจ (N=20) จาแนกตามเพศ 9 2. แสดงความถี่ รอ้ ยละของผ้ตู อบแบบสารวจ (N=20) จาแนกตามสถานภาพ 15 3. แสดงความถี่ รอ้ ยละของผตู้ อบแบบสารวจ (N=20) จาแนกตามอายุ 4. ความคิดเหน็ ของผู้ตอบแบบสอบถามตอ่ แอนเิ มชนั่ คยี ล์ ัด

ฉ หนำ้ 4 สำรบัญภำพ รปู ที่ รูปท่ี 2.1 รูปแสดงหน้าโปรแกรม Animaker

1 บทท1ี่ บทนาํ 1.1 ท่ีมาและความสาํ คญั เนือ่ งจากปัจจุบนั มีสื่อคอมพิวเตอร์ท่ีคอ่ นข้างมีบทบาทต่อการดารงชวี ิตกับการเรียน การทางาน ใน หนว่ ยงานต่าง ๆ เป็นอยา่ งมาก เป็นยุคท่ใี ช้เทคโนโลยีและระบบดจิ ิตอล การนาเสนอผลงานหรือการ ประชาสมั พนั ธ์ โฆษณา ท้ังหมดน้ใี ชเ้ ทคโนโลยีในการนาเสนอ บอกกลา่ ว ท่ีมีหลายรูปแบบและดูทันสมยั ตอ่ โลกปจั จุบนั เปน็ อยา่ งมาก โดยการนารปู แบบมัลติมเี ดียมานาเสนอ เชน่ การสร้างภาพเคลือ่ นไหว โดยการนา เสียงทจี่ ะนาเสนอหรือโฆษณามาใสใ่ นเนอ้ื หา สไลด์โชว์ทเ่ี ราต้องการจะบอกกลา่ ว นาเสนอ เพ่อื ให้เกิดความ เขา้ ใจได้ง่ายข้ึนโดยทาขนึ้ ในรปู แบบวดิ ีโอเพ่ือใหก้ ลุ่มบุคคลท่ีสนใจได้เขา้ มารบั ชมและฟงั แทนการอา่ น ซงึ่ บคุ คลสว่ นใหญม่ ักชอบการฟังมากกวา่ การอ่าน และสามารถเข้ารบั ชมได้ทางเวบ็ ไซต์ YouTube เพื่อหาสื่อ รับชมต่าง ๆ ไดม้ ากมาย รวมไปถึงแอนเิ มชนั่ คียล์ ัดอีกดว้ ย 1.2 วัตถปุ ระสงค์ของโครงงาน 1. เพ่ือใหเ้ กิดความรู้เก่ยี วกับการใชค้ ีย์ลดั 2. เพ่อื ใหเ้ กิดความจาดว้ ยวิธีการรบั ฟัง 1.3 ขอบเขตของโครงงาน 1. เพอื่ ศกึ ษาประสิทธภิ าพการนาเสนอของช้ินงาน 2. เพื่อศึกษาความพึงพอใจของผู้รับชมจากกล่มุ ตัวอยา่ ง 20 คน 1.4 ผลที่คาดว่าจะไดร้ ับ 1.4.1 เกิดความนา่ สนใจในการใช้คอมพิวเตอร์ 1.4.2 เป็นส่อื การเรียนรู้ในรปู แบบภาพและเสียง 1.4.3 ทาให้บคุ คลทัว่ ไปจาไดง้ ่ายมากข้นึ

2 1.5 แผนปฏิบตั งิ าน ลําดับ กิจกรรม เดือน มิ.ย. ก.ค. ส.ค. ก.ย. ต.ค. พ.ย. ธ.ค. ม.ค. 1 ศกึ ษาค้นขว้าหาข้อมลู การทําแอนิ เมชั่น และเอกสารอา้ งอิง 2 วเิ คราะหข์ ้อมูล เพอื่ กําหนด ขอบเขตและลักษณะของโครงงาน 3 ออกแบบการพัฒนา 4 การจดั ทําเค้าโครงของโครงงาน 5 การพฒั นาโครงงาน 6 เสนอเค้าโครงของโครงงาน 1.6 งบประมาณ รายการ ราคา 230 ลาํ ดบั 200 1 คา่ จัดทําเอกสาร 200 2 คา่ อุปกรณ์จดั ทํา 630 3 คา่ ใช้จา่ ยอืน่ ๆ รวม 1.7 นยิ ามศพั ท์ แอนเิ มชน่ั (Animation) หมายถึง การสรา้ งภาพเคลอ่ื นไหวโดยการฉายภาพนิ่งหลาย ๆ ภาพ ตอ่ เนื่องกันดว้ ยความเร็วสงู โดยการนาภาพนิ่งมาเรียงต่อกัน คียล์ ัด (Shortcut keys) หมายถงึ ชว่ ยใหก้ ารใชง้ าน และการสั่งงานคาสง่ั ต่าง ๆ ในโปรแกรม คอมพวิ เตอรน์ น้ั ง่าย และรวดเร็วยิ่งขึ้น ดว้ ยการใชค้ ยี ์ลัด เพ่อื เข้าถงึ คาสัง่ ตา่ ง ๆ

3 บทท่ี 2 เอกสารและงานวจิ ัยทเ่ี ก่ียวข้อง ในการพฒั นาเว็บไซตเ์ พ่อื การศึกษาแอนเิ มชั่นคีย์ลัด ผูจ้ ัดทาได้ศึกษาเอกสาร หลกั การของทฤษฎี ซอฟต์แวร์ท่ีเก่ียวขอ้ ง โดยแบง่ ออกเปน็ หวั ขอ้ ต่าง ๆ ดงั ต่อไปนี้ 2.1 ความสาคญั ของคีย์ลดั 2.2 การทาภาพเคลือ่ นไหว 2.3 ประวัตคิ วามเป็นมาของโปรแกรม Animaker 2.1 ความสาํ คัญของคยี ์ลัด “ป่มุ ลดั หรอื คีย์ลัด (Shortcut keys)” ชว่ ยใหก้ ารใช้งาน และการส่ังงานคาส่ังต่าง ๆ ในโปรแกรม คอมพิวเตอร์นั้นง่าย และรวดเร็วยิ่งขึ้น ดว้ ยการใชค้ ยี ล์ ดั เพือ่ เข้าถงึ คาส่งั ตา่ ง ๆ โดยการใชป้ ุ่ม Alt (สาหรบั คอมพิวเตอร์ท่ัวไป), Command key (สาหรบั Mac), ปุ่ม Ctrl หรือ Shift พร้อมกบั ปมุ่ อนื่ ๆ ซง่ึ คาสัง่ เหล่าน้ี จะใชส้ ญั ลักษณ์บวก เพอื่ ให้เขา้ ใจคีย์ลดั ง่ายขึ้น เช่น Ctrl+S น่ันหมายความวา่ ใหค้ ุณกดปุ่ม Ctrl ค้างไวแ้ ล้วกด ปุ่ม S เป็นต้น โดยโปรแกรมสว่ นใหญไ่ ดห้ นั มาใหผ้ ใู้ ช้ ใช้งานปุ่มลดั มากย่งิ ขน้ึ เพอื่ ความรวดเรว็ ในการทางาน ซึ่ง ตามเมนูเคร่ืองมอื หลาย ๆ โปรแกรมจะมกี ารขีดเสน้ ใต้ทตี่ วั อกั ษร และคยี ล์ ัดบอกไว้ คยี ล์ ดั พืน้ ฐานสาหรบั คอมพวิ เตอรท์ ั่วไป คยี ์ลัดพน้ื ฐาน คอื สิง่ ท่ีใชโ้ ดยทว่ั ไป หากสามารถจาคีย์ลัดต่าง ๆ เหลา่ น้ไี ด้ จะชว่ ยเพ่ิมประสทิ ธิภาพใน การทางานไดเ้ ป็นอยา่ งมาก F1: คยี ล์ ัด เพ่อื เข้าสูค่ มู่ ือชว่ ยเหลือ F2: เปลย่ี นชื่อไฟลท์ ่ีเลอื ก แต่เม่อื นาไปใช้กบั Ctrl+F2 ใน Microsoft Word คือการดูตวั อย่าง (Preview) ก่อนสั่งพิมพ์ F5: รีเฟรช (Refresh) หน้าต่างโปรแกรมปจั จบุ นั Ctrl+N: สร้างเอกสารใหม่ในโปรแกรมบางโปรแกรม Ctrl+O: เปิดไฟลใ์ นโปรแกรมปัจจุบนั Ctrl+A : เลอื กข้อความทั้งหมด Ctrl+B: เปลีย่ นขอ้ ความทีเ่ ลือกเปน็ Bold หรือตัวหนา Ctrl+I: เปลี่ยนขอ้ ความท่ีเลอื กให้เป็น Italics หรอื ตวั เอียง Ctrl+U: เปลีย่ นขอ้ ความท่ีเลือกใหเ้ ป็น Underlined หรือขีดเสน้ ใต้ตัวอักษร Ctrl+F: เปดิ หน้าตา่ งคน้ หา บนเอกสาร หรือหน้าต่างปจั จุบนั Ctrl+S: บนั ทกึ ไฟล์เอกสารปจั จุบนั Ctrl+X: ตัดรายการที่เลอื ก

4 Ctrl+C: คดั ลอกรายการที่เลือก Ctrl+V: วางรายการท่ีคัดลอก Ctrl+Y: ทาซ้า หรือคนื รายการท่ีกระทาล่าสุด ฯลฯ 2.2 การทําภาพเคลื่อนไหว การทาภาพเคลอื่ นไหว คอื การนารูปภาพ ตัวการ์ตนู มาประกอบกันเพอ่ื ให้เกดิ เนอื้ เรื่องข้ึนมา กอ่ นการ ทาภาพเคลอ่ื นไหวขน้ึ มาจาเป็นต้องวาดแผนผงั หรือทเี่ รยี กว่า สตอร่บี อรด์ เพ่อื เป็นการวางเค้าโครงในการทา เน้ือเรื่องและสร้างภาพข้นึ มาให้เกดิ วดิ ีโอทสี่ มบูรณ์ ซึง่ การทาภาพเคล่อื นไหวสามารถใสเ่ สียง คาพูด เพลง ลง ไปในวดิ ีโอทจ่ี ัดทาได้ 2.3 ประวตั ิความเปน็ มาของโปรแกรม Animaker Animaker คอื โปรแกรมสาหรบั การสรา้ งการ์ตนู Animation หรือ Infographic Videos สาหรบั การ ประชาสมั พนั ธ์การนาเสนองานหรือการใหค้ วามรใู้ นเร่อื งตา่ ง ๆ ได้อย่างง่ายดาย โดยไม่จาเป็นตอ้ งมีความรู้ พ้ืนฐานในการทางาน Animation ของโปรแกรม Adobe Flash หรือ Aftereffect ก็สามารถสรา้ ง Animation หรือ Infographic Videos ได้ จุดเด่นของโปรแกรม Animaker 1. เปน็ โปรแกรมออนไลน์-ไมเ่ สียค่าใชจ้ ่าย : ไม่ต้องติดตง้ั โปรแกรมลงเครื่อง คอมพิวเตอรแ์ ละไม่เสยี ค่าใชจ้ ่าย (นอกจากผู้ใช้ต้องการซือ้ Template จากโปรแกรมเพิม่ เติม) 2. สามารถใช้งานไดท้ กุ ที่ ทุกเวลา เนอ่ื งจาก Animaker เป็นโปรแกรมออนไลน์ ผู้ใชส้ ามารถสรา้ งสรรค์ ผลงาน-แกไ้ ขผลงานไดท้ กุ ท่ีทุกเวลา 3. ใชง้ านง่าย สามารถ Log In ผ่าน Facebook Google plus หรอื สมัคร สมาชกิ สาหรบั ใชง้ านโดยเฉพาะ ผใู้ ช้งานไมจ่ าเป็นตอ้ งมพี น้ื ฐานการใชง้ านโปรแกรมกราฟิกต่าง ๆ เน่ืองจาก Animaker มี Template สาเรจ็ รปู กราฟกิ กราฟ-แผนภูมิ ให้เลือกใชง้ านหลากหลายรูปแบบ 4. รองรบั ภาษาไทย Animaker รองรบั การพมิ พข์ ้อความภาษาไทย 5. Export Video: สามารถ Export video ผ่าน เวบ็ ไซต์ Youtube หรือ Facebook ได้ รูปภาพท่ี 2.1 รูปแสดงหน้าโปรแกรม Animaker

5 บทที่ 3 วิธีการดาํ เนนิ งาน การจดั ทาโครงงานแอนิเมชัน่ คีย์ลัด ผู้จัดทาจัดทาขึ้นเพอ่ื ใหผ้ ู้ศึกษาได้ความรู้และนาไปใชใ้ น ชีวิตประจาวัน ซงึ่ มวี ิธกี ารดาเนินงานตามขั้นตอนต่อไปนี้ 3.1 ศกึ ษาเอกสารทฤษฎีท่ีเก่ยี วข้อง 3.2 ศึกษาโปรแกรมทีใ่ ช้ในการทาภาพเคลอ่ื นไหว 3.3 ศกึ ษาคยี ์ลดั ต่าง ๆ 3.4 ดาเนินการสรา้ งโครงงาน 3.5 ทดลองใช้งานและปรับปรุง 3.6 ประเมนิ โครงงาน 3.7 วเิ คราะหข์ อ้ มูลทางสถติ ิ 3.1 ศึกษาเอกสารทฤษฎที เี่ กีย่ วข้อง คาว่า แอนเิ มชน่ั (Animation) มาจากรากศัพท์ละติน “animare” ความหมายว่า การทาให้มีชวี ติ ดว้ ยการทาภาพนง่ิ มาเรียงลาดบั และแสดงผลอย่างต่อเนอื่ งดว้ ยความเรว็ สงู จนเกิดเป็นภาพที่มกี ารเคลือ่ นไหว อยา่ งมชี วี ติ ชีวา ซึ่งการนาภาพหลายภาพนิ่งหลายๆ ภาพมาฉายตอ่ เนือ่ งกันดว้ ยความเรว็ สูงนั้น ทาให้เกดิ ภาพ ลกั ษณะติดตา ปจั จุบนั เรามักจะมีการนาคอมพิวเตอรม์ าสร้างภาพเคลื่อนไหว ดว้ ยการสร้างภาพนง่ิ ขน้ึ กอ่ น แลว้ ค่อย สรา้ งภาพตอ่ เนื่องภาพถัดไปเรยี งลาดบั ไปเร่อื ย ๆ เปลย่ี นแปลงภาพไปทีละนอ้ ย แลว้ นามาเข้าสู่คอมพวิ เตอร์ใช้ โปรแกรมสร้างแอนเิ มชน่ั ในการลาดับภาพใหเ้ หมาะสมกบั เวลา และแสดงภาพตอ่ เนอื่ ง จนเห็นเปน็ การ เคลอื่ นไหวที่สมจรงิ 3.2 ศึกษาโปรแกรมทีใ่ ชใ้ นการทาํ ภาพเคล่ือนไหว โปรแกรมท่ใี ช้ทา Animation มหี ลากหลายโปรแกรม และมโี ปรแกรมทม่ี กั ใชก้ นั แพรห่ ลาย ดงั นี้ Toon Boom Studio ไดร้ ับการพฒั นาจากนกั สร้างการ์ตนู 2D แอนิเมชั่นมืออาชีพ จึงเปน็ โปรแกรม ทีร่ วมเคร่อื งมอื ทเ่ี หมาะสม สาหรับการใช้ทาแอนเิ มชนั่ ไวใ้ นโปรแกรมเดียว เหมาะสาหรบั ผทู้ ่ีต้องการสรา้ งงานการต์ นู 2D แอ นิเมชั่น

6 เพราะมเี คร่ืองมือทง่ี ่ายต่อการใช้งานและสามารถวาดลายเส้นโดยไมต่ อ้ งใชก้ ระดาษในการวาดหรือจะสแกน ภาพที่วาดจากกระดาษ ไปทาแอนเิ มชัน่ ตอ่ ในโปรแกรมได้ และยังนาเข้าไฟล์ไดห้ ลากหลายรูปแบบ สามรถทางานรว่ มกับเร่อื งเสียง และยังมเี ครื่องมือเคลอ่ื นย้ายกลอ้ งในรูปแบบ 3 มิติ จงึ ช่วยใหเ้ ราทางานได้ สะดวกรวดเร็วข้นึ รวมท้งั การ นาเสนองานออก ก็สามารถทาได้หลากหลายรปู แบบ SwishMAX เปน็ โปรแกรมทใ่ี ช้สร้างภาพเคล่ือนไหว เพยี งแค่ใชเ้ คร่อื งมอื ทโ่ี ปรแกรมมมี าให้เทา่ น้ันก็ สามารถที่จะนาเสนองานในรปู แบบของไฟล์ Shock wave Flash (.swf) ซึ่งสามารถนาไปใช้ในการสรา้ งเว็บ เพ็จได้ และยงั สามารถแปลงไฟล์ .avi ซ่ึงใชใ้ นการตัดต่อภาพยนตร์ได้อีกดว้ ย ซงึ่ ใชง้ านไดง้ า่ ย SwishMAX จะ คลา้ ยแฟลซ แตใ่ ช้ง่ายกวา่ และมีฟเี จอร์น้อยกวา่ Adobe Flash CS3 เปน็ ผลติ ภัณฑล์ า่ สดุ จากคา่ ย Adobe ท่พี ัฒนามาเพ่ือสนบั สนนุ การสร้างงาน กราฟิก ทงั้ ภาพน่ิงและภาพเคลื่อนไหว สาหรบั การนาเสนอผา่ นเครอื ขา่ ยอนิ เตอร์เนต็ Flash มีฟังกช์ นั ช่วย อานวยความสะดวกในการสรา้ งผลงานหลากหลายรูปแบบ ตลอดจนชุดคาสั่งโปรแกรมมงิ่ ท่เี รียกวา่ Flash Action Script ท่ีเพม่ิ ประสทิ ธภิ าพในการทางาน และสามารถคอมไพล์ (Compile) เป็นโปรแกรมใชง้ าน (Application Program) เช่นการทาเปน็ e-Card เพ่ือแนบไปพร้อมกับ e-Mail ในโอกาสตา่ ง ๆ เป็นตน้ 3.3 ศกึ ษาคียล์ ัดต่าง ๆ คยี ์ลัดที่นามาใชใ้ นการสร้างภาพเคล่อื นไหว แอนิเมชน่ั คียล์ ัด มีดงั นี้ 3.4 ดําเนินการสรา้ งโครงงาน 3.4.1 อปุ กรณ์ 1. คอมพิวเตอร์ 3.4.2 ขน้ั ตอนการสร้าง 1. ค้นหารูปภาพที่ตอ้ งการจากเวบ็ ไซต์หรอื แอพใดกไ็ ด้ แล้วนารปู ภาพที่ไดม้ าใสใ่ นโปรแกรม Animaker เพอ่ื นามาเปน็ องค์ประกอบในการทาภาพเคล่ือนไหว 2. ปรบั แต่ง จัดเรียง รปู ภาพตามความตอ้ งการอยา่ งสละสลวย 3. ใส่ข้อความ ตวั อกั ษรทีเ่ ค้าโครงไวเ้ ข้าไปเพ่ือเพ่มิ เป็นเนอ้ื หาในการสรา้ งภาพเคลอื่ นไหว 4. หลงั จากปรบั แต่ง ใส่ตัวอักษร รปู ภาพเรยี บร้อยแลว้ กส็ ามารถทาเป็นภาพเคล่ือนไหวไดเ้ ลย 5. ใส่เอฟเฟค เพิม่ ลูกเล่นเพ่อื ใหภ้ าพเคล่อื นไหวดนู ่าสนใจมากข้ึน และใสเ่ สียงตามความตอ้ งการ

7 3.5 ทดลองใช้งานและปรบั ปรงุ ทดลองใชง้ าน -ความพรอ้ มเพรียงภาพและเสียง -ความคมชัด ปรับปรุง จากการทดลองใชง้ านความพรอ้ มเพรยี งของภาพและเสยี งทาให้ทราบวา่ ภาพและเสียงที่เคลอ่ื นไหว ยังไม่ตรงกนั จึงต้องแก้ไขด้วยวธิ ีการปรบั เสยี งใหต้ รงกบั รูปภาพและเนื้อหาทไี่ ดแ้ สดงผลบนหนา้ จอ 3.6 ประเมินโครงงาน ผจู้ ัดทาโครงงานไดม้ กี ารใหค้ ณุ ครูท่ปี รึกษาโครงงานประเมนิ ผลช้ินงานและข้อเสนอแนะ ทาการ ออกแบบสารวจความพงึ พอใจของผศู้ ึกษาแอนเิ มช่นั คยี ์ลดั ได้เลือกจากกล่มุ ตัวอย่าง 20 คน จากบุคคลท้ังหมด ในวทิ ยาลัยอาชวี ศึกษาเอ่ยี มลออ และบุคคลภายนอกสถานศึกษา 3.7 วิเคราะห์ข้อมูลทางสถติ ิ เม่ือรวบรวมและตรวจสอบความสมบรู ณ์ของแบบสารวจแล้ว จงึ นาข้อมลู ทไ่ี ด้มาวิเคราะห์โดย ดาเนนิ การวิเคราะหข์ อ้ มลู เกย่ี วกับการแสดงความพงึ พอใจของผศู้ ึกษาแอนเิ มช่นั คีย์ลัด โดยใชค้ ่าเฉลย่ี เลขคณิต (������̅) ผลการวเิ คราะหข์ ้อมลู นาเสนอในรปู แบบของตารางและมีคาบรรยายประกอบ คา่ คะแนนเฉล่ีย 4.50 - 5.00 หมายถงึ ความพงึ พอใจในระดบั มากท่ีสดุ ค่าคะแนนเฉล่ยี 3.50 - 4.49 หมายถงึ ความพึงพอใจในระดบั มาก ค่าคะแนนเฉลี่ย 2.50 - 3.49 หมายถงึ ความพงึ พอใจในระดับปานกลาง ค่าคะแนนเฉลีย่ 1.50 - 2.49 หมายถงึ ความพงึ พอใจในระดบั นอ้ ย คา่ คะแนนเฉลยี่ 1.00 - 1.49 หมายถึง ความพึงพอใจในระดับนอ้ ยที่สดุ โดยใช้ระดับการวดั เป็นมาตราสว่ นประมาณคา่ (Rating Scales) 5 ระดบั ในการแปลความหมายคา่ คะแนน เฉล่ียของผู้ตอบแบบสอบถาม ไดใ้ ช้เกณฑ์ของเบส (Best, 1970:175)

8 บทที่ 4 ผลการดําเนนิ โครงงาน การสรา้ งแอนิเมชั่นคีย์ลัด จดั ทาขน้ึ โดยมวี ัตถุประสงคเ์ พ่ือใหผ้ ู้ท่ีศกึ ษาคยี ์ลัดได้รู้จกั การใช้คีย์ลดั ที่ รวดเร็วและงา่ ยตอ่ การใชง้ าน ดังน้ี 4.1 ผลการวเิ คราะหก์ ารศึกษาความพึงพอใจของผูศ้ ึกษาต่อ แอนิเมชนั่ คยี ล์ ัด การวเิ คราะหก์ ารสรา้ งแอนิเมชัน่ คียล์ ัดผลการวิเคราะหน์ าเสนอเป็น 2 ขน้ั ตอน คอื ตอนท่ี 1 ข้อมูลทว่ั ไปวเิ คราะหข์ อ้ มลู โดยใช้คา่ รอ้ ยละ ตอนที่ 2 ผลการศึกษาความพึงพอใจของผู้ตอบแบบสารวจความพงึ พอใจต่อแอนิเมช่นั คยี ์ลัด วเิ คราะห์ขอ้ มูล โดยคา่ เฉลยี่ เลขคณติ ตอนที่ 1 ข้อมลู ท่วั ไปของผู้ตอบแบบสาํ รวจ ตารางท่ี 1 แสดงความถี่ รอ้ ยละของผู้ตอบแบบสารวจ (N=20) จาแนกตามเพศ รอ้ ยละ เพศ ความถ่ี 70 หญงิ 14 30 ชาย 6 100 รวม 20 จากตารางที่ 1 พบว่าผูต้ อบแบบสารวจทัง้ หมด 20 คน เปน็ เพศหญิง 14 คน คิดเป็นร้อยละ 70 เพศชาย 6 คน คิดเป็นรอ้ ยละ 30

9 ตารางที่ 2 แสดงความถี่ ร้อยละของผู้ตอบแบบสารวจ (N=20) จาแนกตามสถานภาพ สถานภาพ ความถ่ี ร้อยละ นกั เรยี น/นักศกึ ษา 15 75 คร/ู อาจารย์ 1 5 เจา้ หนา้ ท่ี - - อน่ื ๆ 4 20 รวม 20 100 จากตารางท่ี 2 พบว่าผูต้ อบแบบสารวจท้งั หมด 20 คน เป็นนักเรยี น/นกั ศึกษา 15 คน คิดเป็นร้อยละ 75 คร/ู อาจารย์ 1 คน คิดเป็นรอ้ ยละ 5 และบคุ คลอื่น ๆ 4 คน คดิ เป็นรอ้ ยละ 20 ตารางที่ 3 แสดงความถ่ี รอ้ ยละของผตู้ อบแบบสารวจ (N=20) จาแนกตามอายุ อายุ ความถ่ี รอ้ ยละ - ตํา่ กว่า 16 ปี - 85 10 16-20 ปี 17 - 5 21-30 ปี 2 - 100 31-40 ปี - 41-50 ปี 1 51 ปีข้ึนไป - รวม 20 จากตางรางที่ 3 พบวา่ ผตู้ อบแบบสารวจทง้ั หมด 20 คน เปน็ บุคคลทม่ี ีช่วงอายุ 16-20 ปี 17 คน คิดเป็นรอ้ ย ละ 85 บคุ คลทม่ี ชี ว่ งอายุ 21-30 ปี 2 คน คิดเป็นรอ้ ยละ 10 และบุคคลทม่ี ีชว่ งอายุ 41-50 ปี 1 คน คิดเปน็ รอ้ ยละ 5

10 ตอนท่ี 2 ผลการศึกษาความพงึ พอใจของผตู้ อบแบบสาํ รวจความพึงพอใจของแอนิเมชั่นคยี ์ลัด ตารางท่ี 4 ความคดิ เห็นของผ้ตู อบแบบสอบถามต่อแอนเิ มชนั่ คยี ์ลดั คะแนนความพึงพอใจเฉลีย่ ของ รายการประเมนิ แอนเิ มช่ันคยี ล์ ดั ด้านช้นิ งาน คา่ เฉล่ีย ระดับความ ตวั ชน้ิ งานมีสีสันสวยงาม พงึ พอใจ ตวั ชนิ้ งานมีความเหมาะสมในการใชง้ าน ด้านการใช้งานและการทาํ งานของชน้ิ งาน 4.35 มาก ชิ้นงานสามารถใช้งานไดต้ ามวตั ถุประสงค์ 4.55 มากทสี่ ุด มีการนาเสนอสื่อการเรียนรู้ทเ่ี หมาะสม สื่อมคี วามกระชบั เข้าใจไดง้ า่ ย 4.30 มาก สามารถใชเ้ รยี นร้ใู หเ้ กิดการจดจาและนาไปใชไ้ ด้ 4.30 มาก ดา้ นซอฟตแ์ วร์ 4.35 มาก ภาพ เสยี งและการนาเสนอ รับชมแล้วเข้าใจได้งา่ ย 4.50 มากทสี่ ดุ สือ่ รับชมไดส้ ะดวกและมีความเขา้ ใจ สือ่ นาเสนอมีความทนั สมยั สามารถเรยี นรไู้ ด้รวดเรว็ 4.35 มาก คะแนนเฉล่ียรวม 4.55 มากทส่ี ดุ 4.50 มากท่ีสุด 4.42 มาก ตารางที่ 4 พบว่าผู้ตอบแบบสารวจส่วนใหญ่ แสดงความพึงพอใจในระดับมากต่อแอนิเมช่ันคยี ล์ ดั ไดร้ บั การ ยอมรบั (������̅=4.42)

11 แผนภูมทิ ่ี 1 แสดงประสิทธภิ าพเปรยี บเทยี บแอนิเมชน่ั คียล์ ัด แอนิเมชนั่ คียล์ ดั 4.6 4.5 4.4 4.3 4.2 4.1

12 บทที่ 5 สรปุ อภปิ รายผล และข้อเสนอแนะ การศึกษาและสร้างแอนิเมชน่ั คีย์ลดั เปน็ การวจิ ยั สร้างแอนเิ มชน่ั คีย์ลัด กลุ่มตัวอย่างทใี่ ชใ้ นการวจิ ัย คร้งั นี้ คอื นักเรียน นักศึกษา คณุ ครู อาจารย์ เจ้าหน้าที่ ภายในวทิ ยาลัยอาชวี ศกึ ษาเอี่ยมลออและบคุ คลอืน่ ๆ จาแนกตามเพศ สถานภาพ และอายุ โดยศึกษาทดลองและสอบถามความพึงพอใจซ่งึ มีสาระสาคญั คือ สรปุ ผลการวจิ ยั อภิปรายผล และข้อเสนอแนะดงั น้ี 5.1 สรปุ ผลการวิจัย จากการวจิ ัยการสร้างแอนิเมช่นั คยี ์ลัด ผลการวิจยั สรุปได้ดังน้ี 1. กล่มุ ตวั อย่างมจี านวน 20 คน เพศหญิงมากกวา่ เพศชาย อายุระหว่าง 16-20 ปี สว่ นมากเปน็ นกั เรยี น/ นักศึกษา 2. การวจิ ัยสรา้ งแอนิเมชั่นคีย์ลดั พบวา่ เปน็ การวิจยั ทเี่ หมาะสมและเปน็ ประโยชนต์ อ่ ผู้ท่ีศกึ ษา รับชม เป็น อยา่ งมาก 3. การสารวจสอบถามความพงึ พอใจต่อแอนิเมชัน่ คยี ล์ ัด พบว่าผู้ตอบแบบสารวจมีความพึงพอใจในระดบั มาก 5.2 อภปิ รายผล ผลการวิจัยการสรา้ งแอนเิ มชัน่ คยี ์ลดั พบว่าคะแนนการประเมนิ ดา้ นการใชง้ านได้รับความพึงพอใจใน ระดบั มาก เนื่องจากเป็นส่อื การเรยี นร้ทู ่ีชว่ ยในการจดจาและเรยี นรู้ สามารถนาไปใช้ในชีวติ ประจาวันได้จริง ซึ่งส่ือการเรียนรสู้ ามารถเขา้ ศกึ ษา เรยี นรไู้ ดง้ า่ ยและสะดวกทกุ ทีท่ กุ เวลา เพียงแค่มีอนิ เทอรเ์ น็ตในการรบั ชม เรียนรู้ ซงึ่ สะดวก และสนองความตอ้ งการของทุกคนในยคุ สมัยนี้ ดังน้ันจงึ สรุปได้วา่ การวจิ ัยแอนเิ มชั่นคยี ล์ ดั เป็นส่ือการเรยี นรูท้ ี่มปี ระสิทธิภาพใช้งานได้งา่ ย สะดวก สบาย ไดร้ ับการยอมรบั จากผู้บรโิ ภค และสามารถใช้ในชวี ติ จรงิ ได้ 5.3 ปญั หาและอุปสรรคในการวิจัยสร้างแอนิเมชัน่ คีย์ลัด ปญั หาในการใช้งานของโปรแกรม Animaker เน่ืองจากไมเ่ คยใชโ้ ปรแกรมนีม้ ากอ่ นจึงทาใหต้ อ้ งใช้ เวลาในการศกึ ษาใช้งานโปรแกรม หลงั จากการศึกษาการใชง้ านโปรแกรมจึงทาให้เข้าใจในการใช้งานของ โปรแกรมและสามารถทาชิน้ งานนาเสนอไดอ้ ยา่ งสาเรจ็ ลุลว่ ง 5.4 ข้อเสนอแนะ 1. การพัฒนาใสเ่ สยี งพากย์ เสียงคาพดู ลงไปในวดิ โี อภาพเคลือ่ นไหว 2. การทาตวั ละครให้ตรงกบั เนือ้ หา กระชบั และเข้าใจงา่ ย

13 บรรณานกุ รม แอนิมชนั่ . (ออนไลน์) เขา้ ถึงไดจ้ าก https://th.wikipedia.org/wiki/%E0 (สบื คน้ วนั ที่ 13 กนั ยายน 2564) คยี ์ลัด. (ออนไลน)์ เขา้ ถึงได้จาก https://tips.thaiware.com/229.html (สืบคน้ วนั ที่ 14 กันยายน 2564) ความสาคัญของคีย์ลดั . (ออนไลน์) เขา้ ถึงไดจ้ าก https://www.ar.co.th/kp/th/436 (สืบค้นวนั ที่ 16 กันยายน 2564) การทาภาพเคลอ่ื นไหว. (ออนไลน์) เขา้ ถึงไดจ้ าก http://csmju.jowave.com/cs100_v2/lesson7-3.html (สืบคน้ วนั ท่ี 16 กันยายน 2564) ประวัตคิ วามเปน็ มาของโปรแกรม Animaker. (ออนไลน)์ เขา้ ถงึ ไดจ้ าก https://muit.mahidol.ac.th/muit_training/info-animaker/infographic-animaker.pdf (สบื คน้ วันท่ี 20 กนั ยายน 2564)

14 ภาคผนวก ก แบบสาํ รวจความพงึ พอใจแอนิเมช่นั คียล์ ดั

15 แบบสาํ รวจความพึงพอใจโครงงาน แอนิเมช่ันคีย์ลัด ตอนที่ 1 ข้อมูลทั่วไป 1. เพศ ชาย หญงิ ครู/อาจารย์ เจ้าหน้าที่ อ่นื ๆ 2. สถานภาพ นกั เรยี น/นกั ศึกษา 16 – 20 ปี 21-30 ปี 3. อายุ ต่ากวา่ 16 ปี 41 – 50 ปี มากกว่า 50 ปขี ึ้นไป 31 – 40 ปี ตอนที่ 2 ความคดิ เหน็ ของผู้ตอบแบบสอบถาม คําช้แี จง ใสเ่ คร่ืองหมาย ลงในชอ่ งระดับความพงึ พอใจตามรายการประเมิน โดยใชเ้ กณฑ์ต่อไปน้ี ( 5 = พึงพอใจมากที่สุด 4 = พึงพอใจมากท่ีสดุ 3 = พงึ พอใจปานกลาง 2 = พึงพอใจนอ้ ย 1 = พงึ พอใจนอ้ ยทสี่ ดุ ) รายการประเมนิ ระดับความพึงพอใจ 5 4 3 21 ดา้ นชิ้นงาน ตวั ช้ินงานมีสีสันสวยงาม ตัวชนิ้ งานมีความเหมาะสมในการใชง้ าน ด้านการใช้งาน และการทํางานของช้นิ งาน ชิ้นงานสามารถใช้งานไดต้ ามวัตถุประสงค์ มกี ารนาเสนอสอื่ การเรียนรทู้ เ่ี หมาะสม สอ่ื มีความกระชับเข้าใจไดง้ า่ ย สามารถใชเ้ รยี นรใู้ ห้เกดิ การจดจาและนาไปใช้ได้ ด้านซอฟต์แวร์ ภาพ เสียง และการนาเสนอรบั ชมแล้วเข้าใจไดง้ า่ ย สื่อรับชมได้สะดวกและมีความเข้าใจ สอื่ นาเสนอมีความทนั สมัย สามารถเรยี นร้ไู ดอ้ ย่างรวดเรว็

16 ขอ้ เสนอแนะ .............................................................................................................................................................................. .............................................................................................................................................................................. .............................................................................................................................................................................. ขอขอบคุณทกุ ท่านทีก่ รณุ าตอบแบบสาํ รวจความพึงพอใจ (คณะผู้จัดทาํ )

17 ภาคผนวก ข ประวัติผจู้ ดั ทาํ โครงงาน แอนิเมช่นั คียล์ ดั

18 ประวตั ิผูจ้ ดั ทํา ช่อื สกลุ : นางสาวสภุ สั สร โตรัตน์ ชือ่ โครงงาน : แอนิเมชน่ั คยี ์ลดั สาขาวชิ า : คอมพวิ เตอรธ์ รุ กจิ ประเภทวิชา : คอมพวิ เตอรธ์ รุ กิจ ที่อยู่ปัจจุบัน : 16/187 ถนนอาจณรงค์ แขวงคลองเตย เขตคลองเตย กรุงเทพฯ 10110 เบอรโ์ ทรศัพท์ : 0839147246 E-mail : [email protected] วันเดือนปีเกดิ : 14 มิถุนายน 2546 สัญชาติ : ไทย เชอ้ื ชาติ : ไทย ศาสนา : พทุ ธ สถานภาพ : โสด การศกึ ษา ประถมศึกษา : โรงเรยี นมธั ยมน้าตาลอนุสรณ์ ประถมศึกษา (ชั้นปีท่ี 6) : โรงเรียนสายนา้ ผงึ้ มธั ยมศึกษา : โรงเรยี นสายนา้ ผ้งึ ระดับประกาศนียบัตรวชิ าชีพ (ปวช.) : วทิ ยาลยั อาชวี ศึกษาเอีย่ มละออ (ปจั จบุ ันกาลงั ศึกษาอยู่) คตปิ ระจาใจ : ทาส่ิงที่แตกต่างจากคนอ่นื ไม่ไดแ้ ปลว่าเราล้มเหลว

19 ประวตั ผิ ู้จดั ทาํ ช่อื สกุล : นางสาวรัตนา มงั กรทอง ชือ่ โครงงาน : แอนเิ มชน่ั คียล์ ดั สาขาวิชา : คอมพวิ เตอรธ์ รุ กจิ ประเภทวชิ า : คอมพิวเตอรธ์ รุ กจิ ที่อยปู่ ัจจุบัน : 1/32 ชุมชนวดั คลองเตยใน 1 ถนนสนุ ทรโกษา แขวงคลองเตย เขตคลองเตย กรงุ เทพฯ 10110 เบอรโ์ ทรศัพท์ : 0949371513 E-mail : [email protected] วันเดือนปเี กดิ : 27 พฤศจิกายน 2546 สัญชาติ : ไทย เช้อื ชาติ : ไทย ศาสนา : พุทธ สถานภาพ : โสด การศึกษา ประถมศึกษา : โรงเรยี นสองห้องแวงน้อยวทิ ยา มัธยมศึกษา : โรงเรยี นตลาดไทรพทิ ยาคม ระดับประกาศนยี บตั รวชิ าชีพ (ปวช.) : วิทยาลยั อาชีวศึกษาเอย่ี มละออ (ปัจจุบันกาลงั ศึกษาอยู)่ คตปิ ระจาใจ : พอใจเทา่ ที่มี ยินดีเทา่ ทไี่ ด้

20 ประวตั ผิ จู้ ัดทํา ช่อื สกลุ : นางสาวภทั รานิษฐ์ นมิ นิ รมั ย์ ช่ือโครงงาน : แอนเิ มช่ันคียล์ ัด สาขาวิชา : คอมพิวเตอรธ์ ุรกจิ ประเภทวิชา : คอมพวิ เตอรธ์ รุ กิจ ท่อี ยูป่ ัจจุบนั : 182/19 ถนนสรุ วงศ์ แขวงสพ่ี ระยา เขตบางรัก กรุงเทพฯ 10500 เบอรโ์ ทรศัพท์ : 0937701736 E-mail : [email protected] วนั เดอื นปเี กิด : 12 สงิ หาคม 2546 สัญชาติ : ไทย เชื้อชาติ : ไทย ศาสนา : พุทธ สถานภาพ : โสด การศึกษา ประถมศกึ ษา : โรงเรียนบา้ นหนองขอน มัธยมศึกษา : โรงเรียนบา้ นหนองขอน ระดบั ประกาศนียบตั รวชิ าชพี (ปวช.) : วิทยาลัยอาชวี ศึกษาเอ่ียมละออ (ปจั จุบันกาลงั ศกึ ษาอยู)่ คตปิ ระจาใจ : ไมส่ ู้ กแ็ พ้