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

線條軌跡效果

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


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

製作步驟

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


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


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


3.2
選到定 Rocket圖層，執行 Layer / Transform / Auto-Orient（自動導向）：將 Orient Along Path選項打勾。



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


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


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


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


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


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



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



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


4.3
替 Shape Layer中的 Stroke屬性加入2個 Dash（虛線）：將Stroke變細，調整Dash與Gap參數到自己滿意的樣子。


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



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



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


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

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

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



4.10

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


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