Animate CC 簡易半側面人物走路動畫
對於人物角色的走路動作，首先介紹最輕易可完成的半側面角度，這個角度的動作姿勢是最好表現的，只要準備好角色各肢體的獨立元件，搭配變形中心與傳統補間動畫即可完成。
目標動畫效果:應用影片片段元件表現角色人物的走路，除了元件的準備與安排來表現動作之外，將以傳統補間動畫製作肢體的動作，讓動作更為流暢。
使用動畫技巧:影片片段元件、傳統補間動畫、變形中心。
使用動畫技巧:影片片段元件、傳統補間動畫、變形中心。
Step1.
範例檔元件庫中的人物元件，包括頭、手與腳均是以獨立元件與圖層來組合起來。首先進入到人物影片片段元件內，即可看到所有的肢體元件均已分散至個別獨立圖層上。
範例檔元件庫中的人物元件，包括頭、手與腳均是以獨立元件與圖層來組合起來。首先進入到人物影片片段元件內，即可看到所有的肢體元件均已分散至個別獨立圖層上。
Step2.
使用自由變形工具來改變每個元件製作動畫時需要的變形中心點位置，頭於下巴處、二隻手均於與身體連接處、花於與左手相接處，二隻腳的變形重心請移至約為身體中央處，好讓腳的旋轉更自然。接著影子圖層於影格24插入影格，其餘圖層於影格6、11、14、19、24插入關鍵影格，準備開始調整走路時的各元件角度。
使用自由變形工具來改變每個元件製作動畫時需要的變形中心點位置，頭於下巴處、二隻手均於與身體連接處、花於與左手相接處，二隻腳的變形重心請移至約為身體中央處，好讓腳的旋轉更自然。接著影子圖層於影格24插入影格，其餘圖層於影格6、11、14、19、24插入關鍵影格，準備開始調整走路時的各元件角度。
Step3.
使用自由變形工具依序旋轉調整每個關鍵影格上各元件，於走路時所該呈現的角度，影格6與19上保持原站姿不動。
使用自由變形工具依序旋轉調整每個關鍵影格上各元件，於走路時所該呈現的角度，影格6與19上保持原站姿不動。
除了影子外，建立影格1-11與14-24間的傳統補間動畫，影格11-14間的安排是要讓該姿勢稍作停留，因此不建立傳統補間動畫。
Step4.
最後回到場景上新增人物圖層於背景圖層之上，置入人物元件於右側場景之外，於影格300處插入關鍵影格，移動人物元件至左側場景之外，建立傳統補間動畫，背景圖層於影格300處插入影格，完成此範例。
最後回到場景上新增人物圖層於背景圖層之上，置入人物元件於右側場景之外，於影格300處插入關鍵影格，移動人物元件至左側場景之外，建立傳統補間動畫，背景圖層於影格300處插入影格，完成此範例。
相關課程 : 優勢多媒體 - Adobe Animate CC製作HTML5動畫與互動效果
即將進入廣告，捲動後可繼續閱讀
為什麼會看到廣告
29會員
161內容數
藉由Animate CC製作網頁上的動畫，並發佈成HTML5+CANVAS+JAVASCRIPT格式，已是最有效率設計製作專業網頁動畫效果的方式，筆者將藉由此空間分享與介紹Animate CC製作網頁動畫技巧，歡迎一起讓網頁上的內容動起來!
留言0
查看全部
你可能也想看
Google News 追蹤
這個秋，Chill 嗨嗨！穿搭美美去賞楓，裝備款款去露營⋯⋯你的秋天怎麼過？秋日 To Do List 等你分享！
秋季全站徵文，我們準備了五個創作主題，參賽還有機會獲得「火烤兩用鍋」，一起來看看如何參加吧～
11/20日NVDA即將公布最新一期的財報, 今天Sell Side的分析師, 開始調高目標價, 市場的股價也開始反應, 未來一週NVDA將重新回到美股市場的焦點, 今天我們要分析NVDA Sell Side怎麼看待這次NVDA的財報預測, 以及實際上Buy Side的倉位及操作, 從
Hi 大家好，我是Ethan😊
相近大家都知道保濕是皮膚保養中最基本，也是最重要的一步。無論是在畫室裡長時間對著畫布，還是在旅途中面對各種氣候變化，保持皮膚的水分平衡對我來說至關重要。保濕化妝水不僅能迅速為皮膚補水，還能提升後續保養品的吸收效率。
曾經，我的保養程序簡單到只包括清潔和隨意上乳液
這篇文章將會講述 Animator 中 Play 和 Transition 的差異和特色。
這篇文章將會介紹一個 Unity 3D 的人物角色和動畫的網站，以及安裝和放置遊戲中的簡易流程。
這篇文章將會介紹 Unity Animatior Edit 參數控制的方法，藉由連結程式腳本和動畫編輯器，讓動畫更靈活的運作。
這篇文章將會講述 Animation 在設定後要如何使用程式觸發，並不介紹直接使用的 Animation，並簡易提到 Animator 的連結教學。
這個秋，Chill 嗨嗨！穿搭美美去賞楓，裝備款款去露營⋯⋯你的秋天怎麼過？秋日 To Do List 等你分享！
秋季全站徵文，我們準備了五個創作主題，參賽還有機會獲得「火烤兩用鍋」，一起來看看如何參加吧～
11/20日NVDA即將公布最新一期的財報, 今天Sell Side的分析師, 開始調高目標價, 市場的股價也開始反應, 未來一週NVDA將重新回到美股市場的焦點, 今天我們要分析NVDA Sell Side怎麼看待這次NVDA的財報預測, 以及實際上Buy Side的倉位及操作, 從
Hi 大家好，我是Ethan😊
相近大家都知道保濕是皮膚保養中最基本，也是最重要的一步。無論是在畫室裡長時間對著畫布，還是在旅途中面對各種氣候變化，保持皮膚的水分平衡對我來說至關重要。保濕化妝水不僅能迅速為皮膚補水，還能提升後續保養品的吸收效率。
曾經，我的保養程序簡單到只包括清潔和隨意上乳液
這篇文章將會講述 Animator 中 Play 和 Transition 的差異和特色。
這篇文章將會介紹一個 Unity 3D 的人物角色和動畫的網站，以及安裝和放置遊戲中的簡易流程。
這篇文章將會介紹 Unity Animatior Edit 參數控制的方法，藉由連結程式腳本和動畫編輯器，讓動畫更靈活的運作。
這篇文章將會講述 Animation 在設定後要如何使用程式觸發，並不介紹直接使用的 Animation，並簡易提到 Animator 的連結教學。