AE表達(dá)式快速制作表針動畫

利用AE表達(dá)式，我們可以制作流暢的交互動畫，這里我們一起來探討下AE表達(dá)式插值方法控制動畫屬性的方法。

 

最終實現(xiàn)效果：

 

 

素材準(zhǔn)備

 

首先在PS中繪制好素材圖片，這是基本功，這里不再贅述，大家可以各顯神通做出自己滿意的圖片。

 

在將psd文件導(dǎo)入AE之前，為了使AE內(nèi)的層級結(jié)構(gòu)更簡單，我們可以先對psd文件的圖層進(jìn)行處理，減少層級結(jié)構(gòu)，合并與動畫動作無關(guān)的圖層，去除多余畫布空間。

 

整理前：

 

 

整理后：

 

 

動畫前期處理

 

ctrl+I導(dǎo)入psd文件，按照以下設(shè)置導(dǎo)入，保留最大圖層可編輯性和圖層結(jié)構(gòu)。

 

 

這樣我們就可以得到如下一個AE合成。

 

 

可以在項目窗口預(yù)覽到

 

 

大家或許都已經(jīng)注意到合成窗口里有一個沒有顯示的bg圖層，這里其實是一個小小的trick。因為我們要做的是表針旋轉(zhuǎn)的動畫，而旋轉(zhuǎn)屬性很重要的一個參數(shù)就是Anchor Point，錨定點屬性。在AE中，對于表針這樣形態(tài)的圖層，我們很難將它的錨定點精確定位在表盤中央，就無法繞著表盤的中心點自然旋轉(zhuǎn)。所以我準(zhǔn)備了一個和表盤同樣大小的圓并且和表盤重合，這樣，如果我們將表針和這個圓合并，利用AE的對齊功能，我們可以輕松將表針和圓組成的合成的錨定點定位在表盤中心，在制作動畫時隱藏掉bg圖層，即可。

 

AE的對齊選項

 

 

表盤定位示意圖

 

 

在AE中，我們可以ctrl+D復(fù)制該bg層，分別ctrl+shift+C與shi'z時針、分鐘和秒針創(chuàng)建預(yù)合成。

 

 

舉例，second合成的內(nèi)部結(jié)構(gòu)：

 

 

創(chuàng)建表達(dá)式動畫

 

在AE中我們可以創(chuàng)建一個Null圖層來作為動畫的控制層，為它添加效果-表達(dá)式控制-角度控制控制，效果-表達(dá)式控制-滑塊控制，來分別控制表針的角度和不透明度。

 

 

大家可以看到滑塊和角度的數(shù)值都為紅色，那是因為我們?yōu)檫@兩個屬性添加了表達(dá)式控制，方法為：按住Alt鍵，點擊屬性前的秒表圖標(biāo)。

 

為滑塊和角度分別添加如下表達(dá)式：

 

 

這里補充下AE表達(dá)式控制插值方法的基礎(chǔ)知識：

 

線性插值 linear(t, t_min, t_max, value1, value2)

 

緩動插值 ease(t, t_min, t_max, value1, value2)（類似關(guān)鍵幀輔助的F9）

 

緩入、緩出 ease_in(...), ease_out(...) 

 

理解起來很簡單，這里的角度控制表達(dá)式ease（time,0,3,0,720）可以解讀為：“time（時間）屬性在0到3秒的變化過程中，角度屬性發(fā)生發(fā)生0到720