JDHorton是我剛學(xué)ae時(shí)關(guān)注的一個(gè)大神，他制作的動(dòng)畫(huà)都非常有靈性，是我早期臨摹學(xué)習(xí)的一個(gè)大哥。

當(dāng)然，這個(gè)動(dòng)畫(huà)的臨摹已經(jīng)好久好久之前的事了，且這篇文章也是許久之前寫(xiě)的，過(guò)程的闡述與k幀方面會(huì)有些許拖沓的地方，不過(guò)不影響兩個(gè)內(nèi)置效果的說(shuō)明。

首先我們先看一下寶石海星的動(dòng)畫(huà)。

當(dāng)然要完成這么一個(gè)有趣的動(dòng)畫(huà)，最先需要的當(dāng)然寶石海星。我已將我的ai源文件上傳了，下載完之后就可以上手制作。

第一步：導(dǎo)入ai文件，右鍵轉(zhuǎn)為形狀圖層?？偣菜膶樱簩毷Ｐ堑膶毷?，前五角星，后五角星，背景。合成設(shè)置：800*600,30fps。

第二步：給前五角星做動(dòng)畫(huà)，添加效果扭曲-CC Bend It， start定位在圖像底部，end定位在圖像上方。不過(guò)過(guò)程中大家可能出現(xiàn)下面這種情況。

整個(gè)圖像被裁減了而且改變bend的參數(shù)也只是裁剪后的圖像在扭曲，這不是我想要的結(jié)果。但是將其定位點(diǎn)往上移動(dòng)會(huì)發(fā)現(xiàn)圖像逐漸完整，這時(shí)候改變bend參數(shù)，整個(gè)五角星開(kāi)始左右扭曲，這就是我想要的效果。當(dāng)然同理，如果發(fā)現(xiàn)五角星底部?jī)蓚€(gè)腳也存在被裁減的現(xiàn)象，可以將start的定位點(diǎn)下移。大家仔細(xì)看圖的話，可以看到在測(cè)試后，我對(duì)start定位點(diǎn)進(jìn)行了下移。不過(guò)記好start在下，end在上，至于為什么大家自己嘗試一下就知道了。

然后給bend打上關(guān)鍵幀，除此之外呢，我同時(shí)還對(duì)縮放進(jìn)行了K幀（錨點(diǎn)對(duì)齊到圖像底部），讓五角星看起來(lái)拉伸了。

詳細(xì)參數(shù)：

————————————————————————————

0f 14f 28f 1s12f 1s26f

bend -9 0 9 0 -9

縮放 100,102 100,100 100,102

————————————————————————————

bend速度函數(shù)曲線

縮放速度函數(shù)曲線

錨點(diǎn)，定位動(dòng)沒(méi)有變，然后同樣的效果也復(fù)制給寶石（可能有人會(huì)問(wèn)為什么不把寶石與前五角星打預(yù)合成，然后做動(dòng)畫(huà)，分成兩層不會(huì)更麻煩嗎，至于這個(gè)問(wèn)題，后面會(huì)進(jìn)行解答）

錨點(diǎn)，定位動(dòng)沒(méi)有變，然后同樣的效果也復(fù)制給后五角星，但這里我將bend的數(shù)值上調(diào)了2，即：

——————————————————————

0f 14f 28f 1s12f 1s26f

-7 2 11 2 -11

——————————————————————

因?yàn)楹罄m(xù)我會(huì)讓后五角星順時(shí)針轉(zhuǎn)，將bend的數(shù)值上調(diào)，圖形往右偏移的幅度較左邊會(huì)大，這樣給觀眾帶來(lái)的效果：雖然還沒(méi)有順時(shí)針旋轉(zhuǎn)，但是感覺(jué)后五角星是往右偏的，這樣在后面進(jìn)行旋轉(zhuǎn)也看起來(lái)自然。

接著開(kāi)始做旋轉(zhuǎn)動(dòng)畫(huà)，需要一個(gè)效果：扭曲-旋轉(zhuǎn)扭曲，這里參數(shù)根據(jù)個(gè)人感覺(jué)調(diào)節(jié)，我不給出具體數(shù)據(jù)，但是仍有幾個(gè)要點(diǎn)需要注意一下。

第一點(diǎn)：旋轉(zhuǎn)扭曲的旋轉(zhuǎn)當(dāng)然是先0上升到一個(gè)數(shù)值，然后下降到0，不過(guò)這里我手動(dòng)K了一個(gè)幀。數(shù)值：0->56->0->-2->0。為的是結(jié)束的時(shí)候有一個(gè)彈性的感覺(jué)。

第二點(diǎn)：自身圖層變換屬性的旋轉(zhuǎn)（快捷鍵R的那個(gè)），它的數(shù)值除了0-360，也添加一個(gè)彈性感覺(jué)。數(shù)值：0->360->359->360。

第三點(diǎn)：第一點(diǎn)中的那個(gè)關(guān)鍵幀56，改放在那個(gè)時(shí)間點(diǎn)呢？這里根據(jù)第二點(diǎn)的速度函數(shù)曲線來(lái)判斷，詳細(xì)看下圖。

旋轉(zhuǎn)的速度函數(shù)曲線

可以看到曲線的峰值速度在3:28f處，也就是說(shuō)在這個(gè)時(shí)間點(diǎn)旋轉(zhuǎn)的數(shù)值變化率是做大的，那么我將旋轉(zhuǎn)扭曲數(shù)值56匹配至該時(shí)間點(diǎn)，就可以在節(jié)奏上進(jìn)行銜接。（更完美的匹配是將其往后延遲1~2幀）。還有就是由于我后三角的錨點(diǎn)沒(méi)有計(jì)算定位到中心，所以我給位置K幀讓他看起來(lái)是在中心旋轉(zhuǎn)。

上面都完成后，就得到了大體的效果了，不過(guò)似乎還缺了什么。是的，還記得寶石圖層嗎，這里分離為的是一個(gè)高光

這里我甚至還分離成了兩層，做一個(gè)傾斜矩形的位移動(dòng)畫(huà)，以寶石圖層作為alpha遮罩。

那么整個(gè)寶石的動(dòng)畫(huà)基本也算是大功告成了。我的話，還給他添加了影子最后我將所有圖層打預(yù)合成（除了綠色背景），復(fù)制兩層，添加效果：生成-填充，扭曲-貝塞爾變形，模糊-高斯模糊。

填充色為黑色，貝塞爾變形橫縱向拉伸或收縮影子模擬透視，兩圖層各用不同數(shù)值的模糊做出柔邊，降低透明度，調(diào)節(jié)大合成小，最后調(diào)整圖層順序，寶石海星動(dòng)畫(huà)就可以說(shuō)是很完美了。