利用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°的緩動變化”，即“0到3秒旋轉(zhuǎn)720°，有緩動效果”。

這里滑塊的控制表達(dá)式是通過

綁定(按住該圖標(biāo)拖動到角度文本標(biāo)簽上即可)“角度”得到的，我對該值除以360，再乘上100，即表達(dá)了在旋轉(zhuǎn)一圈360°的過程中，不透明度對應(yīng)增加到100%。

然后，我們只需要分別將各表針的旋轉(zhuǎn)、不透明度屬性分別綁定該控制層角度和滑塊屬性即可。

為了將表針的速度區(qū)分開，我將“minute” 和“hour”層的旋轉(zhuǎn)屬性控制表達(dá)式都做了倍數(shù)縮小處理。

導(dǎo)出ctrl+M，renderPS，在我的微盤為大家提供素材源(psd&aep)文件：http://vdisk.weibo.com/s/CdmxK5tSAbx-s

軟件版本需為adobe after effects cc 英文版，中文版表達(dá)式會報錯，安裝中文版的朋友可以使用微盤里為大家提供的工具先將軟件轉(zhuǎn)為英文版，一鍵操作，可以退回中文版，很快很舒心。