Animate CC 線條人物側面跑步動畫

2020/02/13閱讀時間約 1 分鐘
接著將介紹更為細膩的角色跑步動畫,細膩處即是手與腳都各分為二部分,因此無論是各元件的調整與設定都需要更仔細,否則將有元件中途分開的問題。
目標動畫效果:應用影片片段元件表現線條人物的的跑步,除了元件的準備與安排來表現動作之外,手與腳的部分均以二元件組成,所有元件將以傳統補間動畫讓動作更為流暢。
使用動畫技巧:影片片段元件、傳統補間動畫、變形中心。
Step1.
範例檔元件庫中的動作元件包括頭、手、身體與腳均為獨立元件與獨立圖層所組成。
進入動作元件內,使用自由變形工具來改變每個元件製作動畫時需要的變形中心點位置,頭於下巴處、二隻手及腳於與身體連接處。
Step2.
繼續在動作元件內於影格3與5為所有圖層插入關鍵影格,依序調整影格3與5上的線條人物動作,建立傳統補間完成跑步動作元件。
Step3.
回到場景上新增動作圖層並置入動作元件於右側場景外,點取動作元件並執行『修改 > 變形 > 水平翻轉』,同時並移動場景元件至左側場景外;
二圖層於影格100處插入關鍵影格,移動人物動作元件至左側場景外、移動場景元件至右側場景,建立傳統補間動畫完成此範例。
相關課程 : 優勢多媒體 - Adobe Animate CC製作HTML5動畫與互動效果
為什麼會看到廣告
哩老師
哩老師
現職:精誠資訊 恆逸教育訓練中心 專任多媒體設計 資深講師 專長:精通多媒體網頁視覺設計、平面設計與多媒體整合應用、Photoshop影像處理、網站視覺設計、Illustrator向量繪圖、Animate動畫效果設計、Dreamweaver網頁互動效果、Dreamweaver資料庫整合及RWD等。
留言0
查看全部
發表第一個留言支持創作者!