Rocket Trace Effect / 飛行線條軌跡效果

Rocket-Trace-gif

線條軌跡效果

今天跟大家分享如何在 AE 利用Shape Layer製作出火箭飛行路徑的線條軌跡效果。


《設定動態》腳本:
火箭沿著雲層以弧形路徑飛過,先快> 中間變慢> 再加速離開並在後面產生飛行的線條軌跡。

製作步驟

1、先將火焰Fire圖層Parent 給 Rocket火箭圖層:跟著火箭一起動作。

Rocket Trace01

2、製作火焰自動閃爍效果
2.1
按「T」開啟 Fire圖層的 Opacity屬性。
2.2
「Alt鍵」+ 點選 Opacity屬性前面的小時鐘圖示,開啟Expression編輯視窗。
2.3
在Expression編輯視窗打入:random(30,100),意思是在Opacity的30% ~100%間隨機變化。

Rocket Trace02

3、設定火箭飛行路徑與方向
3.1
先設定 Rocket 圖層的 Position屬性:在 0~3秒間,前、後各加入一個 Keyframe。

Rocket Trace03

3.2
選到定 Rocket圖層,執行 Layer / Transform / Auto-Orient(自動導向):將 Orient Along Path選項打勾。

Rocket Trace04

Rocket Trace05


3.3
調整Rocket圖層的Rotation屬性:調整火箭旋轉度數到沿著路徑方向即可。

Rocket Trace06

3.4
在 Position屬性中間再加入2個 Keyframe:時間區段很近,表示飛行速度變慢。

Rocket Trace07

3.5
將中間2個 Keyframe各往第前、後的 Keyframe 拉近:拉長火箭慢速移動的時間。

Rocket Trace08

3.2
調整中間 2個 Keyframe 的 Position路徑為弧形。

Rocket Trace09

3.5
選到 Position屬性中間 2個 Keyframe + 「Alt鍵」點選:將關鍵影格切換成 圓形的 Continuous Bezier:產生更柔順的移動。

Rocket Trace09.1

3.6
打開 Graphic Editor視窗,調整 Motion Graphic曲線形狀:前後2個高峰,中間降低 的平緩形狀。

Rocket Trace10

Rocket Trace11

4、製作線條軌跡
4.1
使用筆型工具:Fill 無填色 + Stroke 有邊框。

Rocket Trace12


4.2
沿著火件移動的 Keyframe 時間與軌跡繪製出一條 Path:會增加一個新的Shape Layer!
PS.(從第1~第2個 Keyframe之間開始加入Path線條)

Rocket Trace13

4.3
替 Shape Layer中的 Stroke屬性加入2個 Dash(虛線):將Stroke變細,調整Dash與Gap參數到自己滿意的樣子。
Rocket Trace14

Rocket Trace15

4.4
在Shape Layer中複製多個 Path屬性:產生多條虛線後,錯開 Path之間的距離!
※ Path的軌跡要搭配火箭移動的方向與輪廓!

Rocket Trace16

Rocket Trace17

4.5
在Shape Layer中新增「Trim paths屬性」,設定 End 屬性的 Keyframe:配合火箭移動的時間與速度「出現」線條軌跡。

Rocket Trace18

Rocket Trace19

4.6
接著設定 Trim paths中的 Start屬性:配合火箭移動的時間設定 Keyframe讓軌跡「消失」。

Rocket Trace20

4.7
選擇所有的Path屬性,按「Ctrl+ G鍵」群組在一起:命名Group1。

Rocket Trace21
4.8
再將 Group1與 Trim Paths屬性按「Ctrl+ G鍵」群組在一起:命名Trace1。

Rocket Trace22
4.9
按「Ctrl+ D鍵」複製 Trace1群組:命名Trace2,並配合火箭移動路徑與時間:調整每個 Path的路徑長度與弧度。

Rocket Trace22.1

Rocket Trace23

4.10
重複步驟 4.5~4.6,重新設定 Trace 2中「Trim paths」的End、Start 屬性:產生線條軌跡。
Rocket Trace24

Rocket Trace25

4.11
微調 Trace 2中End、Start 屬性的Motion Graphic曲線:改變軌跡路徑消失的速率,產生拉長軌跡的感覺。

Rocket Trace26

PS:也可以配合移動軌跡的出現,加入火焰大小變化的關鍵影格可以讓動畫更生動!

Rocket Trace27

留言

對內容有任何問題與討論,歡迎留言給我們^^

Archive

聯絡表單

傳送