Animation ( ภาพเคลื่อนไหว )

1. Animation(ภาพเคลื่อนไหว) นางสาวศิรินทิพย์ จันทร์สุวรรณ รวบรวมโดย AngelaTUK

2. Animation การทำให้วัตถุใดๆเกิดการเคลื่อนที่ด้วยรูปแบบต่างๆกันบนจอภาพ เช่น คนเดิน รถวิ่ง บนถนน แมลงบิน ซึ่งเป็นการเคลื่อนที่ด้วยรูปแบบต่างๆ

3. Animation ในปัจจุบัน • การ์ตูน animation • ภาพยนตร์ animation • วีดีโอ animation • สื่อโฆษณาanimation

4. หลักการของการทำ Animation • อาศัยหลักการทางชีววิทยา คือ“ความต่อเนื่องของการมองเห็น” • การทำให้วัตถุเคลื่อนในความเร็วระดับหนึ่ง จนตาคนเรามองเห็น • ภาพแต่ละภาพที่นำมาทำ animationเรียกว่าframe โดยกำหนดความละเอียดของ Animation ทั่วไปดังนี้ • TV 30 frame/second • Movie , Animation 24 frame/second

5. วิธีการสร้าง Animation • FramebyFrame • TweenAnimation • ActionScript

6. FramebyFrame เฟรมแบ่งออกได้ 3 อย่างคือ1. Frame คือ เฟรมที่ไม่มีการเปลี่ยนแปลงของวัตถุ (ภาพ) 2. Keyframeคือ เฟรมที่มีวัตถุอยู่ในนั้น (มีจุดสีดำ) มีการ เปลี่ยนแปลง3. Blank Keyframeคือเฟรมเปล่าๆ (มีวงกลมสีขาว) • นำภาพมาใส่ไว้ในเฟรม • ทำการกำหนด Key Frame • Keyframe=frame ที่ถูกกำหนดให้มีการเปลี่ยนแปลงของวัตถุเพื่อสร้างการเคลื่อนไหว • การกำหนดคีย์เฟรมที่มีช่องว่างห่างกัน ภาพที่เปลี่ยนแปลงอาจกระตุกได้ • เหมาะกับภาพที่มีการเปลี่ยนแปลงอย่างรวดเร็วและซับซ้อน

7. Sample Frame 1 Frame2 Animation

8. TweenAnimation • เป็นการสร้างภาพโดยกำหนดคีย์เฟรมเริ่มต้นและคีย์เฟรมสุดท้ายแล้วปล่อยให้โปรแกรมสร้างความเปลี่ยนระหว่างเฟรมโดยอัตโนมัติ • มี 3 แบบ • Motion Tween:เคลื่อนไหวโดยรูปทรงวัตถุไม่เปลี่ยนแปลง ใช้เครื่องมือ 3D ร่วมด้วยได้ • Classic Tween:เคลื่อนไหวโดยรูปทรงวัตถุไม่เปลี่ยนแปลง • Shape Tween:เคลื่อนไหว โดยรูปทรงวัตถุเปลี่ยนแปลง ไปเป็นอีกรูปหนึ่ง • ไฟล์มีขนาดเล็ก การเคลื่อนไหวนุ่มนวลมากกว่า Frame by Frame

9. ActionScript • เป็นภาษาโปรแกรมที่นำใช้เพิ่มประสิทธิภาพการทำงาน • สามารถทำการตอบโต้กับผู้ใช้ได้(Interactive) • Action script ถูกนำมาใช้เมื่อมีการกระทำเกิดขึ้น(Event)

10. เทคนิคการสร้างAimation • กำหนดการเคลื่อนไหวที่ต้องการให้หมด • animation ที่ซับซ้อน ควรเขียน Script ช่วยในการเคลื่อนไหว • เพิ่มเทคนิคพิเศษด้านต่างและเสียงใส่เข้าไป • Cel animation • เป็นแผ่นใสสำหรับวาดภาพ สเก็ตภาพแล้วลงสี • Computer Animation • คล้ายกับCel คือสร้างภาพเป็นเฟรมให้แตกต่างกัน แล้วกำหนดคีย์เฟรมใช้วิธีการ Tween animation

11. Celanimation (วาดภาพในแผ่นใสแล้วละบายสี) การบ้าน ให้นักเรียน วาดภาพการ์ตูนลงบนกระดาษไขสำหรับวาดภาพ แล้วระบายสี 4 ท่าทาง

12. ลักษณะ Animation2D & 3D Maya Adobe Flash

13. Animation File Format • GIF(GraphicsInterlaceFile) • ได้รับความนิยม • ไฟล์มีขนาดเล็ก • ใช้ภาพนิ่งทำลำดับภาพให้ต่อเนื่องกัน • ใช้ 256 สี • ไม่สนับสนุนการใช้เสียงประกอบ

14. Animation File Format • JPG (JonitPhotographer’s Expert Group) • ไฟล์ภาพใช้งานบนเครือข่าย • มีความละเอียดสูง(24 bit) • สามารถกำหนดระดับการบีบอัดได้(1-10) เพื่อให้ได้ไฟล์มีขนาดเล็ก • ไม่สามารถทำพื้นโปร่งใสได้ • การส่งภาพผ่านผ่านเครือข่ายทำได้ช้ามากเพราะต้องเสียเวลาในการคลายภาพ

15. Animation File Format • PNG(Portable Network Graphics) • ไฟล์ภาพทำให้โปร่งใสได้ • สนับสนุนความละเอียด 16 bit,32 bit และ 24 bit • ระบบแสดงผลจากความละเอียดน้อยแล้วค่อยๆขยายความคมชัด • สามารถกำหนดระดับการบีบอัดเพื่อให้ได้ไฟล์มีขนาดเล็ก • Browser รุ่นเก่าจะใช้ไม่ได้ต้อง IE 4 หรือ Netscape 4 ขึ้นไป

16. Software • Flash Player • Flash • Shockwave • Macromedia director • TrueSpace • SWISH • etc...

17. The End