ae教程：企鵝gif表情製作了解一下

QQ春節推出的遊園會活動給我留下了很不錯的印象，特別是小企鵝可愛的動效。抽空臨摹了幾個，把過程做了一些記錄，那麼今天就跟著小編一起來學習今天的企鵝gif表情製作吧！重點是學習和思考的過程～

雖然一開始我也是拒絕的，因為看起來就很複雜的樣子對吧。

具體的製作步驟如下：

步驟1:AI裏畫出小企鵝的基本形

這組動效裏小企鵝有幾種動作，但是元素是基本相同的，所以先畫一個正麵基本形態的圖準沒錯。

AI裏先一口氣畫完，所有形狀都在一個圖層裏，然後根據動作的需要，把不同部位分到相應的圖層並命名。

步驟2:完成基本型，接下來根據不同動作在基本型的基礎上調整動作和增加元素。

增加糖葫蘆，修改眼睛的樣式。

步驟3:導入AE中。AI裏分好圖層之後AE裏就很方便啦

通過對原圖的分析，這個動作的主要是這幾部分：

1.肚子和臉從左到右、從右到左的1個循環；

2.手抬起、放下的1個循環；

3.糖葫蘆旋轉的1個循環；

4.帽簷（不準確的名字）上下的1個循環；

這樣一拆分，就比較清晰了，接下來要做的是給有動作的圖層確定好旋轉中心，錨點默認都是在畫布中心的位置。'肚子'作為眼睛、嘴、帽子寶石的父級，'左手'作為糖葫蘆的父級，這樣的話隻需要對'肚子'添加位置的關鍵幀動作，'眼睛、嘴、帽子寶石'會有相同的動作效果。

左右帽簷的中心都在帽子的中間；兩個手的旋轉中心是手和身體鏈接的部位；糖葫蘆的旋轉中心是和手相接的地方。

這個就是移動定位點的工具，或者快捷鍵【Y】，隻能移動當前選中圖層的。

步驟4:最關鍵的動作部分，臨摹的話最重要的就是觀察原圖的動作，mac自帶的預覽工具可以把GIF圖以序列幀的方式查看，對學習動效設計很有幫助，也可以在ps中打開，一幀一幀的查看動作的變化。

這個動作比較簡單，都是周期內的1個循環，就在起始位置打上相同狀態的關鍵幀，中間位置打上動作最大變化的關鍵幀，最後選中所有關鍵幀【F9】或【右鍵>關鍵幀輔助>緩動】，讓動作更自然流暢。

完成的效果⬆️

其他幾個就不詳細描述了，操作大致相同，主要就是分析動作

⬆️這個動作的難點可能在於身體同時有位移、縮放、旋轉三個效果，稍有不同的是縮放和旋轉是1個周期內的兩個循環，手和帽子的動作跟上一動作大致相同，另外眼睛還有一個縮放效果。同樣的要把身體作為其他部位的父級。

⬆️跟上一個的關鍵幀差不多

⬆️這個動作中多一個燈籠元素，也是先在AI中畫好，需要注意的是，燈籠的'穗'有一個從曲線到直線的路徑動畫，可以有兩種處理方法：

1.在AI中用鋼筆路徑描邊的方式畫出穗子，並放到單獨的圖層，導入AE後右鍵穗子圖層選擇【從矢量圖形創建形狀】

2.在AE中用鋼筆工具直接畫出路徑並設置描邊寬度。

路徑的點盡量少不要有多餘的點，在設置路徑動畫的時候會更容易。