Shape ani 101 in AE：Shape Transitions 形狀轉場效果

形狀轉場效果

轉場動畫經常應用到節目畫面的鏡頭轉換，也是在影視製作上不可或缺的技巧之一。
今天我們綜合之前分享過的範例：「Shape Boom 形狀爆炸效果」等技巧，看看如何利用Shape Layer來製作簡單有趣的形狀轉場動畫！

操作步驟

1、建立背景轉場Shape
1.1
請自行使用「Ellipse」工具，建立一個「圓形Shape」。或其它自己喜歡的形狀 !


1.2
調整圓形Shape的參數。
取消Fill（填色）、放大Stroke（邊框）：已能蓋住整個畫面為主！
Size：隨著Stroke的數值調整到適當的大小即可。
Stroke（邊框）：放大到成為一個圓形為止。
Fill（填色）：Opacity降低到 0％。
設定請參考下圖


2、設定圓形Shape轉場動態
2.1
在圓形Shape增加「Trim Paths」動畫節點。


2.2
設定「Trim Paths」參數。
設定Start參數：
時間：0~1秒 / Start：0％~100％。



2.3
調整動態速率。
選擇兩個關鍵影格，按 F9：形成 Easy Ease。
開啟 Graph Editor 視窗，調整速率曲線。如圖！


3、建立環狀轉場 Shape
3.1
產生一個「Group」節點，將之前設定好的「圓形Shape」與「Trim Paths」拉進「Group」中。
建議給「Group」一個簡單的命名，如：BG Shape。



3.2
複製一個 BG Shape，重新命名為：Stroke Shape。


3.3
調整「Stroke Shape」參數，改變成不同的 Shape顏色與形狀。
Stroke / Color：控制顏色。
Stroke / Stroke Width：控制形狀。
Transform：Ellipse / Scale：控制大小。如圖 !



3.3
改變環狀轉場的動態節奏。
直接按「U鍵」：顯示出Start原有的關鍵影格。
將第一個關鍵影格往後移，改變動作開始的時間點。


4、建立扇形 Shape
重複步驟3，複製出新的Group。命名如：Sector Shape。

調整參數形成扇形，需要調整的參數如下：
Stroke / Color：控制顏色。
Trim Path / Start、End、Offset：控制扇形範圍與旋轉動態。
Transform：Ellipse / Scale：控制離軸心的距離與大小。
以上參數請隨個人設計調整即可！並無一定的規則 !




5、加入Shape Boom爆炸動態
要使轉場畫面更豐富，我們可以加入「Shape Boom 形狀爆炸效果」的Repeater（重複）技巧，產生同心圓Shape爆炸效果。

請參考：「Shape Boom 形狀爆炸效果」

形狀轉場效果完成！
建議大家可以多多探索不同的形狀與時間節奏的變化，嘗試讓豐富有趣的 Shape Animation有更多的可能性。