哈囉！又到了歡樂的教學時光

這次要教的是如何將路徑圖形變成動畫

路徑動畫是模板與素材最無法取代的動畫效果之一

那我們開始吧

首先開啟一個 Comp

並且用文字工具打上你想要的文字

這邊為了教學速度，用了代表性的六

並且按下在文字點選右鍵，選擇 Create Shape from Text

這邊之所以不選用 Mask，是因為 Shape 可以在事後加入更多 Animate 的效果

這時候你會發現多了一個 Shape 圖層，原本的圖層會被設定成看不見

我們將它點開，檢視一下內部有甚麼

會發現目前的圖形是由三個物件所組成的

為求細緻，我們用手工的方式把上方的兩個筆畫拆開

拆開的方法，先複製兩個一樣的【物件】

並且開始刪除節點，直到像下方這樣

那上方的部分需要刪除完節點後，需要稍微位移一下原本左下角節點的位置

那這樣就物件拆除的部分就完成了

也可以先重新命名一下物件，避免錯亂

那接下來我們用圓形工具，拉出一個正圓形

可以按下 Shift + Alt + Ctrl 確保是從中心拉出正圓形

接下來將圓形的圖層打開

到 Ellipse 的部分，按下右鍵

將它轉換成純路徑

這時候就會發現可以在 Path 上下 keyframe 了

那我們回到原本文字的圖層，選取其中一個物件

先設置一個 keyframe後，將剛剛圓形的 keyframe Ctrl +C 複製，並在這裡貼上

這時候你的物件會變成圓形

我們可以按下 Ctrl + T 去控制它

我們按下 Ctrl R 叫出尺標，大概抓取物件的中心點

並且把圓形位移到那個位置

這時候大概的變形已經完成了

但是過程並不好看

我們可以發現節點會有類似破圖，跑到對面的現象

我們現在要來修正這個問題

一樣透過 Ctrl T 我們按住 Shift 可以讓它保持在原地，並且將他翻轉

這時候再去看一次變形動畫

就會流暢自然多了

如果你的圖形較為複雜

也可以透過在節點上點選右鍵

選取 Set First Vertex 去修正這個問題

那我們將所有物件做好後大概像這個樣子

我們透過一些 keyframe 位移，加入 Ease in out，並且在增加圓形位移

成果如下

那使用 Shape 的好處是

我們可以透過 Shape的其他功能增加圖形的豐富度

例如利用 Repeater 去製作長陰影

我們增加 Repeater 的數量，並減少它的距離

修改一下顏色，放背景凸顯出陰影效果

就完成了！

更多長陰影的製作方法介紹：https://sixvfx.com/3_long_shadow

那這次教學就到這邊，我們下次見！

此教學AE專案欓下載(cc 2018)：