การสร้างภาพเคลื่อนไหว แบบ Motion Tween
การเคลื่อนไหวแบบ Motion Tween เป็นการเคลื่อนไหวที่รวมการเคลื่อนไหวแบบ Classic Tween และ Guide Layer เพื่อลดความยุ่งยากในการสร้าง Guide Layer ที่ผ่านมา Motion Tween สามารถกำหนดทิศทางการเคลื่อนที่ได้หลายทิศทาง เช่น ทิศทางตรง โค้ง ทิศทางอิสระ เป็นต้น โดยจะยกตัวอย่างการสร้างภาพเคลื่อนไหวแบบ Motion Tween มีจำนวน Frame 30 Frame ซึ่งมีขั้นตอนดังต่อไปนี้
1. สร้างเอกสารใหม่ และกำหนดคุณสมบัติของชิ้นงานจากพาเนล Property Inspector หรือกดปุ่ม Ctrl+J จะปรากฏหน้าต่าง Document Setting กำหนดขนาดของสเตจ
2. เปลี่ยนชื่อ Layer1 เป็น “พื้นหลัง” จากนั้นนำเข้าภาพมาเป็นพื้นหลัง และใช้เครื่องมือ Free Transform ปรับความกว้าง สูง ของภาพให้มีขนาดเท่ากับสเตจ ที่ Frame 30 คลิกเมาส์ขวาเลือก Insert Keyframe แล้วคลิกล็อก Layer พื้นหลัง เพื่อเวลาทำภาพเคลื่อนไหวพื้นหลังจะได้ไม่ขยับ
ภาพที่ 6.36 การนำเข้าและปรับขนาดภาพพื้นหลัง
ที่มา : สุชาดา ทิพโรจน์, 2560
ภาพที่ 6.37 การเพิ่ม Keyframe และล็อก Layer
ที่มา : สุชาดา ทิพโรจน์, 2560
3. คลิก New Layer แล้วเปลี่ยนชื่อเป็น “ผึ้ง” จากนั้นที่ Frame 1 นำเข้าภาพผึ้ง และใช้เครื่องมือ Free Transform ปรับขนาดของภาพให้เหมาะสม
ภาพที่ 6.38 การนำเข้าภาพเพื่อทำ Motion Tween
ที่มา : สุชาดา ทิพโรจน์, 2560
4. คลิกเมาส์ขวาที่ Frame 1 เลือก Create Motion Tween
ภาพที่ 6.39 การสร้าง Create Motion Tween
ที่มา : สุชาดา ทิพโรจน์, 2560
5. คลิกเมาส์เลือกที่ Frame 10 แล้วใช้เครื่องมือ Free Transform ในการเคลื่อนย้ายและย่อภาพผึ้ง
ภาพที่ 6.40 การกำหนดเส้นทางเคลื่อนไหวให้ภาพ
ที่มา : สุชาดา ทิพโรจน์, 2560
6. ที่ Frame 20 , 30 ปฏิบัติเช่นเดียวกับข้อ 5
ภาพที่ 6.41 การกำหนดเส้นทางเคลื่อนไหวให้ภาพ
ที่มา : สุชาดา ทิพโรจน์, 2560
7. หากเส้นทาง (Path) ที่กำหนดไว้ยังไม่สมจริง เราสามารถปรับแก้เส้นทาง (Path) ได้โดยใช้เครื่องมือ Selection Tool ปรับเส้นทาง (Path) ตามที่ต้องการ โดยใช้เมาส์เลือกจุดที่ต้องการปรับ แล้วคลิกเมาส์ค้างลากปรับทิศทาง
ภาพที่ 6.42 การปรับเส้นทางเคลื่อนไหวให้ภาพ
ที่มา : สุชาดา ทิพโรจน์, 2560
8. ทดสอบการทำงาน โดยคลิกเลือกเมนูคำสั่ง Control > Test Movies > Test หรือ กดปุ่ม Ctrl + Enter