Shape Shadow Change / 形狀陰影變形動畫

今天我們將分享如何應用AE本身的Shape Layer功能，製作出帶有長陰影與變形效果的圖形Icon。這個範例教大家製作的是基本型，大家學會後也可以設計出任意形狀與底色，來做更多更精采的變化！


操作步驟

1、建立要產生投影的基本型
可以用形狀工具或 Pen Tools 繪製出自己想要的形狀。在這個範例我們使用基本的圓形，將它命名為「Circle」。
請自行設定自己喜歡的 Fill 顏色，並將 Stroke 顯示關閉。


2、產生陰影圖層
複製「Circle」圖層，當做要產生陰影的Shape，將它命名為「 Circle Shadow」。
並將 Fill 填色改為：深色系（例如同色較深的顏色）。
並將此圖層排列在「Circle」圖層下方。


3、如何產生 Long Shadow（長陰影）
在Circle Shape圖層中右邊Add 加入：Repeater屬性，設定參考如下：
陰影數量：
Repeater / Copies：300~600（視陰影長短需求）。
陰影方向：
Transform：Repeater / Position：1、1（使用正、負數改變方向！）。
陰影漸層（陰影越往外越淺）：
Transform：Repeater / Start Opacity、End Opacity。
Start Opacity：1％ ~ ？（數值越高陰影越黑）。
End Opacity：0％。


4、新增底層色塊Shape
4.1
新增一個Shape Layer圖層當做底層色塊與之後要做投影的形狀範圍：建議以Polygon 或 Rounded Rectangle 比較有「變形」的彈性（屬性）。
並將它命名為：「Box」。
4.2
請自行設計Fill填色。並將此圖層排列在「Circle Shadow」圖層下方來當做底色塊。

5、建立陰影的遮罩範圍
5.1
複製底層色塊Shape：要框住陰影範圍的Shape當做遮罩用，將它命名為：「Box Mask」。
PS：
遮罩用Shape要與底層色塊Shape相同，才會感覺陰影在底色塊範圍不會穿幫。
5.2
要將「Box Mask」圖層排列到Circle Shadow圖層上方，並在Circle Shadow圖層的TrkMat選項設定為：Alpha Matte ~ 。


6、如何讓陰影隨著形狀Shape一起改變
6.1讓Circle Shadow 與 Circle 一起變形做動畫。
先展開Circle Shadow圖層中的：Contents / Ellipse x / Ellipse x Path1中的：Size屬性，再使用「Alt鍵」開啟Size屬性的 Expression 。


6.2
同樣展開 Circle圖層中：Contents / Ellipse x / Ellipse x Path1的：Size屬性
6.3
按住Circle Shadow圖層中，Expression Size的螺旋圖示：拖拉 連結到 Circle圖層中的相同 Size屬性。


6.4
設定動態，只要回到Circle圖層中的Size屬性來設定動態即可。


7、設定底層色塊與遮罩的動態
陰影遮罩層與底層色塊Shape的變形動態，設定方想與步驟6相同的方法：就是相互連結要產生變形的屬性。請大家自己試試就能完成。
在這裡使用的是：Contents / Rectangle x / Rectangle x Path1中的：Roundness屬性，產生由方形變成四角導圓的形狀。


※請注意步驟 6中的「Size屬性」是指形狀圖層本身的 Size，而不是圖層最下方Transform中的Size，這是很容易忽略的地方，請大家留意喽！