พฤติกรรมอนิเมชั่นใน Motion Project

• เมษายน 30, 2024

ตอนนี้เราได้นำเข้า Photoshop ชั้นของเรา^R ภาพเป็น Motion ของเรา^R โครงการเราพร้อมที่จะสร้างภาพเคลื่อนไหวไฟกะพริบ เราจะวาดวงกลมสีบางส่วนที่เราจะเคลื่อนไหวให้กระพริบตาโดยใช้พฤติกรรมการเคลื่อนไหว

เรามีเอฟเฟกต์ Boken ที่ดีในกราฟิกพื้นหลังของเรา แต่มันคงที่ มันเป็นการดีที่จะเพิ่มภาพเคลื่อนไหวที่ละเอียดอ่อน หลังจากทดสอบระบบอนุภาค Bokeh ที่ตั้งไว้ล่วงหน้าของ Motion ฉันตัดสินใจว่าภาพเคลื่อนไหวนั้นมากเกินไป ดังนั้นฉันจึงตัดสินใจที่จะซ้อนทับวงกลมสีบางส่วนจับคู่สีของแสงด้านล่าง จากนั้นโดยการเพิ่มตัวกรองเรืองแสง, FadeIn / FadeOut และพฤติกรรมการเติบโต / หดตัวเรามีภาพเคลื่อนไหวที่ละเอียดอ่อนกระพริบ

1. ย้ายเพลย์ลิสต์ไปยังจุดเริ่มต้นของไทม์ไลน์และเปลี่ยนชื่อเลเยอร์กลุ่มเป็น 'ไฟ'
   
   
2. เมื่อเลือกเลเยอร์ไฟให้ใช้เครื่องมือวงกลมเพื่อวาดวงกลมเหนือไฟโบเก้หนึ่งในนั้น คุณจะได้รับเลเยอร์ย่อยใหม่ชื่อ Circle ภายใต้เลเยอร์ไฟ เปลี่ยนชื่อเลเยอร์นี้เป็น 'วงกลม 1'
   
   เราต้องการให้แสงกะพริบหนึ่งครั้งต่อ 1 วินาทีบนไทม์ไลน์
   
   
3. ลากขอบด้านขวาของเลเยอร์ Circle 1 ไปทางซ้ายบน Timeline จนกระทั่งมันสิ้นสุดที่ตำแหน่ง 1 วินาที
   
   โดยค่าเริ่มต้นวงกลมใหม่จะเป็นสีขาว ลองเปลี่ยนสีให้เหมาะกับแสงที่อยู่ข้างใต้
   
   
4. เมื่อเลือกเลเยอร์ Circle 1 ไว้ให้ไปที่ Inspector - กำหนดรูปร่างและเปลี่ยนสีของวงกลมเพื่อให้เข้ากับสีของแสงที่อยู่ด้านล่าง
   
   
5. หากต้องการทำให้ขอบวงกลมนุ่มลงให้ตั้งค่าพารามิเตอร์ Feather เป็น 5.0
   
   ตอนนี้ให้เพิ่มพฤติกรรมแรกซึ่งเป็นพฤติกรรม FadeIn / FadeOut
   
   
6. เมื่อเลือกวงกลม 1 อยู่ให้ไปที่ไลบรารี - พฤติกรรม - การเคลื่อนไหวพื้นฐาน - จางหายไป / จางหายไป คลิกที่พฤติกรรมนี้และคลิกที่ปุ่มสมัคร คุณจะเห็นพฤติกรรมของ FadeIn / FadeOut ที่เพิ่มเป็นชั้นย่อยในชั้น Circle 1
   
   เล่นแอนิเมชันและคุณจะเห็นวงกลมจางไปมาเหมือนแสงโบเก้กำลังกระพริบ มาเพิ่มพฤติกรรมอื่นในเลเยอร์ Circle 1 พฤติกรรม Grow / Shrink ควรเพิ่มความสมจริงให้กับภาพเคลื่อนไหวมากขึ้น
   
   
7. เมื่อเลือกเลเยอร์ Circle 1 ไว้ให้ไปที่ Library - Behaviours - Basic Motion - Grow / Shrink คลิกที่ปุ่ม Apply คุณควรเห็นเลเยอร์พฤติกรรม Grow / Shrink เพิ่มขึ้นเหนือพฤติกรรมแรก
   
   

ตัวอย่างการสอน:


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

Apple, Motion, ผู้เขียน iBooks, GarageBand, TextEdit, Pages, iMovie และ Mac เป็นเครื่องหมายการค้าของ Apple Inc. ที่จดทะเบียนในสหรัฐอเมริกาและประเทศอื่น ๆ CoffeBreakBlog เป็นสิ่งพิมพ์อิสระและไม่ได้รับอนุญาตสนับสนุนหรือได้รับการอนุมัติโดย Apple Inc. ภาพหน้าจอที่ใช้โดยได้รับอนุญาต