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

Shape-Shadow-Change-Gif

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


操作步驟

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

Shape Shadow Change 01

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

Shape Shadow Change 02

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%。

Shape Shadow Change 03

Shape Shadow Change 04

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

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

Shape Shadow Change 06

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

Shape Shadow Change 07

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

Shape Shadow Change 08

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

Shape Shadow Change 09

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

Shape Shadow Change 10

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

0 意見:

張貼留言