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

閱讀時間約 1 分鐘
對於動物跑步較複雜之處是在四隻腳的動作表現上,包括跑步時的腳彎曲,是不易以補間動畫表現的,因此需藉由預先準備的彎曲腳元件來替換,由於是不同的元件替換,因此僅能以逐格動畫來表現。
目標動畫效果:應用影片片段元件表現可愛動物四隻腳的簡易跑步,除了元件的準備與安排表現動作之外,適時的替換腳彎曲元件將是動畫關鍵。
使用動畫技巧:影片片段元件、逐格動畫、變形中心、替換元件。
Step1.
範例檔元件庫中包含了所有動物的各個元件,其中腳的部分是只有直的與彎曲的腳。
首先進入到馬動作元件內,更改各元件變形中心至與身體連接處(頭、腳、尾巴),接著為所有圖層(影子圖層除外)於影格6、9、14、17處插入關鍵影格,所有圖層於影格21插入影格。
Step2.
依序設定影格6、9、14、17上的馬姿勢,並注意需要替換的元件:
Step3.
最後回到場景上,新增馬圖層於花草之下,置入馬動作於左側場景之外,於影格240插入關鍵影格,移動馬動作元件至右側場景外,建立傳統補間動畫,其餘圖層於影格240處插入影格完成此範例。
相關課程 : 優勢多媒體 - Adobe Animate CC製作HTML5動畫與互動效果
為什麼會看到廣告
哩老師
哩老師
現職:精誠資訊 恆逸教育訓練中心 專任多媒體設計 資深講師 專長:精通多媒體網頁視覺設計、平面設計與多媒體整合應用、Photoshop影像處理、網站視覺設計、Illustrator向量繪圖、Animate動畫效果設計、Dreamweaver網頁互動效果、Dreamweaver資料庫整合及RWD等。
留言0
查看全部
發表第一個留言支持創作者!