Motion Tweens ใน Flash CS6

• อาจ 18, 2024

ในบทช่วยสอนนี้เราจะเรียนรู้วิธีสร้าง Motion Tween ใน Flash^R CS6 คุณอาจจำได้ว่าเราสร้างแอนิเมชั่นในบทช่วยสอนก่อนหน้าซึ่งย้ายวงกลมไปทั่วสเตจ ในบทเรียนนั้นเราสร้างแอนิเมชั่นคลาสสิกทวีน Classic Tween เป็นอนิเมชั่นดั้งเดิมของ Flash

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

1. เปิด Flash CS6 แล้วเลือก ActionScript 3.0 จากคอลัมน์สร้างใหม่ของหน้าจอต้อนรับ
   
   คุณจะเห็นว่าเรามีเวทีว่างและหนึ่งชั้นในไทม์ไลน์
   
   
2. ดับเบิลคลิกที่ชื่อเลเยอร์แล้วเปลี่ยนชื่อเลเยอร์ 1 เป็น "สแควร์"
   
   
3. ตั้งค่าสีของโรคหลอดเลือดสมองเป็น null
   
   
4. คลิกที่กล่องเติมสีและเลือกสีใดก็ได้จากเครื่องมือเลือกสี
   
   
5. ด้วยเครื่องมือ Rectangle วาดสี่เหลี่ยมบนเวที
   
   ณ จุดนี้สี่เหลี่ยมเป็นรูปทรงพื้นฐาน เพื่อยืนยันสิ่งนี้เรามาดูข้อมูลในแผงคุณสมบัติ
   
   
6. ด้วยเครื่องมือการเลือกให้เลือกสี่เหลี่ยมบนเวที
   
   ในแผงคุณสมบัติเราจะเห็นว่าวัตถุนี้เป็นรูปร่าง นอกจากนี้เรายังสามารถดูตำแหน่งขนาดและสีของวัตถุ
   
   ขั้นตอนแรกในการสร้าง Motion Tween คือการแปลงรูปร่างเป็นสัญลักษณ์ เราจะพูดถึงสัญลักษณ์แฟลชในเชิงลึกในการสอนในอนาคต
   
   
7. เลือกสี่เหลี่ยมบนเวทีและจากแถบเมนูคลิกปรับเปลี่ยน - แปลงเป็นสัญลักษณ์
   
   
8. ในกล่องโต้ตอบแปลงเป็นสัญลักษณ์ตั้งชื่อสัญลักษณ์ "สี่เหลี่ยม" และตั้งค่าประเภทเป็นภาพยนตร์คลิป จากนั้นตั้งค่า Registration Point เป็นศูนย์กลางโดยการคลิกที่ช่องเล็ก ๆ ตรงกลางในกลุ่มของกล่องเล็ก ๆ คลิกตกลง
   
   คุณจะเห็นว่ามีเส้นสีน้ำเงินบาง ๆ ปรากฏขึ้นรอบ ๆ สี่เหลี่ยมซึ่งบ่งบอกว่าวัตถุนั้นเป็นสัญลักษณ์
   
   
9. คลิกขวาที่ Frame 50 ของ Timeline และเลือก Insert Frame เพื่อขยาย Timeline 50 frames
   
   
10. คลิกขวาที่กรอบใด ๆ บนเส้นเวลาและเลือกสร้าง Motion Tween
    
    คุณจะเห็นว่า Flash เปลี่ยนเฟรมทั้งหมดเป็นสีอื่น สิ่งเหล่านี้เรียกว่า Tween Span of the Motion Tween
    
    ย้าย Playhead ไปตาม Timeline กลับไปที่ Frame 1 เช่นเดียวกับในบทช่วยสอนล่าสุดวัตถุจะไม่เคลื่อนที่ นี่เป็นเพราะเรายังไม่ได้เพิ่ม Keyframe ที่สองเพื่อระบุตำแหน่งสิ้นสุดของแอนิเมชัน
    
    
11. คลิกขวาที่ Frame 50 และเลือก Insert Keyframe - All จากเมนู
    
    
12. ในขณะที่ยังอยู่ใน Frame 50 ให้คลิกที่ช่องสี่เหลี่ยมแล้วลากไปยังอีกด้านหนึ่งของเวทีเพื่อบอก Flash ว่านี่จะเป็นตำแหน่งสิ้นสุดสำหรับ Motion Tween
    
    

ตอนนี้เมื่อคุณย้าย Playhead สแควร์จะเลื่อนไปตามระยะที่เพิ่มขึ้น

แต่ด้วย Motion Tweens เราสามารถแก้ไขภาพเคลื่อนไหวได้อย่างง่ายดายเพื่อให้สี่เหลี่ยมเคลื่อนที่ไปตามเส้นโค้งแทนที่จะเป็นเส้นตรง

ลิขสิทธิ์ 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 ในสหรัฐอเมริกาและ / หรือประเทศอื่น ๆ

คำแนะนำวิดีโอ: การสร้างภาพเคลื่อนไหวแบบ MOTION TWEEN ด้วยโปรแกรม Flash Cs6 (อาจ 2024).