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

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

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

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

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

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

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

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

詳細(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)沒有變，然后同樣的效果也復(fù)制給寶石（可能有人會(huì)問為什么不把寶石與前五角星打預(yù)合成，然后做動(dòng)畫，分成兩層不會(huì)更麻煩嗎，至于這個(gè)問題，后面會(huì)進(jìn)行解答）

錨點(diǎn)，定位動(dòng)沒有變，然后同樣的效果也復(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ì)大，這樣給觀眾帶來的效果：雖然還沒有順時(shí)針旋轉(zhuǎn)，但是感覺后五角星是往右偏的，這樣在后面進(jìn)行旋轉(zhuǎn)也看起來自然。

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

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

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

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

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

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

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

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

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

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