Animate CC Q版側面跑步動畫
更新於 發佈於 閱讀時間約 1 分鐘
Q版人物通常都是頭大、手短、腳短，因此在跑步時的動作步伐比較小，同樣需要注意手腳與身體元件的配合，搭配傳統補間動畫即可確保跑步動作的流暢。
目標動畫效果:應用影片片段元件表現可愛人物的跑步動作，除了元件的準備與安排來表現動作之外，以傳統補間動畫讓動作更為流暢。
使用動畫技巧:影片片段元件、傳統補間動畫、變形中心。
使用動畫技巧:影片片段元件、傳統補間動畫、變形中心。
Step1.
範例檔元件庫中的人物元件包括頭、手、身體與腳均為獨立元件與獨立圖層所組成，眼睛眨眼元件是同5-5-1的眨眼元件製作方式準備的。
範例檔元件庫中的人物元件包括頭、手、身體與腳均為獨立元件與獨立圖層所組成，眼睛眨眼元件是同5-5-1的眨眼元件製作方式準備的。
進入人物元件內，使用自由變形工具來改變每個元件製作動畫時需要的變形中心點位置，頭於下巴處、二隻手及腳於與身體連接處。
Step2.
繼續在人物元件內，影子圖層於影格12插入影格，其餘圖層於影格4、7、10、12插入關鍵影格，依序設定各關鍵影格上的元件移動與旋轉，來表現較細膩的跑步姿勢。
繼續在人物元件內，影子圖層於影格12插入影格，其餘圖層於影格4、7、10、12插入關鍵影格，依序設定各關鍵影格上的元件移動與旋轉，來表現較細膩的跑步姿勢。
Step3.
全部圖層建立傳統補間動畫，完成人物元件。最後回到場景上，新增人物圖層，並置入人物元件於場景左側外，至影格120處插入關鍵影格並移動人物至場景右側外，建立傳統補間動畫完成此範例。
全部圖層建立傳統補間動畫，完成人物元件。最後回到場景上，新增人物圖層，並置入人物元件於場景左側外，至影格120處插入關鍵影格並移動人物至場景右側外，建立傳統補間動畫完成此範例。
相關課程 : 優勢多媒體 - Adobe Animate CC製作HTML5動畫與互動效果
為什麼會看到廣告
29會員
129內容數
多媒體設計的專業能力養成過程，除了有效率學習軟體之外，更重要的是各個軟體間的整合應用!
Photoshop、Illustrator、Dreamweaver、Animate、CSS、Bootstrap響應式網頁等，相關的整合應用有機會皆會與大家分享喔~
留言0
查看全部
你可能也想看
Google News 追蹤
提問的內容越是清晰，強者、聰明人越能在短時間內做判斷、給出精準的建議，他們會對你產生「好印象」，認定你是「積極」的人，有機會、好人脈會不自覺地想引薦給你
Animation Presets 是預設的動畫效果和屬性設定，套用後就可以做出動畫效果。
Animate Out 是預設的文字出場(離開)效果。
Animation Presets 是預設的動畫效果和屬性設定，套用後就可以做出動畫效果，無需從零開始進行複雜的調整。
其中的 Animate In 是讓文字以各種動畫方式進場。可用來製作標題或字幕進場的動畫。
從2021年就在日本巡迴的《Animage雜誌和吉卜力展》，現在從1/8～4/6在華山1914文創園區東2C、D棟展出。
看到參加路跑的朋友，是否也不自覺羨慕她們的青春活力與好身材呢？沒關係，只需要具備幾個簡單的基本條件，一樣可以在路上輕鬆跑5~10公里，如果想挑戰自己，跑一次半/全馬來也可以，此篇文章將會以循序漸進的方式來分享如何訓練。
Ae 小技巧：CC Bend It 彎曲
動態後記系列會記錄一些我在製作中的記錄，可能是分解動畫、小技巧、發想、腳本......等等。 每篇都是小短篇，就是補充用的小筆記，沒有前後順序，可跳著閱讀。
運科竹愛科普：中長距離跑者肌力訓練方法大揭密：如何提升表現？
你時常困惑於該使用何種方式來強化自己的跑步運動表現嗎？時常困惑於究竟該不該做肌力訓練嗎？認為肌力訓練對於改善跑步運動表現絲毫沒有幫助嗎？那麼你應該要來看看這篇最新的運動科學研究。
Ae 小技巧：Wiggle Paths 手繪感
動態後記系列會記錄一些我在製作中的記錄，可能是分解動畫、小技巧、發想、腳本......等等。 每篇都是小短篇，就是補充用的小筆記，沒有前後順序，可跳著閱讀。
提問的內容越是清晰，強者、聰明人越能在短時間內做判斷、給出精準的建議，他們會對你產生「好印象」，認定你是「積極」的人，有機會、好人脈會不自覺地想引薦給你
Animation Presets 是預設的動畫效果和屬性設定，套用後就可以做出動畫效果。
Animate Out 是預設的文字出場(離開)效果。
Animation Presets 是預設的動畫效果和屬性設定，套用後就可以做出動畫效果，無需從零開始進行複雜的調整。
其中的 Animate In 是讓文字以各種動畫方式進場。可用來製作標題或字幕進場的動畫。
從2021年就在日本巡迴的《Animage雜誌和吉卜力展》，現在從1/8～4/6在華山1914文創園區東2C、D棟展出。
看到參加路跑的朋友，是否也不自覺羨慕她們的青春活力與好身材呢？沒關係，只需要具備幾個簡單的基本條件，一樣可以在路上輕鬆跑5~10公里，如果想挑戰自己，跑一次半/全馬來也可以，此篇文章將會以循序漸進的方式來分享如何訓練。
Ae 小技巧：CC Bend It 彎曲
動態後記系列會記錄一些我在製作中的記錄，可能是分解動畫、小技巧、發想、腳本......等等。 每篇都是小短篇，就是補充用的小筆記，沒有前後順序，可跳著閱讀。
運科竹愛科普：中長距離跑者肌力訓練方法大揭密：如何提升表現？
你時常困惑於該使用何種方式來強化自己的跑步運動表現嗎？時常困惑於究竟該不該做肌力訓練嗎？認為肌力訓練對於改善跑步運動表現絲毫沒有幫助嗎？那麼你應該要來看看這篇最新的運動科學研究。
Ae 小技巧：Wiggle Paths 手繪感
動態後記系列會記錄一些我在製作中的記錄，可能是分解動畫、小技巧、發想、腳本......等等。 每篇都是小短篇，就是補充用的小筆記，沒有前後順序，可跳著閱讀。