3

บทท 2 แนวคด ทฤษฎ และงานวจยทเกยวของ

แนวความคด

การตนแอนเมชน เรอง แอนเมชนแนะการใชโปรแกรมสแกนคมบง เปนแอนเมชนทใหความรเกยวกบ การใชโปรแกรมสแกนคมบง ดวยมภาพเคลอนไหวและเสยงบรรยายใหเขาใจไดงายมากขน เนองจากโปรแกรมสแกนคมบง เปนโปรแกรมทใชเวลา พมพแทคเพอทจะไดรจ านวนของตวสนคาวาจ านวนเทาไรและตวรหสและโคคไวเชค ตดไวในตวกลองสนคากอนทจะจดสงใหกบลกคาโดยใบแทคนนมความส าคญมาก เนองจาก พนกงานใสสวนทรบผดชอบในสวนนอยไมคอยมความรดานการใชโปรแกรมสแกนคมบง จงเกดความลาชาในการเขาใชและเกดขอผดพลาด ฉะนนคณะผจดท าจงไดศกษาและจดท าอนเมชน เรอง อนเมชนแนะน าการใชโปรแกรมสแกนคมบงขน โดยใชโปรแกรม Adobe Flash Professional CS6 เพอใชในการสรางภาพเคลอนไหวใหแกตวการตน Adobe After Effects CS6 เพอใชในการตดตองานวดโอ และ Adobe Audition CS6 ในการอดเสยงการพดใหแกตวละครเพอใหนารบชมมากยงขน

ทฤษฎแอนเมชน (Animation) ปยกล เลาวณยศร (2532) กลาวถง แอนเมชนวา แอนเมชน (Animation) มาจากราก

ศพทละตน “animare” ความหมายวา การท าใหม ชวต ดวยการท าภาพนงมาเรยงล าดบ และแสดงผลอยางตอเนองดวยความเรวสงจนเกดเปนภาพทม การเคลอนไหวอยางมชวตชวา ปจจบนเรามกจะมการน าคอมพวเตอรมาสรางภาพเคลอนไหวดวย การสรางภาพน งขนกอนแลวคอยสรางภาพตอเนองภาพถดไปเรยงล าดบไปเรอยๆ เปลยนแปลง 6 ภาพไปทละนอย แลวน ามาเขาสคอมพวเตอรใชโปรแกรมสรางแอนเมชนในการล าดบภาพให เหมาะสมกบเวลา และแสดงภาพตอเนองจนเหนเปนการเคลอนไหวทสมจรงโดยประเภทของ Animation ม 2 ประเภท ไดแก 2D Animation คอภาพเคลอนไหวแบบ 2 มต มองเหนทงความสงและความกวางซงจะมความเหมอนจรงพอสมควรและในการสรางจะไมสลบซบซอนมากนกและ 3D Animation คอ ภาพเคลอนไหวแบบ 3 มตมองเหนทงความสงความกวางและความลกภาพทเหนจะมความสมจรงมากถงมากทสด เชน ภาพยนตรเรอง Toy Story, NEMO เปนตนโดยมตวอยางโปรแกรมทใชท า Animation ซงไดแก

4

เวบไซตบทเรยนออนไลนการสรางแอนเมชนดวย Flash ใหความรไววา โปรแกรม Gamemaker เปนโปรแกรมสรางเกมทไดรบความนยมอยางแพรหลายโดยเนนไป ทเกมแบบสองมต (2D) โปรแกรมถกออกแบบมาใหสามารถใชชดค าสงสาเรจรปตางๆ ม Interface ทจดระเบยบเอาไวเรยบรอยแยกเปนหมวดหมอยางชดเจนดวยการลากหรอวาง (drag-drop) Toon Boom studio ไดพฒนาจากนกสรางการตน 2D Animation มออาชพจงเปนโปรแกรมทรวมเครองมอทเหมาะสมกบการใชท า Animation ไวโปรแกรมเดยวเหมาะสมสาหรบผทตองการสรางงานการตน 2D Animtion

เวบไซตสถาบนการเรยนร SwishMAX ใหความรไววา เปนโปรแกรมทใชส าหรบสรางงานทางดานกราฟฟก เชน การสรางตวอกษร ภาพนง และภาพเคลอนไหวโดยใชเครองมอทโปรแกรมมมาใหซงจะใชในการน าเสนองานใน รปแบบของไฟล Shock wave Flash (.swf) ซงสามารถน าไปใชในการสรางเวบเพจสามารถแปลง เปนไฟล svi ซงใชในการตดตอภาพยนตรได

