ใช้ Flash สำหรับใน Betweens

• อาจ 9, 2024

ก่อนที่คอมพิวเตอร์จะมาถึงที่เกิดเหตุและทำให้ชีวิตของอนิเมเตอร์ง่ายขึ้นหนึ่งในภารกิจหลักในการสร้างอนิเมชั่นคือการวาดภาพบุคคลทั้งหมดที่อยู่ระหว่างเฟรมสำหรับภาพเคลื่อนไหว นี่มักจะทำด้วยเทคนิคที่เรียกว่าหัวหอมที่น่าสนใจ อนิเมเตอร์จะเริ่มต้นด้วย "การวาดภาพในการทำงาน" และวางกระดาษแผ่นบาง ๆ ที่เรียกว่าสกินหัวหอมด้านบน พวกเขาจะวาดภาพเดียวกันลงบนกระดาษสกินหัวหอมนี้โดยใช้ตัวอย่างการทำงานภายใต้คำแนะนำ ด้วยการเปลี่ยนแปลงเล็กน้อยในภาพวาดที่สองและภาพต่อ ๆ มาแอนิเมชั่นจึงถูกสร้างขึ้น

วันนี้เราไม่พบเทคนิคนี้ที่ใช้กันมากนักเพราะซอฟต์แวร์แอนิเมชันสร้างสิ่งเหล่านี้ระหว่างภาพสำหรับเรา แต่เมื่อเร็ว ๆ นี้หนึ่งในผู้อ่านของฉันต้องการสร้างในระหว่างโครงการหนึ่งของเธอ ความคิดแรกของเธอคือต้องย้อนเวลากลับไปหลายสิบปี จากนั้นหลอดไฟที่สว่างก็ดับบนหัวของเธอและเธอก็รู้ว่าเธอยังสามารถปล่อยแฟลชได้^R ทำงานให้กับเธอ

เธอต้องการ 10 ในระหว่าง ดังนั้นเธอจึงเปิดแฟลชติดตั้งวัตถุเริ่มต้นและจุดสิ้นสุดบนเส้นลำดับเวลาของ Flash และบอกกับ Flash เพื่อสร้าง Tween 10 เฟรม ตอนนี้งานคือการคว้าแต่ละเฟรมของ Tween เป็นภาพ เนื่องจากรูปภาพเหล่านี้จะถูกใช้กับภาพพื้นหลังเธอจึงตัดสินใจใช้รูปแบบ png

มาดูกระบวนการใน Flash CS5 กัน เปิดโครงการ ActionScript 3 ใหม่ใน Flash

1. ติดตั้งเครื่องมือ PolyStar ด้วยสีที่คุณต้องการ ในพื้นที่เครื่องมือการตั้งค่าของแผงคุณสมบัติคลิกปุ่มตัวเลือก ตั้งค่าสไตล์เป็นดาว
   
   
2. วาดดาวบนเฟรม 1 แปลงรูปร่างนี้เป็นคลิปภาพยนตร์
   
   
3. คลิกขวาที่ดาวแล้วเลือกสร้าง Motion Tween
   
   
4. ลาก Tween Span จาก Frame 25 เพื่อสิ้นสุดที่ Frame 10
   
   
5. ย้ายไปที่เฟรม 5 และเพิ่มคีย์เฟรม ในแผงคุณสมบัติลดความทึบของดาวเป็น 10% (เอฟเฟกต์สี - สไตล์ - อัลฟ่า)
   
   
6. ย้ายไปที่เฟรม 10 และเพิ่มคีย์เฟรม ตั้งอัลฟ่ากลับเป็น 100%
   
   
7. คลิกควบคุม - ทดสอบภาพยนตร์ - ใน Flash Professional
   
   คุณควรเห็นดาวของคุณกะพริบซ้ำ ๆ
   
   ตอนนี้เราต้องคว้าในระหว่าง
   
   
8. ไปที่เฟรม 1 และคลิกไฟล์ - ส่งออก - ส่งออกรูปภาพ เลือกรูปแบบ png และตั้งชื่อไฟล์ "Frame 1" ยอมรับตัวเลือกการส่งออก png เริ่มต้น
   
   
9. ทำซ้ำสิ่งนี้สำหรับ 10 เฟรมแต่ละเฟรม
   
   

หมายเหตุ: เฟรม 1 - 5 เหมือนกับเฟรม 6 - 10 (ยกเว้นย้อนกลับ) เพื่อประหยัดเวลาเราสามารถส่งออก 5 เฟรมแรกของ Tween และทำซ้ำใน Photoshop โดยตั้งชื่อเฟรมที่ 6 - 10 ในลำดับย้อนกลับ ฉันทำงานกับทั้ง 10 เฟรมในตัวอย่างเพื่อการสอน

สำคัญ: บทเรียนการพัฒนาแอปเหล่านี้เขียนขึ้นโดยคำนึงถึง 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 ในสหรัฐอเมริกาและ / หรือประเทศอื่น ๆ