คลิปภาพยนตร์ที่ซ้อนกันใน Flash

• อาจ 17, 2024

4. จากเมนูคลิกไฟล์ - นำเข้า - นำเข้าสู่สเตจ เลือกไฟล์ redOrn.png Flash จะวางกราฟิกสีแดงหรือบนเลเยอร์
   
   
5. คลิกขวาที่กราฟิกและเลือกแปลงเป็นสัญลักษณ์ ตั้งค่าประเภทเป็นภาพยนตร์คลิปและตั้งชื่อคลิปภาพยนตร์ "redOrn2"
   
   
6. ในแผงคุณสมบัติตั้งค่าชื่ออินสแตนซ์เป็น "redOrn2"
   
   
7. คลิกขวาที่คลิปภาพยนตร์ใหม่แล้วเลือกสร้าง Motion Tween จากเมนูลากจุดสิ้นสุดของ tween span เพื่อขยายเป็น 40 เฟรม
   
   
8. คลิกขวาที่ Frame 40 และเลือก Insert Keyframe - All จากเมนู คุณจะเห็นจุดสีดำเล็ก ๆ ที่ถูกเพิ่มเข้าไปในเฟรมนี้ซึ่งระบุว่าตอนนี้มีคีย์เฟรม สิ่งนี้จะทำให้เครื่องประดับอยู่ในตำแหน่งเดียวกับเฟรมแรกของทวีต การตั้งค่าเฟรมแรกและเฟรมสุดท้ายให้เหมือนกันจะส่งผลให้การเปลี่ยนแปลงราบรื่นเมื่อภาพเคลื่อนไหวซ้ำ
   
   
9. ตอนนี้เราสามารถเริ่มย้ายเครื่องประดับ คลิกขวาที่เฟรม 10, 20 และ 30 และเพิ่มคีย์เฟรมให้กับแต่ละเฟรมเหล่านี้
   
   
10. กลับไปที่ Frame 10 และคลิกที่กรอบสีแดงด้วยเครื่องมือ Free Transform คุณจะสังเกตเห็นวงกลมสีขาวเล็ก ๆ บนเครื่องประดับ นี่คือจุดเปลี่ยนและทำงานเป็นจุดหมุน เราต้องการให้จุดหมุนของเครื่องประดับอยู่ด้านบนของเครื่องประดับ คลิกที่จุดเล็ก ๆ นี้แล้วลากไปด้านบนของเครื่องประดับ จากนั้นหมุนเครื่องประดับสีแดงไปทางขวา
    
    
11. ย้ายไปที่เฟรม 30 และหมุนเครื่องประดับไปทางซ้าย
    
    กลับไปที่ซีน 1 โดยคลิกที่ลิงค์ด้านบน
    
    
12. เพิ่มเลเยอร์ใหม่ให้กับไทม์ไลน์แล้วตั้งชื่อว่า "redOrn" เมื่อเลือกเลเยอร์สีแดงหรือสีนี้ให้ลากคลิปสีแดงหรือภาพยนตร์จากไลบรารีและวางไว้บนเวทีที่มุมซ้ายบน (ตามที่ระบุไว้ในกระดานเรื่องราว) ในแผงคุณสมบัติเปลี่ยนชื่ออินสแตนซ์จากเป็น "redOrn" ล็อคเลเยอร์นี้
    
    
13. ทำซ้ำขั้นตอนข้างต้นสำหรับเครื่องประดับสองชิ้นอื่น ๆ โดยตั้งชื่อคลิปภาพยนตร์สีเขียวและสีม่วงหรือตามลำดับ สำหรับเครื่องประดับขนาดเล็กเหล่านี้ให้ตั้งค่าทวีคูณเป็น 30 เฟรมแทนที่จะเป็น 40 เพราะเครื่องประดับเหล่านี้มีขนาดเล็กกว่าพวกมันจะเด้งกลับคืนสู่ตำแหน่งเดิมได้เร็วกว่าเครื่องประดับขนาดใหญ่ ดังนั้นเราจะย่อทวีคูณให้สั้นลงเพื่อเพิ่มความเร็วในการเคลื่อนไหว
    
    
14. ณ จุดนี้คุณจะมีสามชั้นเหนือชั้นเขียวชอุ่มตลอดปีเรียกว่าสีแดงหรือสีเขียวสีเขียวและสีม่วงหรือ คุณควรมีคลิปภาพยนตร์ประกอบที่เกี่ยวข้องในแต่ละชั้น
    
    
15. คลิกควบคุม - ทดสอบภาพยนตร์ - ใน Launcher Debug (เดสก์ท็อป) และคุณควรเห็นสิ่งที่คล้ายกับสิ่งนี้
    
    

เล็กน้อยเกี่ยวกับคีย์เฟรมของ Flash: คีย์เฟรมที่เพิ่มให้กับเฟรมบนไทม์ไลน์นั้นทำงานเหมือนเครื่องหมายเพื่อบอก Flash ว่าต้องทำอะไรบางอย่างเช่นเริ่มเล่นภาพเคลื่อนไหวหรือใช้รหัส ActionScript บางอย่าง

←ย้อนกลับ

สำคัญ: บทเรียนการพัฒนาแอปเหล่านี้เขียนขึ้นโดยคำนึงถึง Flash สามเณร คุณจะต้องเพิ่มประสิทธิภาพแอปของคุณเกินกว่าสิ่งที่กล่าวถึงในบทช่วยสอนเหล่านี้ก่อนที่จะจบแอปของคุณสำหรับ app store

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