แบบทำสอบก่อนเรียนหน่วยที่1
คำสั่ง : ใหน้ กั เรียนทำเครือ่ งหมำย X ลงบนคำตอบท่ถี กู ต้องที่สดุ
1. แอนิเมชันที่เก่ำแก่ท่ีสุดท่ีพบในประเทศอหิ ร่ำน เป็นภำพใด
ก. พระกระโดดกำแพง ข. กระรอกกระโดดข้ึนบนตน้ ไม้
ค. แพะกระโดดขน้ึ ไปกินใบไม้ ง. นกบนิ ไปเกำะกิ่งไม้
จ. ม้ำกระโดดข้ำมรว้ั
2. ข้อใดให้ควำมหมำยของภำพเคลอ่ื นไหวได้สมบูรณ์ท่ีสุด
ก. กำรฉำยภำพนิ่งหลำย ๆ ภำพต่อเนื่องกันด้วยควำมเรว็ ที่เหมำะสม
ข. ภำพวำดท่ีถูกนำมำเรียงต่อกนั และฉำยผ่ำนคอมพวิ เตอร์ด้วยควำมเร็วสงู สุด
ค. ภำพกรำฟิกท่ีมกี ำรเคล่ือนไหวเพ่ือแสดงขัน้ ตอนทีเ่ กิดขึ้นในรูปแบบของกำรต์ นู
ง. กำรใชฟ้ ิลม์ เพ่ือฉำยภำพต่อเน่ืองกันด้วยควำมเร็ว 24 เฟรมต่อวนิ ำที
จ. กำรเปลี่ยนแปลงของวตั ถุในภำพอยำ่ งต่อเน่ืองโดยมีควำมสัมพันธ์กับเวลำ
3. ข้อใดเป็นกำรเปลย่ี นแปลงแบบ Transform
ก. เข็มนำฬกิ ำหมนุ ข. ลูกบอลกระแทกลงพื้น
ค. คนเหว่ยี งแขน ง. แอปเปลิ ตกลงพนื้
จ. คนปำส่งิ ของ
4. ข้อใดเปน็ ประเภทของ Stop Motion
ก. กำรวำดภำพหลำย ๆ พันภำพ ข. ตอ้ งใชเ้ วลำในกำรผลติ และแอนิเมเตอรจ์ ำนวนมำก
ค. ประหยดั เวลำกำรผลิต และประหยดั ค่ำใช้จำ่ ยมำก ง. กำรถ่ำยภำพทุกจงั หวะของห่นุ จำลองทีค่ ่อยๆ ขยับ
จ. กำรใช้โปรแกรมคอมพิวเตอรช์ ว่ ยในกำรสร้ำง
5. แอนเิ มชนั ที่เกิดจำกกำรวำดภำพหลำย ๆ พนั ภำพ เป็นแอนเิ มชนั ประเภทใด
ก. Imagin Animation ข.Stop Motion ค. Model Animation
ง. Computer Animation จ. Draw Animation
6. ขอ้ ใดไมใ่ ชห่ ลกั กำรเคลื่อนท่ีและกำรเกิดภำพ
ก. อตั รำเรง่ ข. เวลำ ค. แรงสง่ ง. แรงเคน้ จ. เสนห่ ์ดึงดูด
7. ขอ้ ใดเปน็ กำรกระทำรอง
ก. ขำท่ีก้ำว ข. แขนท่แี กว่ง ค. ตำทก่ี ะพริบ ง. เสน้ ผมทปี่ ลิว จ. ปำกที่ขยับ
8. ส่ิงแรกทค่ี วรทำกอ่ นกำรสร้ำงภำพเคล่ือนไหวคือข้อใด
ก. จดั เตรียมอปุ กรณ์ ข. วำงโครงเร่ืองชิ้นงำน ค. จดั เตรียมองค์ประกอบ ง. วำงแผลกำรเผยแพร่ผลงำน
จ. ทดสอบกำรทำงำน
9. กำรเตรียมภำพเสียงและวิดโี อเป็นขน้ั ตอนข้อใด
ก. กำรวำงโครงเรอ่ื งชน้ิ งำน ข. กำรสรำ้ งชิ้นงำน ค. กำรทดสอบกำรทำงำน
ง. กำรแปลงชิน้ งำนเป็นไฟล์ จ. กำรจัดเตรียมองคป์ ระกอบชน้ิ งำน
10. เคร่อื งมือใหมท่ ่ถี ูกสรำ้ งมำเพื่ออำนวยควำมสะดวกในกำรสร้ำงภำพเคลือ่ นไหว เป็นเทคโนโลยีขอ้ ใด
ก. เทคโนโลยภี ำพเคลือ่ นไหว 3 มิติ ข. เทคโนโลยีกำรพฒั นำ
ค. เทคโนโลยกี ำรผลิต ง. เทคโนโลยกี ำรกระจำย
จ. เทคโนโลยีคอมพิวเตอร์
ประวัตกิ ำรเกดิ แอนิเมชนั
ควำมหมำยของภำพเคลื่อนไหว
แอนเิ มชนั (Animation) รวมทั้งคำวำ่ Animate และ Animator มำจำกรำกศัพท์ภำษำลำตนิ วำ่ "Animare"
ซงึ่ มีควำมหมำยวำ่ ทำใหม้ ีชวี ิต
ภำพเคลือ่ นไหว (Animation) หมำยถงึ กำรสรำ้ งภำพเคลื่อนไหวโดยกำรฉำยภำพนง่ิ หลำย ๆภำพตอ่ เนื่องกัน
ดว้ ยควำมเร็วท่เี หมำะสม (เฟรม/วินำท)ี หลกั กำรจะคลำ้ ยกับกำรฉำยภำพยนตร์ แต่ภำพยนตร์จะเปน็ กำรใชฟ้ ิล์ม
โดยที่แต่ละเฟรมของฟิลม์ กจ็ ะเป็นภำพนง่ิ เม่อื นำมำฉำยภำพตอ่ เนือ่ งกันดว้ ยควำมเรว็ 24 เฟรมต่อวินำที ก็จะทำ
ใหเ้ กิดภำพเคลอื่ นไหวทเี่ รยี กว่ำภำพยนตร์
หลักกำรเกดิ ภำพเคลอื่ นไหว
กำรทม่ี นุษยเ์ หน็ ภำพนิ่งหลำย ๆ ภำพท่ฉี ำยต่อเน่อื งกนั ดูเป็นลกั ษณะภำพเคลื่อนไหวไดน้ ้ันสำมำรถ
อธบิ ำยได้ด้วยหลักกำรเหน็ ภำพติดตำ (Persistence of Vison) อนั เปน็ หัวใจของหลกั กำรสร้ำงภำพยนตร์ เพรำะ
ภำพยนตร์คอื ภำพนิ่งแต่ละภำพทต่ี ่อเน่อื งกันอย่ำงมรี ะบบนั่นเอง ซึ่งมีที่มำต้ังแตข่ องเลน่ ทช่ี ือ่ วำ่ ภำพหมุน
(Thaumatrope)โดยภำพเคลื่อนไหว คือ กำรเปลยี่ นแปลงของวตั ถุ
โดยมคี วำมสัมพันธ์กบั เวลำ เช่นภำพยนตร์ กำร์ตนู ท่ีมีกำรเคลือ่ นท่ี กำรเดนิ กำรวิ่ง ในโปรแกรม Adobe
Flash จะมีกำรเคล่ือนท่ีอยู่ 2 ลกั ษณะ คือ
1) กำรเคลื่อนทแี่ บบยำ้ ยสถำนที่ (Motion) เชน่ วัตถุเคลื่อนทจ่ี ำกจุด A ไปยังจดุ B
2) กำรเคลื่อนท่ีโดยกำรเปล่ยี นแปลงลักษณะ (Transform)
ภำพท่ี 1.2 กำรวำดภำพเคลอ่ื นไหวโดยโปรแกรม Adobe flash
ทม่ี ำ : https://zzzleepinclass.com/animation-frame-by-frame/
ประเภทของภำพเคลื่อนไหว
ภำพเคลื่อนไหวสำมรถแบง่ ออกไดเ้ ป็น 3 ประเภท ได้แก่
1) Draw Animation
คือ แอนมิ ชันทีเ่ กดิ จำกกำรวำคภำพหลำย ๆ พนั ภำพ แตก่ ำรฉำยภำพเหล่ำนัน้ ผ่ำนกล้องอำจใชเ้ วลำไม่กน่ี ำที
ข้อดีของกำรทำแอนเิ มชนั แบบนค้ี ือ มีควำมเปน็ ศลิ ปะ สวยงำมนำ่ ดู แต่ขอ้ เสยี คือต้องใช้เวลำในกำรผลิตมำก ต้อง
ใชแ้ อนเิ มเตอร์ (ผูท้ ำงำนแอนิเมชนั ) จำนวนมำกและเสียคใ่ ช้จำ่ ยมำกตำมไปด้วย
ภำพท่ี 1.3 แอนิเมชนั ทเ่ี กดิ จำกกำรวำดภำพ (Draw Animation)
https://d1xfgk3mh635yx.cloudfront.net/sites/defaultV/fles/styles/inline/public/image/featured14
72-how-draw-animation-sounding-out-wordsjpgTitok=LcTKk5yw
2) Stop Motion หรือ Model Animation เปน็ กำรถ่ำยภำพทกุ จงั หวะของห่นุ จำลองท่ีค่อย ๆ ขยับ อำจเป็น
ของเล่หรือตัวละครจำก Plasticine วัสดุที่คล้ำยกบั ดินน้ำมัน โดยโมเดลทส่ี รำ้ งขึ้นมำสำมำรถนำมำใช้ไดอ้ ีกหลำย
ครงั้ และยังสำมำรถผลิตได้หลำยตวั ทำใหส้ ำมำรถทำไดห้ ลำยฉำกในเวลำเดยี วกนั แต่กำรทำ Stop Motion นั้น
ตอ้ งอำศยั เวลำและกำรทุ่มเทมำก
ภำพที่ 1.4 แอนนเิ มชนั จำกหุ่นจำลอง (Stop Motion)
ที่มำ : https://www.latercera.com/mouse/guillermo-del-toro-explica-el-arte-de-la-
animacion-stop-motion-en-un-nuevo-video-para-su-version-de-pinocho/
3) Computer Animation คอื กำรใช้โปรแกรม
คอมพิวเตอร์ช่วยในกำรสร้ำงงำนแอนิเมชนั ซึ่งปจั จุบนั มี
ซอฟต์แวร์ท่ใี ชส้ ร้ำงงำนแอนิเมชนั อย่หู ลำยโปรแกรม เช่น
Maya,Flash, 3D Studio Max เป็นต้น วิธนี ี้เปน็ วิธที ่ี
ประหยัดเวลำกำรผลติ และประหยัดคำ่ ใช้จำ่ ยมำก เช่น กำร
สรำ้ งภำพยนตรเ์ ร่อื งToy Story ใช้แอนิเมเตอรเ์ พียง 110 คน
เทำ่ นน้ั
ภำพที่ 1.5 กำรใช้คอมพวิ เตอรส์ ร้ำงแอนเิ มชนั
ทมี่ ำ : https://academyofanimatedart.com/types-of-3d-animation-and-3d-animation-
techniques/
หลักกำรเคลอ่ื นท่แี ละกำรเกิดภำพ
แอนเิ มชนั หมำยถึง กำรสรำ้ งภำพเคล่ือนไหวโดยกำรฉำยภำพนิ่งหลำย ๆ ภำพต่อเน่อื งกันด้วยควำมเร็วสูง โดย
หลักกำรแล้ว ไมว่ ำ่ จะสรำ้ งภำพ หรอื เฟรมด้วยวธิ ีใดก็ตำม เมอ่ื นำภำพดังกล่ำวมำฉำยต่อกนั ดว้ ยควำมเรว็ ต้งั แต่ 16
เฟรมต่อวนิ ำทขี ึน้ ไป เรำจะเห็นเหมอื นวำ่ ภำพดงั กล่ำวเคลื่อนไหวได้ต่อเนื่องกัน ท้ังนเ้ี น่ืองจำกกำรเห็นภำพติดตำ
โดยภำพแตล่ ะภำพนั้นมีหลักกำรพืน้ ฐำนท่ีผู้ทำแอนเิ มชนั จะตอ้ งสนใจ ในกำรออกแบบแอนิเมชัน มี 12 ข้อ ดงั นี้
1) เวลำ (Timing)
กำรเคลือ่ นไหวทุกอยำ่ งน้นั จะมรี ะยะเวลำหรือควำมเรว็ ของตัวมนั เอง เช่น กำรยกแขน กับกำรเหวี่ยงแขน
ระยะเวลำกำรยกแขนปกติ กับกำรเหวีย่ งแขนด้วยควำมเร็ว ซ่ึงแน่นอนว่ำระยะเวลำทใ่ี ชต้ ้องแตกต่ำงกนั หรือ
ระยะเวลำในกำรเดนิ กำรกำ้ วเท้ำแตล่ ะกำ้ วด้วยควำมเรว็ ท่ีต่ำงกนั ย่อมให้ควำมร้สู กึ ท่ตี ่ำงกัน ซ่ึงในกำรAnimate
นัน้ ผอู้ อกแบบจำเป็นที่จะต้องรู้ระยะเวลำของแตล่ ะทำ่ ทำงว่ำใช้เวลำก่วี ินำที หรอื ก่เี ฟรม ซง่ึ เร่ืองน้ีจะรูไ้ ดด้ ว้ ยกำร
สังเกต และอำจใชอ้ ปุ กรณเ์ สริม เชน่ นำฬิกำจับเวลำ
ภำพท่ี 1.6 กำรเคลื่อนไหวแบบหลักกำรของเวลำ
ทม่ี ำ : https://funfunit.wordpress.com/2013/06/17/animatic/
2) อัตรำควำมเรว็ ในกำรเคลอ่ื นทข่ี องวัตถุ (Slow-In, Slow-out)
รำเรว็ อัตรำเร่งจะเกี่ยวขอ้ งกับกฎของฟสิ ิกส์ เชน่ หำกเรำโยนลกู บอลขึ้นไปชว่ งจังหวะแรกที่ปล่อยลูกบอล
ออกไป ลกู บอลจะมอี ัตรำเร็วสูงสุด (ซง่ึ ลกู บอลน้ันยงั ไม่ข้นึ ถงึ ตำแหนง่ แลว้ ลูกบอลจะคอ่ ย ๆ ลดควำมเร็ว จนเหลอื
อตั รำเร็วเป็นศนู ย์ (ซ่ึงก็คือ ลูกบอลนัน้ อย่ใู นสงู สุดแล้ว) จำกนนั้ ลูกบอลกจ็ ะตกลงมำ โดยแรงโน้มถ่วง ซึง่ จำก
ตัวอยำ่ งนี้จะเห็นได้ว่ำ ช่วงจงั หวะทีล่ กู บอลลอยขึ้นไปบนอำกำศ แต่ละวนิ ำทที ่ผี ำ่ นไปในเวลำทเี่ ทำ่ กนั แต่ลูกบอล
จะเดนิ ทำทำงท่ีไม่เทำ่ กันหรือ อกี ตัวอยำ่ งหนง่ึ ท่ใี กลต้ วั ข้นึ มำอกี หน่อย ก็สังเกตกำรณ์เหวี่ยงแขนของคนทเี่ ดินไปมำ
ในจังหวะทแ่ี ขนเคล่ือนทีไ่ ปขำ้ งหน้ำสดุ และข้ำงหลังสดุ แขนจะเคล่อื นท่ีช้ำลง
3) กำรเคล่ือนท่ีเปน็ เสน้ โค้ง (Arcs)
กำรเคลอ่ื นท่เี กือบทุกอย่ำงในโลกนี้ เปน็ กำรเคลื่อนทแ่ี บบเสน้ โคง้ เชน่ กำรเดนิ กำรเหวี่ยงแขน หำกลองถำ่ ย
วดี โี อแล้วเอำนำมำเปิดดูจุดตำแหน่งปลำยมือทลี ะเฟรม จะเหน็ ว่ำเส้นทำงกำรเคล่ือนที่เป็นเสน้ โค้ง
ภำพที่ 1.7 กำรเคล่ือนไหวแบบหลักกำรเคล่ือนที่เปน็ เส้นโคง้
ที่มำ : http://ww.myaninespace.org/animation.walks7.sif
4) แรงสง่ (Anticipation)
เมื่อจะทำอะไรต้องมีกำรเตรยี มเร่ิม เชน่ ก่อนท่จี ะกระโดดนั้น เปน็ ไปไมไ่ ด้ทจี่ ะยืนขำตรงแลว้ กระโดดไดเ้ ลย
อยำ่ งน้อยตอ้ งงอเขำ่ เพือ่ ออกแรงถีบสง่ ตัวเองขึ้นไป ในกำร Animate น้ันกเ็ ชน่ กนั หำกจะทำ Animate ตวั ละครให้
ขวำ้ งของไปให้ไกล ๆ นน้ั เป็นไปไม่ได้ที่จะหยบิ ส่งิ ของขึ้นมำแล้วปลอ่ ยมือเลย หรอื แคย่ ื่นแขนไปข้ำงหนำ้ แล้วปล่อย
มือ ดังน้ันควรท่จี ะตอ้ ง Animate กำรเหยียดแขน หรอื เหวีย่ งแขนไปข้ำงหลังก่อนเพอ่ื รวบรวมแรงก่อนท่ีจะเหว่ียง
ส่งิ ของออกไป หำกสงั เกตจำกกำรเคลือ่ นไหวของนักกีฬำนนั้ จะชัดเจนมำก
ภำพที่ 1.8 กำรเคล่ือนไหวแบบหลักกำรแรงส่ง
ทมี่ ำ : http://www.gamasutra.com/db_area/images/feature/6026/anticipation.png
5) กำรกระทำท่เี กนิ จรงิ (Exaggeration)
หรอื ก็คือ Overacting เป็นกำรกระทำอะไรแบบเกนิ จรงิ หน่อย ๆ เพื่อบ่งบอกและแสดงถึงอำกำรของตัวละครตรง
นก้ี ำรต์ ูนจะนยิ มใชบ้ ่อยเพรำะจะสรำ้ งควำมร้สู กึ รว่ มใหก้ บั ชมไดด้ ี และสำมำรถส่ือสำรไดช้ ัดเจน
ภำพที่ 1.9 กำรเคล่ือนไหวแบบหลักกำรกระทำทีเ่ กินจริง
ทม่ี ำ : https://lh3.googleusercontent.com/t5z8eUEXz7jZ
6) กำรหดตวั และกำรยืดตวั (Squash and Stretch)
บอลกระทบลงพ้นื ลกู บอลจะบ้ีลง (Squash) เพรำะแรงอัด และเมื่อลูกบอลเด้งจำกพ้นื ลอยขึ้นไปในอำกำศ ลกู
บอลจะยดื (Stretch)
ภำพที่ 1.10 กำรเคลือ่ นไหวแบบหลักกำรหดตัว และกำรยืดตวั
ทีม่ ำ : https://encypted-ton0.gstatic.com/images/q
7) กำรกระทำรอง (Secondary Action)
กำรกระทำรอง หรือกำรเคลือ่ นทรี่ อง เช่น เรำ Animate ตวั ละครเคลื่อนไหว ขำทีก่ ้ำว และแขนท่ีขยบั ก็คอื กำร
เคลือ่ นท่ีหลัก แต่เสื้อผำ้ หรือผม ท่ปี ลวิ ตำมแรงเหวยี่ งของกำรเคลอื่ นท่ี พวกนี้คือกำรเคล่ือนทร่ี อง กำรกระทำรอง
พวกนจ้ี ะทำให้งำนดสู มจรงิ ข้ึน จนชักจูงใหค้ นดูเชอ่ื ไดว้ ำ่ ตัวละครน้ีมี
ชีวติ จรงิ ๆ
ภำพท่ี 1.11 กำรเคล่อื นไหวแบบหลกั กำรกระทำรอง
ท่ีมำ : https:/h3.googleusercontent.com/
8) กำรกระทำต่อเน่ือง (Flow Through and Overlapping Action)
Follow Through คือ กำรกระทำท่ีเปน็ ผลมำจำกกำรกระทำหลกั เช่น หำกเรำขวำ้ งบอลไป เม่ือมอื เรำปลอ่ ย
ลูกบอลออกไปแล้ว มือจะไม่หยุดคำ้ ง ในทำ่ ท่ลี กู บอลออกจำกมือไป แต่ข้อมือจะพับลง และจะกระดกกลับขึน้ มำ
เล็กนอ้ ย เปน็ ผลจำกแรงท่สี ่งออกไป
สว่ น Overlapping Action นนั้ จะคลำ้ ยกบั กำรสง่ ทอดของแรง เชน่ กำรสะบดั เชือก จงั หวะทส่ี ะบดั หรือเหวี่ยง
ออก เสน้ เชอื กทง้ั หมดจะยังไม่เคลือ่ นทไ่ี ปพร้อมกนั โดยส่วนทจ่ี ะเรมิ่ เคลื่อนท่ีก่อนคือสว่ นท่ีอยู่ใกล้กับจดุ ท่ีออกแรง
มำกที่สุด หรือก็คือท่มี ือน่ันเอง จำกนนั้ กจ็ ะส่งต่อแรงไปเรื่อย ๆ จนถึงปลำย หรอื อย่ำงเวลำ Animateผู้หญิงใส่
กระโปรงเดนิ จงั หวะที่ขำข้ำงใดขำ้ งหนึ่งยดื ไปขำ้ งหน้ำสุดปลำยกระโปรงจะยังไมก่ ระดกหรือย่นื ไปข้ำงหน้ำสูงสุด
จะทิ้งช่วงประมำณ 2-5 เฟรม ซึ่งเปน็ จงั หวะที่ขำเรมิ่ ถอย ชำยกระโปรงยังได้รับอทิ ธิพลจำกแรงส่งอยจู่ งึ ทำให้
เคล่ือนที่ต่อไปขำ้ งหนำ้ ได้อกี ) รูปแบบกำรทำ (Straight Ahead Action and Pose-to-PoseStraight Ahead
Animation เป็นกำรทำ Animate แบบทำทีละเฟรม (ซ่งึ ในกำรAnimateแบบนจ้ี ะเหมำะกบั กำรทำ Animation
กำรเคลือ่ นทข่ี องธรรมชำติ เชน่ น้ำ ไฟ ลมจะไม่มีคียเ์ ฟรมที่แน่นอน
9) รูปแบบกำรทำ (Straight Ahead Action and Pose-to-Pose Action)
Straight Ahead Animation เปน็ กำรทำ Animate แบบทำทลี ะเฟรม (ซ่ึงในกำร Animateรูปแบบนจ้ี ะเหมำะ
กับกำรทำ Animation กำรเคลอ่ื นท่ีของธรรมซำติ เช่น น้ำ ไฟ ลม เพรำะพวกนี้จะไม่มีคีย์เฟรมท่ีแน่นอน
ภำพที่ 1.12 กำรเคลื่อนไหวแบบ Straight Ahead Animation
ที่มำ : https://sites.google.com/a/rsb.ac.th/animation-kruaom/_/rsrc/1484814809613/bth-thi-9-kar-
srans-flash-cartoon-animation/
Pose-to-Pose Action เป็นกำรทำ Animation แบบใช้ Key Frame ทนี่ ยิ มทำกันอย(ู่ กำหนดทำ่ ทำงหลัก และ
ตำแหนง่ เฟรมที่เกิดขน้ึ ใน Key Frame จำกนั้นกม็ ำจัดกำร AnimateInBetween ท่อี ยู่ช่วงระหวำ่ งคีย์เฟรมหลักที่
กำหนดไว้ ซ่ึงในข้นั ตอนนี้ถำ้ เปน็ งำน Computer Animationก็คอื ชว่ งเสน้ กรำฟท่ีไม่มตี ำแหนง่ คยี เ์ ฟรม และ
คอมพิวเตอร์คำนวณกำรเคลือ่ นทใ่ี หโ้ ดย Animator จะควบคุมกำรเคลอื่ นไหวจำกควำมโค้งของเสน้ กรำฟ
ภำพที่ 1.13 กำรเคลือ่ นไหวแบบ Pose-to-Pose Action
ท่มี ำ:https://miro.medium.com/max/1200/1*XiNONYSOBR6OAERzVqNX4Q.jpeg
10) ท่วงกำรแสดง (Staging)
Staging หรอื ท่ำทำงกำรแสดงน้นั จะออกมำดีหรือไมด่ ีนั้น มหี ลกั กำรงำ่ ย ๆ คือให้เรำมองพเปน็ ภำพแบบ
Sithouette (ภำพเงำดำ) มอง Character เรำเป็นเงำดำเรียบ ๆ ไมเ่ ห็นStaging หรือทำ่ ทำงกำรแสดงน้ันอะไร ถ้ำ
เรำสำมำรถอ่ำนท่ำทำงของเงำดำน้ันออกได้วำ่ กำลงั ทำอะไร แสดงว่ำ Staging ของ Charac-ter น้นั คอ่ นขำ้ งชัดเจน
สำมำรถท่ีจะสื่อสำรให้คนดเู ข้ำใจได้
ภำพที่ 1.14 กำรเคลอ่ื นไหวแบบหลกั กำรทว่ งท่ำกำรแสดง
ท่ีมำ :
https://chairat21390.fles.wordpress.com/2014/11/e0b8a3e0b8b9e0b89be0b8a0e0b8b2e0689e58
.jpg
11) เสนห่ ์ดึงดูด (Appeal)
หรือก็คือเสน่ห์ของตวั Character มันคือส่ิงท่ีสำมำรถดึงดูดคนดู สรำ้ งควำมประทับใจให้กับคนดูได้ หรอื อำจจะ
เปน็ ส่ิงทค่ี นดูอยำกเห็น
ภำพที่ 1.15 กำรเคล่ือนไหวแบบหลกั กำรเสน่ห์ดงึ ดดู
ทีม่ ำ : https://.pinimg.com/originals/0b/25/d3/0625d37c34ffc173a87016da7691e7f1.jps
12) ลักษณะบุคลิก (Personality)
แตล่ ะคนนนั้ ย่อมไม่มีใครเหมือนกนั โดยทั้งหมด ตัวCharacter เองก็เชน่ กัน แตล่ ะตวั ย่อมมีบุคลกิ แตกต่ำงกนั ไป
กำรสรำ้ งบคุ ลกิ และนสิ ยั จะเป็นกำรชว่ ยสรำ้ งเอกลกั ษณ์ให้กับCharacter นั้น ๆ และยงั ช่วยทำให้ Character นัน้
ๆ ดมู ีชวี ติ มำกข้ึน
ภำพท่ี 1.16 กำรเคลื่อนไหวแบบหลักกำรลักษณะบุคสิก
ท่ีมำ:cmcAcbZNI/AAAAAAABJp8/sf3pOAcqMZ4dYyjtcNjyWtnZdh4NEpcxwCLcB/s1600/G3-Nino.jps
ขนั้ ตอนกำรสร้ำงภำพเคลือ่ นไหว
กำรทำภำพเคลือ่ นไหวหรอื แอนเิ มชัน อำจมหี ลำยขัน้ ตอนขน้ึ อยกู่ ับควำมชับซ้อนของขนึ้ งำนควรมองกำร
สรำ้ งภำพเคล่อื นไหวเป็นกำรสร้ำงหรอื นำองคป์ ระกอบต่ำง ๆ เข้ำมำรวมกัน แล้วกำกับให้เกดิ กำรเคล่ือนไหวและ
ตอบโต้กบั ผูใ้ ช้ จำกน้ันจะเป็นกำรเผยแพรต่ ่อไป โดยกำรจัดทำภำพเคล่ือนไหวมีขัน้ ตอนต่ำง ๆ ดงั น้ี
ขั้นตอนท่ี1 กำรวำงโครงเร่ืองชน้ิ งำน
เปน็ กำรวำงแผนวำ่ ต้องกำรให้ภำพเคล่อื นไหวของเรำออกมำแบบไหน มีวตั ถปุ ระสงค์กำรทำงำนเปน็ อย่ำงไร ซึ่ง
สง่ิ ทีค่ ดิ ไดจ้ ะถูกรวบรวมเป็นโครงร่ำงคร่ำว ๆ ทเ่ี รียกว่ำ "Storyboard" หำกเป็นงำนทม่ี ีกำรโตต้ อบกับผใู้ ชอ้ ำจจะมี
กำรรำ่ งหนำ้ จอครำ่ ว ๆ และแสดงกำรเชื่อมโยงระหวำ่ งกันด้วย ขอ้ ดขี องกำรจัดทำ Storyboard คือ จะชว่ ยใหค้ ิด
งำนอยำ่ งมีระบบ ในกรณีท่ีชิ้นงำนมคี วำมซบั ซ้อนและต้องใช้ทมี งำนสร้ำงหลำยคน กำรใช้ Storyboard ในกำร
สื่อสำรจะช่วยให้ทกุ คนเขำ้ ใจวัตถุประสงคแ์ ละรำยละเอียดกำรทำงำนของชน้ิ งำนไดง้ ่ำยขน้ึ
ภำพที่ 1.17 กำรวำงโครงเร่อื งชิน้ งำน
ทมี่ ำ : https://.pinimg.com/originals/5e/99/70/5e9970316471705f5824d7dc71
ข้นั ตอนท่ี 2 กำรจัดเตรียมองคป์ ระกอบชิน้ งำน
กำรจัดเตรยี มองค์ประกอบช้นิ งำน เปน็ ขนั้ ตอนต่อจำกกำรวำงโครงเรอื่ งชิ้นงำน เป็นกำรกำหนดว่ำตอ้ งเตรียม
อะไรบำ้ ง เพื่อนำมำประกอบกันเป็นชิน้ งำน สำมำรถวำดภำพโดยใชเ้ ครอ่ื งมือในโปรแกรม AdobeFlash หรอื วำด
ภำพจำกโปรแกรมอ่ืน ๆ เช่น Adobe Photoshop, Adobe illustrator แล้วนำไปใช้ในAdobe Flashกไ็ ด้
นอกจำกภำพนิงแลว้ ยังสำมำรถนำไฟล์เสยี ง และไฟลว์ ดิ ีโอ เพ่อื นในชิ้นงำนด้วยก็ได้
ภำพท่ี 1.18 กำรจดั เตรยี มองคป์ ระกอบช้นิ งำน
ที่มำ : https:/.ytimg.com/vi/a05PX7qyJeE/maxresdefault.jpg
ขน้ั ตอนที่ 3 กำรสร้ำงชิ้นงำนและกำรทดสอบกำรทำงำน
หลังจำกทเ่ี ตรยี ม Storyboard เตรยี มภำพ เสยี ง วิดีโอ เพื่อประกอบชนิ้ งำนแลว้ ก็มำถึงขั้นตอนกำรสรำ้ งงำน
จำกโปรแกรมสำหรบั สร้ำงภำพเคล่อื นไหวเพ่ือสร้ำงเปน็ ช้ินงำนและทดสอบกำรทำงำนเพื่อให้ตรงตำมวัตถุประสงค์
ภำพท่ี 1.19 กำรสรำ้ งชิน้ งำน
ทีม่ ำ:
http://1.bp.blogspot.compxbtwXut/9yY/UNp12cp8vb//AAAAAAAAA/Y/wpjUmcyf08Q/s1600/96E0
9899682965096889989E0968896A39E098998196E096B8968196E0968896A396E096889A196E0968
8%AD96E09688968096E096899682965096889694950%8899A96E09688968596E0968998196E0968
8969F96E0968896A596E09688968A+++(adobetslash).jpg
ขั้นตอนที่ 4 กำรแปลงชนิ้ งำนเป็นไฟล์สำหรับเผยแพร่
ขัน้ ตอนสุดท้ำยของกำรสร้ำงงำน Animation คือกำรพบั สชิ (Publish) ชน้ิ งำนทสี่ ร้ำงเสร็จสมบูรณแ์ ลว้ เปน็ ไฟล์
มฟู วีห่ รือเปน็ ไฟล์ในรูปแบบท่ีตอ้ งกำร เพ่ือนำไปเผยแพร่ต่อไป
ภำพที่ 1.20 กำรพบั ลิชชนิ้ งำน
ทมี่ ำ : https://sites.google.com/site/krukengf/lash/ /rsrc/1492452236008/kar-phey-phaer-chin-
ngan/pubblih.png
เทคโนโลยเี ก่ียวกบั กำรทำภำพเคลอื่ นไหว
ในกำรออกแบบภำพเคลอ่ื นไหวจะให้เสร็จสนิ้ สมบูรณ์ เทคโนโลยเี ป็นสว่ นประกอบสำคัญของส่ือมัลตมิ ีเดีย ซึ่ง
จะชว่ ยใหง้ ำนมลั ติมเี ดียมีคณุ คำ่ และเป็นท่ียอมรบั อย่ำงกว้ำงขวำงมำกยงิ่ ขน้ึ โดยมเี ทคโนโลยีทีเ่ กยี่ วข้อง ดังน้ี
1) เทคโนโลยที ีเ่ ก่ยี วกับเสียง (Audio Technology) รวมถึงเสียงพูด เสียงดนตรี ตั้งแตก่ ำรประมวลผล กำร
แสดงผล และกำรจดั กำรต่ำง ๆ เชน่ กำรบบี อัดสญั ญำณเสียง กำรส่ือสำร และกำรสง่ สญั ญำณ
2) เทคโนโลยีทเี่ กี่ยวกับวิดโี อ (Vide Technology) ไดแ้ ก่ กำรจัดเกบ็ กำรประมวลผลกำรปรบั แตง่ กำรใชง้ ำน
กำรเรียกหำ กำรสืบค้น กำรส่งกระจำย มำตรฐำนกำรบบี อดั สัญญำณ กำรเข้ำและถอดรหสั กำรสง่ ข้อมลู กำร
ทำงำนร่วมกบั ส่ืออ่นื ๆ
3) เทคโนโลยีรปู ภำพ (Image Technology) เป็นกำรพัฒนำและประยุกตก์ ำรใชจ้ ัดกำรฟอร์แมต คลังภำพ กำร
คน้ หำ กำรสรำ้ ง และกำรตกแต่งรปู ภำพ
4)เทคโนโลยภี ำพเคล่ือนไหว 3 มิติ (Animation and 3D Technology) เป็นท่ีเก่ยี วกับกำรแสดงผลดำ้ น
ภำพเคลอ่ื นไหว 2 มติ ิ และ 3 มติ ิ กำรสร้ำงภำพเสมือนจรงิ กำรสร้ำง ตกแตง่ รวมถงึ กำรประมวลผลกำรใชง้ ำน
5) เทคโนโลยีกำรพัฒนำ (Authoring System Technology) คือ เทคโนโลยีท่ไี ด้พัฒนำเพ่อื สร้ำงเครอื่ งมือ
สำหรบั กำรพฒั นำงำนมัลตมิ เี ดียแอนิเมชันในรปู ของชอฟต์แวรช์ ่วยเหลือ หรอื เข้ำไปเกบ็ ตำมสอ่ื รปู แบบต่ำง ๆ ทีว่ ำง
ไว้ เพือ่ นำเสนอ เช่น กำรใช้เครอ่ื งมือต่ำง ๆ หรือกำรสรำ้ งเครอ่ื งมือ
6) เทคโนโลยีกำรผลิต (Publishing Technology) เปน็ กำรนำเอำมัลติมีเดียมำใช้ด้ำนงำนพิมพ์ เพือ่ ให้งำนพิมพ์
ดูน่ำสนใจ มชี ีวิตชีวำ มรี ูปแบบที่โดดเด่นในกำรนำเสนอ
7) เทคโนโลยีกำรกระจำย (Broadcasting and Conferencing) เป็นกำรเผยแพรส่ ื่อ หรือมัลตมิ ีเดียขอ้ มูล กำร
เผยแพร่สญั ญำณ เชน่ Conference, Multicasting Backgone เป็นตน้ ใหม่ ๆ
แบบฝึกหดั หน่วยที่ 1
คำสงั่ : ให้นักเรยี นตอบคำถำมโดยเตมิ คำในช่องว่ำงให้สมบูรณ์
1. บอกประวตั ิกำรเกดิ แอนิเมชัน พอสังเขป
---------------------------------------------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------------------------------------
2. จงอธบิ ำยควำมหมำยของภำพเคลอื่ นไหว
---------------------------------------------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------------------------------------
3. จงอธิบำยหลักกำรเกดิ ภำพเคล่ือนไหว
---------------------------------------------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------------------------------------
4. ภำพเคลื่อนไหวมีก่ีประเภท อะไรบำ้ ง
---------------------------------------------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------------------------------------
5. ยกตัวอย่ำงหลักกำรเคลื่อนท่แี ละกำรเกดิ ภำพ มำ 5 ข้อ
---------------------------------------------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------------------------------------
6. กำรสรำ้ งภำพเคล่ือนไหวมีก่ีขน้ั ตอน พร้อมอธิบำย
---------------------------------------------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------------------------------------
7. เทคโนโลยีเก่ยี วกับกำรทำภำพเคล่ือนไหวมีอะไรบ้ำง
---------------------------------------------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------------------------------------
ใบงำนหน่วยที่ 1
คำสั่ง : ให้นักเรยี นวำด Storyboard ชวี ติ ประจำวนั ภำยในหนึ่งวนั ของนักเรยี น โดยใหน้ ักเรยี นศกึ ษำ
วิธกี ำรวำด Storyboard จำกแหลง่ ควำมรูเ้ พ่ิมเตมิ เช่น หอ้ งสมุด อินเทอร์เนต็ เป็นต้น
01……………………………………………………………………… 02…………………………………………………………………………
03………………………………………………………………………. 04…………………………………………………………………………
05……………………………………………………………………… 06…………………………………………………………………………
07………………………………………………………………………. 08…………………………………………………………………………
แบบทดสอบหลังเรยี นหนว่ ยท่ี 1
คำสงั่ : ให้นกั เรยี นทำเครอ่ื งหมำย X ลงบนคำตอบท่ีถูกต้องท่ีสดุ
1.ข้อใดไม่ใชห่ ลกั กำรเคลื่อนที่และกำรเกดิ ภำพ
ก. อัตรำเรง่ ข. เวลำ ค. แรงส่ง ง. แรงเค้น จ. เสน่หด์ ึงดดู
2. แอนเิ มซนั ที่เกำ่ แก่ทสี่ ุดท่พี บในประเทศอหิ รำ่ น เป็นภำพใด
ก.พระกระโดดกำแพง ข. กระรอกกระโดดขึน้ บนตน้ ไม้
ค. แพะกระโดดขึ้นไปกินใบไม้ ง. นกบนิ ไปเกำะก่ิงไม้
จ.ม้ำกระโดดขำ้ มรวั้
3. ขอ้ ใดเป็นกำรเปล่ียนแปลงแบบ Transform
ก. เข็มนำฬิกำหมุน ข. ลกู บอลกระแทกลงพืน้
ค. คนเหวยี่ งแขนง. ง. แอปเปิลตกลงพนื้
จ.คนปำส่ิงของ
4. ขอ้ ใดเป็นประเภทของ Stop Motion
ก. กำรวำดภำพหลำย ๆ พนั ภำพ
ข. ตอ้ งใชเ้ วลำในกำรผลิตและแอนเิ มเตอรจ์ ำนวนมำก
ค. ประหยดั เวลำกำรผลติ และประหยดั ค่ำใชจ้ ำ่ ยมำก
ง. กำรถ่ำยภำพทุกจังหวะของหุ่นจำลองที่ค่อย ๆ ขยบั
จ.กำรใชโ้ ปรแกรมคอมพิวเตอร์ชว่ ยในกรสร้ำง
5. สง่ิ แรกท่คี วรทำกอ่ นกำรสร้ำงภำพเคลื่อนไหวคือข้อใด
ก. จดั เตรยี มอปุ กรณ์ ข. วำงโครงเรื่องชิ้นงำน
ค. จดั เตรียมองคป์ ระกอบ ง. วำงแผนกำรเผยแพร่ผลงำน
จ. ทดสอบกำรทำงำน
6. ขอ้ ใดเปน็ กำรกระทำรอง
ก. ขำทก่ี ้ำวข. แขนทแี่ กว่ง
ค. ตำท่กี ะพรบิ ง.เสน้ ผมท่ีปลวิ
จ. ปำกที่ขยับ
7. ขอ้ ใดให้ควำมหมำยของภำพเคล่อื นไหวไดส้ มบรู ณท์ ส่ี ุด
ก. กำรฉำยภำพนง่ิ หลำย ๆ ภำพตอ่ เน่ืองกนั ดว้ ยควำมเร็วที่เหมำะสม
ข.ภำพวำดทีถ่ ูกนำมำเรียงต่อกนั และฉำยผำ่ นคอมพวิ เตอรด์ ว้ ยควำมเร็วสงู สดุ
ค. ภำพกรำฟกิ ทมี่ กี ำรเคลื่อนไหวเพื่อแสดงข้ันตอนทีเ่ กิดขนึ้ ในรปู แบบของกำรต์ นู
ง.กำรใชฟ้ ิล์มเพื่อฉำยภำพต่อเนอื่ งกนั ด้วยควำมเร็ว 24 เฟรมต่อวินำที
จ.กำรเปลย่ี นแปลงของวตั ถุในภำพอยำ่ งตอ่ เนื่องโดยมีควำมสมั พันธก์ บั เวลำ
8. แอนิเมชันทีเ่ กิดจำกกำรวำดภำพหลำย ๆ พันภำพ เปน็ แอนิเมชนั ประเภทใด
ก. Imagin Animation
ข. Stop Motion
ค. Model Animation
ง. Computer Animation
จ. Draw Animation
9. เคร่อื งมือใหม่ทีถ่ ูกสรำ้ งมำเพ่ืออำนวยควำมสะดวกในกำรสรำ้ งภำพเคล่อื นไหว เปน็ เทคโนโลยี ข้อใด
ก. เทคโนโลยีภำพเคลือ่ นไหว 3 มติ ิ
ข. เทคโนโลยกี ำรพฒั นำ
ค. เทคโนโลยีกำรผลติ
ง. เทคโนโลยีกำรกระจำย
จ. เทคโนโลยีคอมพิวเตอร์
10. กำรเตรียมภำพเสยี งและวิดีโอเป็นขัน้ ตอนข้อใด
ก. กำรวำ่ งโครงเรอื่ งชิ้นงำน
ข. กำรสร้ำงช้นิ งำน
ค. กำรทดสอบกำรทำงำน
ง. กำรแปลงชิน้ งำนเปน็ ไฟล์
จ. กำรจดั เตรียมองคป์ ระกอบชน้ิ งำน