Animate CC Q版側面跑步動畫

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

Q版人物通常都是頭大、手短、腳短，因此在跑步時的動作步伐比較小，同樣需要注意手腳與身體元件的配合，搭配傳統補間動畫即可確保跑步動作的流暢。

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

Step1. 範例檔元件庫中的人物元件包括頭、手、身體與腳均為獨立元件與獨立圖層所組成，眼睛眨眼元件是同5-5-1的眨眼元件製作方式準備的。

進入人物元件內，使用自由變形工具來改變每個元件製作動畫時需要的變形中心點位置，頭於下巴處、二隻手及腳於與身體連接處。

Step2. 繼續在人物元件內，影子圖層於影格12插入影格，其餘圖層於影格4、7、10、12插入關鍵影格，依序設定各關鍵影格上的元件移動與旋轉，來表現較細膩的跑步姿勢。

Step3. 全部圖層建立傳統補間動畫，完成人物元件。最後回到場景上，新增人物圖層，並置入人物元件於場景左側外，至影格120處插入關鍵影格並移動人物至場景右側外，建立傳統補間動畫完成此範例。

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