Animate CC 動物簡易可愛跑步動畫

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

對於動物跑步較複雜之處是在四隻腳的動作表現上，包括跑步時的腳彎曲，是不易以補間動畫表現的，因此需藉由預先準備的彎曲腳元件來替換，由於是不同的元件替換，因此僅能以逐格動畫來表現。

目標動畫效果:應用影片片段元件表現可愛動物四隻腳的簡易跑步，除了元件的準備與安排表現動作之外，適時的替換腳彎曲元件將是動畫關鍵。 使用動畫技巧:影片片段元件、逐格動畫、變形中心、替換元件。

Step1. 範例檔元件庫中包含了所有動物的各個元件，其中腳的部分是只有直的與彎曲的腳。

首先進入到馬動作元件內，更改各元件變形中心至與身體連接處（頭、腳、尾巴），接著為所有圖層（影子圖層除外）於影格6、9、14、17處插入關鍵影格，所有圖層於影格21插入影格。

Step2. 依序設定影格6、9、14、17上的馬姿勢，並注意需要替換的元件：

Step3. 最後回到場景上，新增馬圖層於花草之下，置入馬動作於左側場景之外，於影格240插入關鍵影格，移動馬動作元件至右側場景外，建立傳統補間動畫，其餘圖層於影格240處插入影格完成此範例。

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