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

 การสร้างภาพเคลื่อนไหว แบบ 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) ตามที่ต้องการ โดยใช้เมาส์เลือกจุดที่ต้องการปรับ แล้วคลิกเมาส์ค้างลากปรับทิศทาง