ตัวกรองแฟลชเคลื่อนไหวใน Motion Tween

• อาจ 1, 2024

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

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

1. คลิกที่ Frame 1 ของเลเยอร์ back_glow จากแถบเมนูคลิกแก้ไข�เส้นเวลา�คัดลอกเฟรม

2. เพิ่มเลเยอร์ใหม่ที่ด้านบนของไทม์ไลน์ Tween แรกจบลงที่ Frame 56 และเราต้องการให้ Tween นี้เริ่มต้นทันที เพิ่มคีย์เฟรมไปที่เฟรม 57

3. คลิกที่เฟรม 57 และคลิกแก้ไข�ไทม์ไลน์�วางเฟรม Flash จะทำซ้ำ Tween คุณจะสังเกตเห็นว่าชื่อของเลเยอร์ใหม่นั้นถูกเปลี่ยนเป็น back_glow คุณอาจต้องการเพิ่ม "2" ลงในชื่อเพื่อระบุว่านี่เป็น Tween ที่สอง

4. ตอนนี้คลิกขวาที่ Tween และเลือก Reverse Keyframes

ทำซ้ำขั้นตอนนี้สำหรับชั้น flame_shape และ flame_glow

ตอนนี้เราสามารถเพิ่มแสงของเราที่ด้านล่างของเทียน เรามีชั้นว่างที่เรียกว่า bg ที่เราสามารถใช้สำหรับการเรืองแสง

5. เปลี่ยนชื่อเลเยอร์ bg เป็น bottom_glow ตั้งค่า Fill color เป็น # fe7705 และ Stroke เป็น null

6. ใช้เครื่องมือวงรีวาดวงรีใต้เทียน แปลงวงรีเป็นคลิปภาพยนตร์ที่ชื่อ "bottom_glow"

ในการเปลี่ยนวงรีให้กลายเป็นเรืองแสงเราจะเพิ่มตัวกรองเบลอ

7. ในแผงตัวกรองเพิ่มตัวกรองเบลอ ตั้งค่า Blur X และ Y เป็น 56px และคุณภาพเป็นสูง

สัมผัสสุดท้ายคือการเพิ่มเงาเล็ก ๆ ที่ด้านล่างของเทียน

8. เพิ่มเลเยอร์ใหม่เหนือเลเยอร์ bottom_glow แล้วตั้งชื่อว่า "เงา"

9. ตั้งค่า Fill color เป็น # 000000 และวาดวงรีเล็ก ๆ ที่ด้านล่างของเทียน

10. แปลงวงรีเป็นคลิปภาพยนตร์ที่เรียกว่า "เงา"

11. เพิ่มตัวกรองเบลอไปยังคลิปภาพยนตร์นี้ ตั้งค่า Blur X และ Y เป็น 16px และคุณภาพเป็นสูง

เพิ่มการเคลื่อนไหว Tween ไปที่เลเยอร์ bottom_glow ตอนนี้เราสามารถเคลื่อนไหวคลิปหนัง bottom_glow เราจะใช้ Tween Spans ที่เราเพิ่งสร้างขึ้นสำหรับเปลวไฟเป็นแนวทาง เลื่อนไปตาม Timeline ที่หยุดที่แต่ละเฟรมในเปลวไฟ Tween เพิ่ม Keyframe ไปที่ bottom_glow Tween span เปลี่ยนขนาดของคลิปภาพยนตร์ bottom_glow ที่แต่ละเฟรมภาพ

ขั้นตอนสุดท้ายคือการจัดระเบียบเล็กน้อยในห้องสมุด เราต้องการสินทรัพย์ทั้งหมดสำหรับเปลวเทียน candleFlame นี้ในโฟลเดอร์สินทรัพย์ candleFlame ลากคลิปภาพยนตร์ shadow และ bottom_glow ลงในโฟลเดอร์นี้

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