QQ小企鵝動效學習分享
QQ春節推出的遊園會活動給我留下了很不錯的印象，特別是小企鵝可愛的動效。抽空臨摹了幾個，把過程做了一些記錄，把學習和思考的過程分享一下～
一開始我也是拒絕的，看起來就很複雜的樣子對吧。
Step1:AI裡畫出小企鵝的基本形
這組動效裡小企鵝有幾種動作，但是元素是基本相同的，所以先畫一個正面基本形態的圖準沒錯。
AI裡先一口氣畫完，所有形狀都在一個圖層裡，然後根據動作的需要，把不同部位分到相應的圖層並命名。
Step2:完成基本型，接下來根據不同動作在基本型的基礎上調整動作和增加元素。 
增加糖葫蘆，修改眼睛的樣式。
Step3:匯入AE中。AI裡分好圖層之後AE裡就很方便啦 
通過對原圖的分析，這個動作的主要是這幾部分：
1.肚子和臉從左到右、從右到左的1個迴圈；
2.手抬起、放下的1個迴圈；
3.糖葫蘆旋轉的1個迴圈；
4.帽簷（不準確的名字）上下的1個迴圈；
這樣一拆分，就比較清晰了，接下來要做的是給有動作的圖層確定好旋轉中心，錨點預設都是在畫布中心的位置。‘肚子’作為眼睛、嘴、帽子寶石的父級，‘左手’作為糖葫蘆的父級，這樣的話只需要對‘肚子’新增位置的關鍵幀動作，‘眼睛、嘴、帽子寶石’會有相同的動作效果。
左右帽簷的中心都在帽子的中間；兩個手的旋轉中心是手和身體連結的部位；糖葫蘆的旋轉中心是和手相接的地方。
這個就是移動定位點的工具，或者快捷鍵【Y】，只能移動當前選中圖層的。
Step4:嘴關鍵的動作部分，臨摹的話最重要的就是觀察原圖的動作，mac自帶的預覽工具可以把GIF圖以序列幀的方式檢視，對學習動效設計很有幫助，也可以在ps中開啟，一幀一幀的檢視動作的變化。
這個動作比較簡單，都是週期內的1個迴圈，就在起始位置打上相同狀態的關鍵幀，中間位置打上動作最大變化的關鍵幀，最後選中所有關鍵幀【F9】或【右鍵>關鍵幀輔助>緩動】，讓動作更自然流暢。
完成的效果:arrow_up: