直入主題，分享一下這個(gè)動(dòng)畫(huà)制作時(shí)候所用到的方法。

這么一個(gè)有趣動(dòng)畫(huà)，你是否好奇怎么制作？

只要懂一點(diǎn)點(diǎn)數(shù)學(xué)，懂一點(diǎn)點(diǎn)表達(dá)式就可以分分鐘完成啦。

1.首先，創(chuàng)建一個(gè)800*600的合成，并創(chuàng)建一個(gè)同大小的純色層。添加兩個(gè)效果，一個(gè)是生成-寫(xiě)入，一個(gè)是扭曲-偏移。

寫(xiě)入用來(lái)繪制曲線，偏移用來(lái)讓曲線移動(dòng)。

2.然后，給畫(huà)筆位置（寫(xiě)入）添加表達(dá)式：

x=time*thisComp.layer("空1").effect("x軸偏移速率")("滑塊")；

y=Math.sin(time*thisComp.layer("空 1").effect("y軸來(lái)回頻率")("滑塊"))*thisComp.layer("空 1").effect("振幅")("滑塊")+300;

[x,y];

第一行：用時(shí)間乘上x(chóng)軸偏移速率，使得x的數(shù)值隨時(shí)間每一秒增加433.1。

第二行：數(shù)學(xué)公式：y=Asin(ωt+ψ)+B,這里A是振幅，ω是震動(dòng)頻率，由于繪制的曲線用偏移來(lái)做水平移動(dòng)，所以這里ψ=0，最后B是曲線在y軸方向上上下偏移的距離，這里我想讓曲線位于合成的中心，故偏移300（合成寬為600）。

3.之后，給將中心轉(zhuǎn)換為（偏移）添加表達(dá)式：

x=time*thisComp.layer("空1").effect("曲線循環(huán)")("滑塊");

y=effect("偏移")("將中心轉(zhuǎn)換為")[1];

[x,y];

第一行：x每秒向左偏移250。

第二行：y不需要變化，保持原值。

這兩步完成之后可以得到這樣的效果：

4.接著，將所有的層打預(yù)合成，向前偏移一定時(shí)間，為的是略去書(shū)寫(xiě)動(dòng)畫(huà)，確保一開(kāi)始就是完整的弧線運(yùn)動(dòng)，然后就簡(jiǎn)單了，復(fù)制四層，各偏移不同的時(shí)間，并給它們做上不同的遮罩。

這里需要一提的是，可以看到動(dòng)畫(huà)周期為8S（-00:00:00:17~00:00:07:07，24fps），可以讓動(dòng)畫(huà)前后無(wú)縫銜接。8S是最短的周期了，計(jì)算方式如下，還記得偏移是每秒250嗎，合成長(zhǎng)為800，由于sin曲線的對(duì)稱性，所以我們只需偏移半個(gè)合成長(zhǎng)400就可以與未偏移的曲線重合了，250與400的最小公倍數(shù)為2000,而2000/250=8，得到最小周期。

5.最后就是畫(huà)筆動(dòng)畫(huà)了，首先在ai中繪制畫(huà)筆，當(dāng)然這里畫(huà)筆簡(jiǎn)單也可以在ae直接繪制，接下來(lái)將錨點(diǎn)移動(dòng)筆尖，對(duì)旋轉(zhuǎn)和Y位置K幀做好動(dòng)畫(huà)，這里需要對(duì)照曲線確定筆來(lái)回移動(dòng)的最小周期，做好一個(gè)周期的筆的運(yùn)動(dòng)動(dòng)畫(huà)，接下來(lái)就只需要添加loopOut("cycle")表達(dá)式進(jìn)行無(wú)限正循環(huán)。

將關(guān)鍵復(fù)制給其他畫(huà)筆，調(diào)節(jié)位置，偏移時(shí)間線對(duì)上曲線節(jié)奏。最終效果就出來(lái)啦。

那么，請(qǐng)思考一下這個(gè)問(wèn)題，既然我們已經(jīng)在最開(kāi)始千方百計(jì)的得到了正弦函數(shù)的曲線了，為什么第五步還要再去k關(guān)鍵幀呢？為何第五步不使用第二步里面的y值呢？所以，想要更自動(dòng)化、更精準(zhǔn)的動(dòng)畫(huà)，就需要想明白各個(gè)動(dòng)畫(huà)與動(dòng)畫(huà)之間的聯(lián)系（僅適用于符合規(guī)律的動(dòng)畫(huà)，逐幀路徑動(dòng)畫(huà)不在這個(gè)范疇）。

當(dāng)然，細(xì)心的人會(huì)發(fā)現(xiàn)，這里并沒(méi)有做到完美，例如灰色線條應(yīng)該位于藍(lán)色線條之上，雖然只是簡(jiǎn)單的圖層順序問(wèn)題，不過(guò)追求完美，不斷優(yōu)化的理念是需要貫穿整個(gè)動(dòng)畫(huà)制作過(guò)程的。