AE表達(dá)式快速制作表針動(dòng)畫(huà)

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

 

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

 

 

素材準(zhǔn)備

 

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

 

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

 

整理前：

 

 

整理后：

 

 

動(dòng)畫(huà)前期處理

 

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

 

 

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

 

 

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

 

 

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

 

AE的對(duì)齊選項(xiàng)

 

 

表盤(pán)定位示意圖

 

 

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

 

 

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

 

 

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

 

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

 

 

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

 

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

 

 

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

 

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

 

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

 

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

 

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