การสร้างภาพเคลื่อนไหว แบบ 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 ย้ายภาพลูกบอลวางบนพื้นรูปสี่เหลี่ยมผืนผ้า
ภาพที่ 6.28 การเพิ่ม KeyFrame
ที่มา : สุชาดา ทิพโรจน์, 2560
ภาพที่ 6.29 การย้ายภาพลูกบอล
ที่มา : สุชาดา ทิพโรจน์, 2560
8. คลิกเมาส์ขวาที่ Frame 30 เลือก Insert Keyframe แล้วใช้เครื่องมือ Selection Tool ย้ายภาพลูกบอลให้สูงจากพื้นรูปสี่เหลี่ยมผืนผ้า
ภาพที่ 6.30 การเพิ่ม KeyFrame
ที่มา : สุชาดา ทิพโรจน์, 2560
ภาพที่ 6.31 การย้ายตำแหน่งลูกบอลด้วย Selection Tool
ที่มา : สุชาดา ทิพโรจน์, 2560
จะได้ตำแหน่งลูกบอล 3 ตำแหน่ง คือ Frame 1 , Frame 15 และ Frame 30
ภาพที่ 6.32 ตำแหน่งลูกบอลทั้ง 3 ตำแหน่ง
ที่มา : สุชาดา ทิพโรจน์, 2560
9. ที่ Layer บอล คลิกเมาส์ขวาที่ Frame ใดก็ได้ระหว่าง Frame 1 - 15 แล้วเลือก Create Classic Tween จะปรากฏลูกศรชี้จาก Frame 1 - 15
ภาพที่ 6.33 การกำหนดลักษณะการเคลื่อนไหวให้กับวัตถุ
ที่มา : สุชาดา ทิพโรจน์, 2560
10. คลิกเมาส์ขวาที่ Frame ใดก็ได้ระหว่าง Frame 16 - 30 แล้วเลือก Create Classic Tween จะปรากฏลูกศรชี้จาก Frame 16 - 30
ภาพที่ 6.34 การกำหนดลักษณะการเคลื่อนไหวให้กับวัตถุ
ที่มา : สุชาดา ทิพโรจน์, 2560
จะปรากฏการเคลื่อนไหวของลูกบอลซึ่งโปรแกรมได้คำนวณการเคลื่อนไหวให้อัตโนมัติ
ภาพที่ 6.35 การเคลื่อนไหวของลูกบอลที่โปรแกรมช่วยคำนวณ
ที่มา : สุชาดา ทิพโรจน์, 2560
11. ทดสอบการทำงาน โดยคลิกเลือกเมนูคำสั่ง Control > Test Movies > Test หรือ กดปุ่ม Ctrl + Enter