JDHorton是我剛學ae時關注的一個大神，他制作的動畫都非常有靈性，是我早期臨摹學習的一個大哥。

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

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

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

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

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

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

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

詳細參數：

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

0f 14f 28f 1s12f 1s26f

bend -9 0 9 0 -9

縮放 100,102 100,100 100,102

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

bend速度函數曲線

縮放速度函數曲線

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

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

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

0f 14f 28f 1s12f 1s26f

-7 2 11 2 -11

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

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

接著開始做旋轉動畫，需要一個效果：扭曲-旋轉扭曲，這里參數根據個人感覺調節，我不給出具體數據，但是仍有幾個要點需要注意一下。

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

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

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

旋轉的速度函數曲線

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

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

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

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

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