สทธชย ทพยสงห (2554) กลาวถง Adobe Flash วาในชอเดม คอ ชอกเวฟแฟลช (Shockwave Flash) และแมโครมเดยแฟลช (Macromedia Flash) เปนผลตภณฑลาสดจากคาย Adobe ซงไดพฒนาปรบปรงเครองมอตางๆใหม ความสามารถใชงานไดสะดวกสามารถใชผลตสอการสอนเชงโตตอบ (Interactive), สอ Presentation, เกม,แบบทดสอบ,E-Book,Website,StreamingVideo, ฐานขอมล,งานกราฟกและสรางภาพเคลอนไหวหรอแมแตภาพยนตรการตนเอนเมชน Flash สามารถน าสอตางๆ เชน ภาพนงกราฟก เสยง ภาพยนตร และมลตมเดยแทบทกประเภทมาประยกตใชงานรวมกนไดอยางมประสทธภาพซงขอดของโปรแกรม Flash คอท าใหเวบไซตเราดนาสนใจมากขนสามารถเปดไฟล วดโอหรอไฟลเสยงผานเวบไซตได แตโปรแกรม Flashกมขอเสยอยเหมอนกนคอถาเราใชท า Animationไฟลจะมขนาดใหญแลวแตความซบซอนของ Animation นนท าใหการแสดงหนาเวบเพจท าไดชา หรอถาผใชไมม Flash Player จะท าใหไฟล Flash ของเรานนไมแสดงผล ดงนนควรใชงานโปรแกรม Flash ใหเหมาะสมไมควรใชมากเกนไป

5

เวบไซตทเกยวของ

ผจ ดท าคนหาเวบไซตทเกยวของกบการตนแอนเมชนเรอง แอนเมชน แนะน าการใชโปรแกรมสแกนคมบง เนองจากมประโยชนตอการด าเนนการสรางการตนในดานเทคนค และแนวทางทสามารถน ามาปรบใชจากเวบไซตตางๆ มาเปนสวนหนงของการด าเนนการ โดยการคนหาไดจากเวบไซตดงตอไปน

ภาพท 2.5 https://katoon1827hibari.wordpress.com/การวาดการตน/การออกแบบตวละคร/

เวบไซตทสอนขนตอนเกยวกบการวาดตวละคร และเทคนคการวาดตวการตน เชน การวาดรางกายพน การวาดใบหนา การวาดมอและเทา การวาดในมมมองทแตกตางกน รวมถงการวาดขอตอการเคลอนไหว เพอใหผทสนใจเกยวกบการวาดการตนไดเขามาเรยนรเทคนคตางๆ เพมเตมจากความรเดมทมอยได

6

ภาพท 2.6 https://honeyinlove123456.wordpress.com/บทเรยน/ขนตอนการสรางการตน/

เปนเวบไซตทใหขอมลเกยวกบพนฐานการสรางภาพเคลอนไหว และเทคนคการสรางการตนแอนเมชน 2 มต ดวยโปรแกรม Adobe Flash CS3 เพอใหผทสนใจเกยวกบการสรางการตนแอนเมชน 2 มต ไดเขาไปศกษา ฝกปฏบตการสรางภาพเคลอนไหว การท าแอนเมชนการตน เทคนคตางๆ ในการสรางภาพเคลอนไหว เทคนคอนๆ และสามารถใชขอมลจากเวบไซตมาประยกตใชในการสรางภาพเคลอนไหว ดวยโปรแกรม Adobe Flash

7

ภาพท 2.7 http://beeclassic.exteen.com/20110322/beeclassic-how-to

เปนเวบไซตทอธบายถงการลงสใหตวละคร เพอใหมสสนทนาดงดดมากยงขน เชน การไลเฉดสใหแกเสอผาของตวละคร การใสสและเงาของตวละคร เปนตน ซงการลงสและไลเฉดสถอวาเปนสวนส าคญในการออกแบบตวละครใหเปนทนาสนใจ

8

ภาพท 2.8 http://m.exteen.com/blog/eltakung/20090919/how-to-2d-animation-1

เปนเวบไซตทอธบายขนตอนการออกแบบภาพ 2 มต ภาพแสดงทาทางขณะเดน การเคลอนไหว ลกษณะของตวละคร และอนๆ เปนเวบไซตทส าคญในการออกแบบการเดนของตวละครใหดมความเปนธรรมชาตในการเคลอนไหว

9

ภาพท 2.9 http://kofayuna.exteen.com/20120831/how-to-draw-3

เปนเวบไซตทสอนการวาดการแสดงอารมณของตวละคร เชน การวาดตงแตสวนหว โครงหนา การวาดแววตา การแสดงอารมณของใบหนา เปนตน ถอวาเปนสวนส าคญในการแสดงอารมณหรอสงตางๆ ทตวละครตองการจะสอออกมา