After Effect 練習 – 文字動畫:Range Selector > Fill Color

After Effect 裡,文字有幾種預設的動畫,善加運用的話就可以做出豐富的視覺效果。

flower-title

首先用文字工具在場景上新增文字

001
002

可以利用"字元面板"和"對齊面板"調整文字的樣式和位置
003
004

接下來準備加入動畫

圖層面板 > 將文字圖層的選項展開
005

文字圖層 > 選項 > Animate > Fill Color > RGB(填色所用的色彩模式可以任選)
006

文字圖層套用了Fill Color效果後,預設會套用紅色#ff0000
007

008

調整顏色

Animator > Range Selector > Fill Color 調整動畫所需要用的顏色

009

接下來利用Animator > Range Selector來製作動畫

Animator > Range Selector裡

Start指的是文字套用Fill Color的"開始位置"

End指的是文字套用Fill Color的"結束位置"

如果Start:50%或End:50%,那文字圖層就會只有一半的圍範套用Fill Color的效果
010

在動畫開始的時間點按下Animator > Range Selector > Start的計時器%e8%9e%a2%e5%b9%95%e5%bf%ab%e7%85%a7-2018-04-16-%e4%b8%8b%e5%8d%884-06-50,並設定為0%
011

時間軸面板 > 將播放軸移%e8%9e%a2%e5%b9%95%e5%bf%ab%e7%85%a7-2018-04-16-%e4%b8%8b%e5%8d%883-58-25至動畫結束的時間點
012

將Animator > Range Selector > Start設定為100%
013

這樣就可以看到文字套用Fill Color的範圍從0%慢慢變到100%的漸變過程了
014

以下附上完成影片

Leave a Reply