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

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

首先我們先看一下寶石海星的動畫。

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

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

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

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

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

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

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

0f 14f 28f 1s12f 1s26f

bend -9 0 9 0 -9

縮放 100,102 100,100 100,102

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

bend速度函數(shù)曲線

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

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

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

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

0f 14f 28f 1s12f 1s26f

-7 2 11 2 -11

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

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

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

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

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

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

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

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

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

這里我甚至還分離成了兩層，做一個傾斜矩形的位移動畫，以寶石圖層作為alpha遮罩。

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

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