วชิ าโปรแกรมสร ้ างภาพเคล ื ่ อนไหว (Animation Program) 20204-2111 คร ู ผ ู ้ สอน นางสาวพิมพ์ชนก คงใหม่
จุดประสงค์รายวิชา 1. เข้าใจหลักการสร้างภาพเคลื่อนไหว 2. เขา ้ใจเก ี่ยวกบัหลกัการทา งานของโปรแกรมสร ้ างภาพเคล ื่อนไหว 3. สามารถออกแบบ สร ้ างแกไ้ ขและตกแต่งภาพเคล ื่อนไหวโดยใชโ้ปรแกรมสา เร ็ จร ู ป 4. ม ี เจตคต ิ และก ิ จน ิ สยัท ี่ด ีในการปฏ ิ บตัิ งานคอมพ ิ วเตอร ์ ดว ้ ยความละเอ ี ยดรอบคอบ และถ ู กตอ ้ ง
จุดประสงค์รายวิชา 1. แสดงความรู้หลักการสร้างภาพเคลื่อนไหว 2. แสดงความรู้เกี่ยวกับหลักการท างานของโปรแกรมสร้างภาพเคลื่อนไหว 3. ปฏิบัติการออกแบบ สร้าง แก้ไข และตกแต่งภาพเคลื่อนไหวโดยใช้โปรแกรมส าเร็จรูป 4. สร้างภาพเคลื่อนแบบไหว 2 มิติ ด้วยโปรแกรมส าเร็จรูป
ค าอธิบายรายวิชา ศ ึ กษาและปฏ ิ บตัิ เก ี่ยวกบัหลกัการสร ้ างภาพเคล ื่อนไหว หลกัการทา งานของโปรแกรมสร ้ างภาพเคล ื่อนไหว ปฏ ิ บตัิ การออกแบบ สร ้ างแกไ้ ข ตกแต่งภาพเคล ื่อนไหวโดยใชโ้ปรแกรมสา เร ็ จร ู ป และปฏิบัติการสร้างแอนิเมชันภาพเคลื่อนไหวแบบ 2 มิติ
หน ่ วยท ี ่ 1 หลักการสร้างภาพเคลื่อนไหว • ภาพเคล ื ่ อนไหวจะแตกต ่ างจากภาพน ิ ่ งโดยทว ั ่ ไป ตรงท ี ่ มความ ี น ่ าสนใจและต ื ่ นตาต ื ่ นใจมากกวา ่ โดยเฉพาะถา ้ใชเ ้ วลาในการด ู นาน ๆ ภาพน ิ ่ งจะทา ใหเ ้ ก ิ ดความน ่ าเบ ื ่ อได ้ แต ่ ภาพเคล ื ่ อนไหวเปร ี ยบเสมือนคล้าย ๆ การเคล ื ่ อนไหวของธรรมชาต ิ และส ิ ่ งม ี ช ี วต ิ ทา ใหเ ้ ห ็ นกระบวนการต ่ าง ๆ ใน การผล ิ ตหร ื อข ้ น ั ตอนในการดา เน ิ นการการสร ้ างภาพเคล ื ่ อนไหวจะม ี 2 รูปแบบ คือ แบบ 2 มิติ และแบบ 3 มิติ
ความหมายภาพเคลื่อนไหว • ภาพเคลื่อนไหว (Animation) หมายถึง ภาพกราฟฟิ กที่มีการ เคล ื ่ อนไหวเพ ื ่ อแสดงข ้ น ั ตอนหร ื อปรากฏ การณ ์ ต ่ าง ๆ ท ี ่ เก ิ ดข ้ึ นอยา ่ งต ่ อเน ื ่ อง โดยการนา ภาพน ิ ่ งมาเร ี ยงกน ั เป็ นช ุ ด ๆ เพ ื ่ อแสดงบนจอท ี ละภาพดว ้ยความเร็ว ส ู ง ในการฉายภาพแต ่ ละภาพจะต ่ อเน ื ่ องกน ั ใหด ้ ู เหม ื อนวา ่ เคล ื ่ อนไหวจริง ซึ่ง อาจเป็ นภาพท ี ่ ไดจ ้ ากภาพวาด ภาพถ ่ าย หร ื อภาพคน สต ั ว ์ ส ิ ่ งของกไ็ ด ้ไม ่ จา เป็ นตอ ้ งเฉพาะเจาะจงแต ่ ภาพการ ์ ต ู นเท ่ าน ้ น ั
ประเภทของภาพเคลื่อนไหว • 1.แบบ 2 มิติ (2D Animation) • ภาพเคลื่อนไหวแบบ 2 มิติ (Dimension) มองเห ็ นไดท ้ ้ ง ั ความส ู งและ ความกวา ้ ง ซ ่ ึ งจะม ี ความเหม ื อนจร ิ งพอสมควรและการสร ้ างจะไม ่ สลบ ั ซบ ั ซอ ้ นมากนก ั เช ่ น ภาพเคล ื ่ อนไหวท ี ่ ปรากฏตามเวบ ็ ต ่ าง ๆ รวมท ้ ง ั Gif Animation และภาพยนตร ์ ต ่ าง ๆ เช ่ น เร ื ่ อง ช ิ นจง ั โดเรมอน ฯลฯ
ประเภทของภาพเคลื่อนไหว •
ประเภทของภาพเคลื่อนไหว • 2. แบบ 3 มิติ (3D Animation) • ภาพเคลื่อนไหวแบบ 3 มิติ (Dimension) มองเห ็ นไดท ้ ้ ง ั ความส ู งความ กวา ้ งและความล ึ ก ภาพท ี ่ เห ็ นจะม ี ความสมจร ิ งมากถ ึ งมากท ี ่ ส ุ ด เช ่ น ภาพยนตร์การ์ตูนเรื่อง NEMO, Toy Story, The Avengers, Avatar, กา ้ น กล้วย เป็ นต้น
ประเภทของภาพเคลื่อนไหว •
รูปแบบของภาพเคลื่อนไหว • 1. Traditional Animation หรือ Hand Drawing Animation หรือ 2D Animation ค ื อ ภาพเคล ื ่ อนไหวท ี ่ เก ิ ดจากการวาดภาพท ี ่ ละภาพหลายๆ พัน ภาพ และฉายภาพเหล ่ าน ้ น ั ผา ่ นกลอ ้ งโดยใชเ ้ วลาไม ่ ก ี ่ วน ิ าท ี
รูปแบบของภาพเคลื่อนไหว • 2. Stop Motion หร ื อเร ี ยกวา ่ Model Animation ภาพเคลื่อนไหวประเภท น ้ ี ผส ู ้ ร ้ างภาพเคล ื ่ อนไหวตอ ้ งเขา ้ไปทา การเคล ื ่ อนไหวโดยตรงกบแบบจ าลอง ั (Model) และทา การถ ่ ายภาพเอาไวท ้ี ละเฟรมๆ
รูปแบบของภาพเคลื่อนไหว • 3. Computer Animation เป็ นภาพเคล ื ่ อนไหวท ี ่ มก ั พบกน ัไดบ ้ ่ อยในยุค ปั จจ ุ บน ั เน ื ่ องจากการใชโ้ปรแกรมเป็ นไปไดง ้่ ายและม ี การนา หลก ั การแบบ 2D เขา ้ มาผสมผสานกบ ั ตว ัโปรแกรม ซ ่ ึ งทา ไดง ้่ ายและสะดวกในการแกไข้ และการแสดงผล
หลก ั พ ้ ื นฐานการสร ้ างภาพเคล ื ่ อนไหว • นักออกแบบภาพเคลื่อนไหวจากวอลต์ ดิสนีย์ สตูดิโอ แฟรงค์โทมัส (Frank Thomas) และโอลี จอห์นสัน (Ollie Johnston) ได้ท าการวิเคราะห์ เก ี ่ ยวกบ ั หลก ั การสร ้ างภาพเคล ื ่ อนไหว โดยไดเ ้สนอแนวทางไว ้12 ข้อเพื่อใช้ เป็ นแนวทางในการสร ้ างภาพเคล ื ่ อนไหวใหด ้ ู น ่ าสนใจ เร ี ยกวา ่ “The Fundamental Principles of Animation” ซ ่ ึ งต ่ อมาไดเ ้ป็ นแบบแผนของการ ออกแบบภาพเคลื่อนไหวในปัจจุบัน โดยมีหลักการในการสร้าง ภาพเคล ื ่ อนไหว ดง ั น ้ ี
1. SQUASH & STRETCH (การยืดและหด) •
1. SQUASH & STRETCH (การยืดและหด) •
1. SQUASH & STRETCH (การยืดและหด) •
2. ANTICIPATION (ท ่ าเตร ี ยม) •
2. ANTICIPATION (ท ่ าเตร ี ยม) •
2. ANTICIPATION (ท ่ าเตร ี ยม) •
3. STAGING (การกา หนดการกระทา ในฉาก) •
3. STAGING (การกา หนดการกระทา ในฉาก) •
4. STRAIGHT AHEAD ACTION & POSE TO POSE (การเปลี่ยนลักษณะภาพแรกไปจนถึงภาพสุดท้าย) • 4.1 Straight Ahead Action
4. STRAIGHT AHEAD ACTION & POSE TO POSE (การเปลี่ยนลักษณะภาพแรกไปจนถึงภาพสุดท้าย) • 4.1 Straight Ahead Action
4. STRAIGHT AHEAD ACTION & POSE TO POSE (การเปลี่ยนลักษณะภาพแรกไปจนถึงภาพสุดท้าย) • 4.2 Pose to Pose
4. STRAIGHT AHEAD ACTION & POSE TO POSE (การเปลี่ยนลักษณะภาพแรกไปจนถึงภาพสุดท้าย) • 4.2 Pose to Pose
5. FOLLOW THROUGH & OVERLAPPING ACTION (ความต ่ อเน ื ่ องและการทบ ั ซอ ้ น) • 5.1 Follow Through
5. FOLLOW THROUGH & OVERLAPPING ACTION (ความต ่ อเน ื ่ องและการทบ ั ซอ ้ น) • 5.2 Overlapping Action
6. SLOW IN & SLOW OUT (ความแตกต ่ างของการเขา ้ ออก) •
6. SLOW IN & SLOW OUT (ความแตกต ่ างของการเขา ้ ออก) •
6. SLOW IN & SLOW OUT (ความแตกต ่ างของการเขา ้ ออก) •
7. ARCS (การเคลื่อนที่เป็ นเส้นโค้ง) •
7. ARCS (การเคลื่อนที่เป็ นเส้นโค้ง) •
8. SECONDARY ACTION (การเคลื่อนไหวรอง) •
9. TIMING (เวลา) •
10. EXAGGERATION (การกระทา ท ี ่ เก ิ นจร ิ ง) •
11. SOLID DRAWING (การวาดภาพ) •
11. SOLID DRAWING (การวาดภาพ) •
12. APPEAL (การดึงดูดความสนใจ) •
จบหน่วยที่1 •
หน่วยที่ 2 หลักการท างานของโปรแกรมสร้างภาพเคลื่อนไหว
ความน า • การสร้างภาพเคลื่อนไหวจะมี 2 รูปแบบคือ แบบ 2 มิติ และแบบ 3 มิติ ใน ท ี ่ น ้ ี จะเร ี ยนร ู ้ เฉพาะการสร ้ างภาพเคล ื ่ อนไหวแบบ 2 มิติ ซึ่งไม ่ จา เป็ นท ี ่ จะตอ ้ ง ม ี ทก ั ษะในการทา งานมากนก ั เหมาะสา หร ั บการเร ิ ่ มตน ้ สร ้ างภาพเคล ื ่ อนไหว พ ้ ื นฐาน เพ ี ยงแต ่ เร ี ยนร ู ้ กระบวนการและวธ ิี การสร ้ างภาพเคล ื ่ อนไหวกเ ็ พ ี ยง พอท ี ่ จะสามารถสร ้ างภาพเคล ื ่ อนไหวออกมาใหส้ วยงามและเป็ นท ี ่ น ่าสนใจ ได้
กระบวนการในการสร้างภาพเคลื่อนไหว • 1. ข ้ น ั ตอนเตร ี ยมงานก ่ อนการผล ิ ต (Pre-Production) • 2. ข ้ น ั ตอนการผล ิ ต (Production) • 3. ข ้ น ั ตอนหลง ั การผล ิ ต (Post Production)
1. ข ้ น ั ตอนเตร ี ยมงานก ่ อนการผล ิ ต (Pre-Production) • 1.1 ข ้ น ั ตอนการวางแผนเน ้ ื อเร ื ่ อง (Story Planning)
1. ข ้ น ั ตอนเตร ี ยมงานก ่ อนการผล ิ ต (Pre-Production) • 1.2 ข ้ น ั ตอนการออกแบบตว ั ละคร (Character Design)
1. ข ้ น ั ตอนเตร ี ยมงานก ่ อนการผล ิ ต (Pre-Production) • 1.3 ข ้ น ั ตอนการออกแบบบทภาพ (Storyboard Design)
1. ข ้ น ั ตอนเตร ี ยมงานก ่ อนการผล ิ ต (Pre-Production) • 1.4 ข ้ น ั ตอนการบน ั ท ึ กเส ี ยง (Voice Recording)
1. ข ้ น ั ตอนเตร ี ยมงานก ่ อนการผล ิ ต (Pre-Production) • 1.5 ข ้ น ั ตอนการทดสอบเส ี ยงและบทภาพ (Story Reel)
2. ข ้ น ั ตอนการผล ิ ต (Production)
2. ข ้ น ั ตอนการผล ิ ต (Production) • 1) คุณภาพของภาพ (Quality) ค ื อการต ้ ง ั ค ่ าความคมชด ั (Anti-Alias) หรือ ความเบลอของวัตถุเมื่อเคลื่อนที่ (Motion Blur) • 2) การบีบอัดไฟล์ (Optimization) ค ื อการกา หนดขนาดของไฟลใ์ ห ้ เหมาะสมตามวต ั ถ ุ ประสงคก ์ ารใชง ้ าน เช ่ น การบ ี บอด ัไฟลใ์ หม ้ี ขนาดเล็กลง เพ ื ่ อเหมาะสมกบ ั งานท ี ่ นา เสนอในเวบ ็ไซต ์