:: บทเรียนบนเครือข่ายอินเทอร์เน็ต เรื่องการสร้างภาพเคลื่อนไหวด้วยโปรแกรม Adobe Flash CS6 ::

6.3 ภาพเคลื่่อนไหวแบบ Classic Tween

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

การเคลื่อนไหวแบบ Classic Tween เป็นลักษณะการเคลื่อนไหวที่มีการเปลี่ยนแปลงจากจุด A ไปจุด B โดยระหว่างการเคลื่อนที่จาก A ไป B สามารถเปลี่ยนแปลงขนาด เปลี่ยนสี หรือค่อย ๆ จางหายไป แต่ไม่สามารถเปลี่ยนจากรูปหนึ่งไปยังอีกรูปหนึ่งได้ ซึ่งการสร้างภาพเคลื่อนไหวแบบ Classic Tween จะได้ไฟล์ มูฟวี่ ที่มีขนาดเล็กกว่าภาพเคลื่อนไหวแบบ Frame by Frame เนื่องจากใช้การคำนวณการเคลื่อนไหวแทนการใช้ภาพหลายภาพมาแสดงต่อกัน ซึ่งจะยกตัวอย่างการสร้างชิ้นงานลูกบอลเคลื่อนไหวแบบ Classic Tween มีจำนวน Frame 30 Frame โดยมีขั้นตอน ดังนี้

ภาพที่ 6.22 การกำหนดคุณสมบัติของชิ้นงาน

ที่มา : สุชาดา ทิพโรจน์, 2560

2. สร้างรูปสี่เหลี่ยมผืนผ้าด้วยเครื่องมือ Rectangle Tool และใช้เครื่องมือ Free Transform ปรับเปลี่ยนรูปร่าง

ภาพที่ 6.23 การวาดภาพประกอบชิ้นงาน

ที่มา : สุชาดา ทิพโรจน์, 2560

3. ขยายจำนวน Keyframe ให้ภาพจาก Frame 1 แสดงผลไปจนถึง Frame 30 โดยคลิกขวา Frame 30 เลือก Insert Keyframe หรือกดปุ่ม F6 จะปรากฏว่า Frame 1-30 จะเป็นสีเทา และ Frame 30 มีจุดสีดำ

ภาพที่ 6.24 การขยาย Keyframe

ที่มา : สุชาดา ทิพโรจน์, 2560

4. จากนั้นเปลี่ยนชื่อ Layer โดยการดับเบิลคลิกเมาส์ที่ Layer1 และพิมพ์ชื่อที่ต้องการลงไป

เมื่อพิมพ์เสร็จแล้วกดปุ่ม Enter

ภาพที่ 6.25 การเปลี่ยนชื่อ Layer

ที่มา : สุชาดา ทิพโรจน์, 2560

5. เพิ่ม Layer ใหม่ สำหรับวาดภาพลูกบอล และเปลี่ยนชื่อ Layer

ภาพที่ 6.26 การเพิ่ม Layer ใหม่

ที่มา : สุชาดา ทิพโรจน์, 2560

6. ที่ Layer บอล Frame 1 วาดภาพลูกบอลที่ต้องการ โดยอาจทำเป็น Symbol หรือวาดโดยตรงบนพื้นที่สเตจเลยก็ได้

ภาพที่ 6.27 การวาดภาพลูกบอล

ที่มา : สุชาดา ทิพโรจน์, 2560

7. ที่ Layer บอล เพิ่ม Keyframe โดยคลิกเมาส์ขวาที่ Frame 15 เลือก Insert Keyframe แล้วใช้เครื่องมือ Selection Tool ย้ายภาพลูกบอลวางบนพื้นรูปสี่เหลี่ยมผืนผ้า