Animate CC 動物簡易可愛跑步動畫
對於動物跑步較複雜之處是在四隻腳的動作表現上，包括跑步時的腳彎曲，是不易以補間動畫表現的，因此需藉由預先準備的彎曲腳元件來替換，由於是不同的元件替換，因此僅能以逐格動畫來表現。
目標動畫效果:應用影片片段元件表現可愛動物四隻腳的簡易跑步，除了元件的準備與安排表現動作之外，適時的替換腳彎曲元件將是動畫關鍵。
使用動畫技巧:影片片段元件、逐格動畫、變形中心、替換元件。
Step1. 範例檔元件庫中包含了所有動物的各個元件，其中腳的部分是只有直的與彎曲的腳。
首先進入到馬動作元件內，更改各元件變形中心至與身體連接處（頭、腳、尾巴），接著為所有圖層（影子圖層除外）於影格6、9、14、17處插入關鍵影格，所有圖層於影格21插入影格。
Step2. 依序設定影格6、9、14、17上的馬姿勢，並注意需要替換的元件：
Step3. 最後回到場景上，新增馬圖層於花草之下，置入馬動作於左側場景之外，於影格240插入關鍵影格，移動馬動作元件至右側場景外，建立傳統補間動畫，其餘圖層於影格240處插入影格完成此範例。
相關課程 : 優勢多媒體 - Adobe Animate CC製作HTML5動畫與互動效果
分享至
成為作者繼續創作的動力吧！
藉由Animate CC製作網頁上的動畫，並發佈成HTML5+CANVAS+JAVASCRIPT格式，已是最有效率設計製作專業網頁動畫效果的方式，筆者將藉由此空間分享與介紹Animate CC製作網頁動畫技巧，歡迎一起讓網頁上的內容動起來!
© 2024 vocus All rights reserved.