Classic Tweendsk.ac.th/pic/animationpdf.pdf3. Shape Tween. แอนิเมชั่นแบบ...

Post on 12-Oct-2020

1 views 0 download

Transcript of Classic Tweendsk.ac.th/pic/animationpdf.pdf3. Shape Tween. แอนิเมชั่นแบบ...

การสร้างภาพเคลื่อนไหวแบบ

Classic Tween

การสร้างแอนิเมชั่นแบบ Tweens

แอนเิมชั่นแบบ Tweens มีด้วยกัน 3 แบบ คือ1. Motion Tween2. Classic Tween3. Shape Tween

แอนิเมชั่นแบบ Classic Tween

แอนิเมชั่นแบบ Classic Tween คือ การสร้างแอนเิมชันแบบเคลื่อนที่เป็นเส้นตรงจากตาํแหน่งหนึ่ง ไปยังอีกตําแหน่งหนึ่ง ลักษณะการสร้างแอนเิมชั่นแบบ Classic Tween สังเกตที่ Timelineจะเป็นสีมว่งออ่นๆ

สร้างแอนิเมชั่นแบบ Classic Tween1. เปิดโปรแกรม Adobe Flash 2. Create New เลือก ActionScript 3.0

3. คลิก Properties ปรับขนาดความกวา้ง จาก 500px เป็น 800px

4. หลังจากนั้นกด OK

6. คลิกเลือก Brush Tools วาดรูปรถลงในพื้นทีก่ารทาํงานพร้อมลงสีให้สวยงาม

5. ดับเบิลคลิก Layer1 เปลี่ยนช่ือเป็น “รถ”

7. คลิก New Layer ในส่วนของ Timeline สร้าง Layer2 ขึน้มา

8. ดับเบิลคลิก Layer2 เปลี่ยนช่ือเป็น “ล้อหน้า” 9. คลิกเลือก Oval Tool ที่อยู่ในกลุ่มเคร่ืองมือ

Rectangle Tool

10. วาดรูปวงกลม เพ่ือทําเป็นล้อรถ

11. คลิก New Layer ในส่วนของ Timeline สร้าง Layer3 ขึน้มา สร้างล้อหลัง12. ดับเบิลคลิก Layer3 เปลี่ยนช่ือเป็น “ล้อหลัง” 13. แล้วนําล้อทั้ง 2 มาประกอบเข้ากับตัวรถ

14. หลังจากนั้นให้คลิก เฟรมที่1 ของทุกเลเยอร์ แล้วคลิกขวา เลือกคําสั่ง Create Classic Tween

15.ให้คลิกเฟรมที่ 40 ของทุกเลเยอร์คลิกขวา เลือกคําสั่ง Insert Keyframe หรือ กดF6

16. คลิกเฟรมที่20 ของเลเยอร์ “ล้อหนา้และล้อหลัง”เลือกคําสั่ง Rotate ปรับให้เป็น CCW

17. คลิกเฟรมที่ 40 ของทั้ง3เลเยอร์ คลิกปุ่มเลือก Selection toolย้ายรูปรถไปด้านหน้า

18. กดปุ่ม Ctrl+Enter เพ่ือทดสอบการแสดงผลชิ้นงาน