เส้นทางการเคลื่อนไหวของ Flash CS6

• อาจ 9, 2024

ใน Flash ครั้งสุดท้าย^R บทช่วยสอน CS6 เราสร้างแอนิเมชั่น Motion Tween อย่างง่ายที่เคลื่อนย้ายวัตถุตามแนวเส้นตรง ตอนนี้เราจะแก้ไขภาพเคลื่อนไหวเพื่อย้ายวัตถุไปตามเส้นโค้ง

เราได้พูดถึงการเปลี่ยนแปลงเล็กน้อยในช่วง Tween สำหรับ Motion Tween แต่เราไม่ได้ดูที่เวที อย่างที่คุณเห็นเรามีเส้นตรงสีเขียวประที่มีตั้งแต่ตำแหน่งเริ่มต้นทางซ้ายไปยังตำแหน่งสุดท้ายทางด้านขวาของภาพเคลื่อนไหว สิ่งนี้เรียกว่า Motion Path ของภาพเคลื่อนไหว

เมื่อทำงานกับ Motion Tweens มันง่ายที่จะแก้ไข Motion Path นี้ มาลองดูกัน

1. ด้วยเครื่องมือการเลือกวางเคอร์เซอร์ของคุณถัดจากเส้นสีเขียวและที่กึ่งกลางของเส้นทาง
   
   คุณจะเห็นเคอร์เซอร์เปลี่ยนเป็นลูกศรที่มีเส้นโค้งเล็ก ๆ
   
   
2. ลองทำเส้นทางโค้งขึ้นด้านบน คลิกที่กึ่งกลางของเส้นทางและลากขึ้นไปจนถึงเส้นโค้ง
   
   
3. ย้าย Playhead ข้าม Timeline และคุณจะเห็นว่ารูปสี่เหลี่ยมเคลื่อนที่ไปตามทางโค้ง
   
   ตอนนี้เป็นเวลาที่ดีในการทดสอบภาพเคลื่อนไหวของเรา
   
   
4. จากแถบเมนูให้คลิกควบคุม - ทดสอบภาพยนตร์ - ใน Flash Professional
   
   นี่จะเป็นการเปิดภาพเคลื่อนไหวของเราใน Flash Player คุณจะเห็นว่ารูปสี่เหลี่ยมจัตุรัสเคลื่อนที่ไปตามทางโค้ง อนิเมชั่นจะวนซ้ำ (กำลังเล่นอย่างต่อเนื่อง) เพราะเราไม่ได้บอกให้หยุดตอนท้าย ปิด Flash Player และกลับสู่พื้นที่ทำงาน
   
   เมื่อถึงจุดนี้สี่เหลี่ยมจะเคลื่อนที่ไปตามทางโค้ง แต่สี่เหลี่ยมจัตุรัสไม่หมุน มันอยู่ในระดับที่ด้านล่างของเวทีตลอดภาพเคลื่อนไหว เราสามารถเพิ่มความสนใจเล็กน้อยให้กับอนิเมชั่นได้โดยการหมุนสี่เหลี่ยมในขณะที่มันเคลื่อนที่ไปตามเส้นทาง
   
   เราต้องการให้สี่เหลี่ยมอยู่ในระดับที่ด้านล่างของเวทีเมื่อภาพเคลื่อนไหวเริ่มต้นและหมุนเพิ่มขึ้นตามเส้นทาง ดังนั้นเราต้องเปลี่ยนตำแหน่งสิ้นสุดของอนิเมชั่น
   
   
5. เลือก Frame 50 จากนั้นเลือกเครื่องมือ Free Transform จากแผงเครื่องมือ
   
   คุณจะเห็นเส้นสีดำพร้อมจุดควบคุมแปดจุดรอบ ๆ จัตุรัส
   
   
6. จากแถบเมนูให้คลิกปรับเปลี่ยน - เปลี่ยน - ปรับขนาดและหมุน
   
   
7. ในกล่องโต้ตอบมาตราส่วนและหมุนตั้งค่าหมุนเป็น 120 องศาและคลิกตกลง
   
   
8. เลื่อน Playhead ไปตาม Timeline อย่างช้าๆและคุณจะเห็นรูปสี่เหลี่ยมจัตุรัสหมุนไปตามเส้นทาง
   
   

ลิขสิทธิ์ 2018 Adobe Systems Incorporated สงวนลิขสิทธิ์. ภาพหน้าจอผลิตภัณฑ์ Adobe พิมพ์ซ้ำได้รับอนุญาตจาก Adobe Systems Incorporated Adobe, Photoshop, อัลบั้ม Photoshop, องค์ประกอบ Photoshop, Illustrator, InDesign, GoLive, Acrobat, Cue, Premiere Pro, องค์ประกอบรอบปฐมทัศน์, Bridge, After Effects, InCopy, Dreamweaver, แฟลช, ActionScript, ดอกไม้ไฟ, Contribute, Flash Catalyst และ Flash Paper เป็น / เป็น [a] เครื่องหมายการค้าจดทะเบียน [s] หรือเครื่องหมายการค้า [s] ของ Adobe Systems Incorporated ในสหรัฐอเมริกาและ / หรือประเทศอื่น ๆ