Animate CC Q版動物走路動畫

【檢視範例】【下載範例】

可愛版的動物走路，最大特色是在於腳的部分將省略因走路而彎曲的動作，而是以短比例的腳來表現可愛風格，所以仍然需要注意走路時腳元件的調整。

目標動畫效果:應用影片片段元件表現可愛動物四隻腳的走路，除了元件的準備與安排來表現動作之外，將以傳統補間動畫讓動作更為流暢。 使用動畫技巧:影片片段元件、傳統補間動畫、變形中心。

Step1. 範例檔元件庫中的馬元件，除了頭之外其餘四隻腳與尾巴，同樣在繪製時就已經在與身體連接面留下框線的缺口，讓填色與身體元件自然接合，就不會因為不同姿勢安排而破壞角色完整性，而為了表現可愛版的走路，因此馬腳並不包含彎曲動作。

首先進入到馬動作元件內，元件內的二條水平導引參考線將是動作設定時的參考，請依序修正每個元件的變形中心位置，腳與尾巴均是在與身體銜接處，頭的中心點請更正為與脖子銜接處。

Step2. 於影格7、13、19、23插入關鍵影格，準備來設定馬跑步時需要的動作：

Step3. 建立傳統補間動畫，完成馬可愛版走路動作。最後回到場景上新增馬圖層於前景圖層之下，置入馬動作元件於右側場景之外，於影格240處插入關鍵影格，移動馬元件至左側場景之外並縮小，建立傳統補間動畫，前景與背景圖層於影格240處插入影格，完成此範例。

相關課程 : 優勢多媒體 - Adobe Animate CC製作HTML5動畫與互動效果