Animate CC 動物簡易可愛跑步動畫
更新於 發佈於 閱讀時間約 1 分鐘
對於動物跑步較複雜之處是在四隻腳的動作表現上，包括跑步時的腳彎曲，是不易以補間動畫表現的，因此需藉由預先準備的彎曲腳元件來替換，由於是不同的元件替換，因此僅能以逐格動畫來表現。
目標動畫效果:應用影片片段元件表現可愛動物四隻腳的簡易跑步，除了元件的準備與安排表現動作之外，適時的替換腳彎曲元件將是動畫關鍵。
使用動畫技巧:影片片段元件、逐格動畫、變形中心、替換元件。
使用動畫技巧:影片片段元件、逐格動畫、變形中心、替換元件。
Step1.
範例檔元件庫中包含了所有動物的各個元件，其中腳的部分是只有直的與彎曲的腳。
範例檔元件庫中包含了所有動物的各個元件，其中腳的部分是只有直的與彎曲的腳。
首先進入到馬動作元件內，更改各元件變形中心至與身體連接處（頭、腳、尾巴），接著為所有圖層（影子圖層除外）於影格6、9、14、17處插入關鍵影格，所有圖層於影格21插入影格。
Step2.
依序設定影格6、9、14、17上的馬姿勢，並注意需要替換的元件：
依序設定影格6、9、14、17上的馬姿勢，並注意需要替換的元件：
Step3.
最後回到場景上，新增馬圖層於花草之下，置入馬動作於左側場景之外，於影格240插入關鍵影格，移動馬動作元件至右側場景外，建立傳統補間動畫，其餘圖層於影格240處插入影格完成此範例。
最後回到場景上，新增馬圖層於花草之下，置入馬動作於左側場景之外，於影格240插入關鍵影格，移動馬動作元件至右側場景外，建立傳統補間動畫，其餘圖層於影格240處插入影格完成此範例。
相關課程 : 優勢多媒體 - Adobe Animate CC製作HTML5動畫與互動效果
為什麼會看到廣告
29會員
129內容數
多媒體設計的專業能力養成過程，除了有效率學習軟體之外，更重要的是各個軟體間的整合應用!
Photoshop、Illustrator、Dreamweaver、Animate、CSS、Bootstrap響應式網頁等，相關的整合應用有機會皆會與大家分享喔~
留言0
查看全部
你可能也想看
Google News 追蹤
/
大家現在出門買東西還會帶錢包嗎
鴨鴨發現自己好像快一個禮拜沒帶錢包出門
還是可以天天買滿買好回家(?
因此為了記錄手機消費跟各種紅利優惠
鴨鴨都會特別注意銀行的App好不好用！
像是介面設計就是會很在意的地方
很多銀行通常會為了要滿足不同客群
會推出很多App讓使用者下載
每次
可能包含敏感內容
在這篇文章中，草莓菓子分享了她的克洛斯舞蹈剪輯過程，並探討了使用特效和濾鏡的挑戰。儘管手機性能有限，最終仍然通過創新的剪輯技巧完成了作品。她還分享了一些有趣的舞蹈片段和使用AI語音系統的體驗，希望能與觀眾互動並不斷精進自己的剪輯技巧。
Ae 小技巧：CC Bend It 彎曲
動態後記系列會記錄一些我在製作中的記錄，可能是分解動畫、小技巧、發想、腳本......等等。 每篇都是小短篇，就是補充用的小筆記，沒有前後順序，可跳著閱讀。
Ae 小技巧：Wiggle Paths 手繪感
動態後記系列會記錄一些我在製作中的記錄，可能是分解動畫、小技巧、發想、腳本......等等。 每篇都是小短篇，就是補充用的小筆記，沒有前後順序，可跳著閱讀。
Ae 小技巧：Trim Paths 的應用
動態後記系列會記錄一些我在製作中的記錄，可能是分解動畫、小技巧、發想、腳本......等等。 每篇都是小短篇，就是補充用的小筆記，沒有前後順序，可跳著閱讀。
散步時來到彩虹輪狀跑道練習場，看到小朋友在晃晃走路都還搖搖晃晃的時候，就已經可以開始練習滑步車了，樣子真是可愛極了。滑步車的練習可以幫助小朋友鍛鍊平衡感、協調性和肌肉力量，為日後學習騎自行車打下基礎。
這個大人這一直繞著到這整個場地不斷的來回溜著，看起來好瀟灑。不過也替旁邊騎小車子的小朋友擔心，萬
今天又是跑步日，跑完步最需要做的就是腿部伸展了。
3/26 Day20心得
跑步充分熱身之後做瑜珈，柔軟度有感變佳!有些平常做起來稍微吃力的動作今天都比較輕鬆，像是前腿貼地彎曲90度、後腳伸直、同時身體前彎的動作可以不費力地就讓胸口緊貼膝蓋，充分向前彎曲，拉開臀側肌肉。
偶爾呼吸節奏會跟老
嗨！朋友們！要和大家分享一個網站 - Sapiens Character Builder，它允許你自由組合屬於你專屬的人物插圖。其中包括走路、跑步、站立和騎單車等四種動作，當然除了這四種動作，更提供五大部分的自由調整，包括色系、性別、角色動作、環境場景，以及頭部、上半身與下半身的組合。讓我們看下去！
對於跑步愛好者，《天生就會跑》這本書提供了簡單而實踐的訓練方法，包括專項肌力訓練和調整跑姿，可幫助提升跑步的經濟性和樂趣。
超慢跑顧名思義就是跑得超級慢，時速大約和走路的時速差不多，每公里大約在十到十五分鐘左右完成。換言之，跑了一個小時大概可以前進五公里左右。這樣看來，就是用跑步的姿勢來進行走路。雖然兩者的姿勢有所差別，但卻可以達到相同的時速。跑步的姿勢是膝蓋彎曲，然後往前踏時是腳尖先著地，再來是後腳跟；而走
/
大家現在出門買東西還會帶錢包嗎
鴨鴨發現自己好像快一個禮拜沒帶錢包出門
還是可以天天買滿買好回家(?
因此為了記錄手機消費跟各種紅利優惠
鴨鴨都會特別注意銀行的App好不好用！
像是介面設計就是會很在意的地方
很多銀行通常會為了要滿足不同客群
會推出很多App讓使用者下載
每次
可能包含敏感內容
在這篇文章中，草莓菓子分享了她的克洛斯舞蹈剪輯過程，並探討了使用特效和濾鏡的挑戰。儘管手機性能有限，最終仍然通過創新的剪輯技巧完成了作品。她還分享了一些有趣的舞蹈片段和使用AI語音系統的體驗，希望能與觀眾互動並不斷精進自己的剪輯技巧。
Ae 小技巧：CC Bend It 彎曲
動態後記系列會記錄一些我在製作中的記錄，可能是分解動畫、小技巧、發想、腳本......等等。 每篇都是小短篇，就是補充用的小筆記，沒有前後順序，可跳著閱讀。
Ae 小技巧：Wiggle Paths 手繪感
動態後記系列會記錄一些我在製作中的記錄，可能是分解動畫、小技巧、發想、腳本......等等。 每篇都是小短篇，就是補充用的小筆記，沒有前後順序，可跳著閱讀。
Ae 小技巧：Trim Paths 的應用
動態後記系列會記錄一些我在製作中的記錄，可能是分解動畫、小技巧、發想、腳本......等等。 每篇都是小短篇，就是補充用的小筆記，沒有前後順序，可跳著閱讀。
散步時來到彩虹輪狀跑道練習場，看到小朋友在晃晃走路都還搖搖晃晃的時候，就已經可以開始練習滑步車了，樣子真是可愛極了。滑步車的練習可以幫助小朋友鍛鍊平衡感、協調性和肌肉力量，為日後學習騎自行車打下基礎。
這個大人這一直繞著到這整個場地不斷的來回溜著，看起來好瀟灑。不過也替旁邊騎小車子的小朋友擔心，萬
今天又是跑步日，跑完步最需要做的就是腿部伸展了。
3/26 Day20心得
跑步充分熱身之後做瑜珈，柔軟度有感變佳!有些平常做起來稍微吃力的動作今天都比較輕鬆，像是前腿貼地彎曲90度、後腳伸直、同時身體前彎的動作可以不費力地就讓胸口緊貼膝蓋，充分向前彎曲，拉開臀側肌肉。
偶爾呼吸節奏會跟老
嗨！朋友們！要和大家分享一個網站 - Sapiens Character Builder，它允許你自由組合屬於你專屬的人物插圖。其中包括走路、跑步、站立和騎單車等四種動作，當然除了這四種動作，更提供五大部分的自由調整，包括色系、性別、角色動作、環境場景，以及頭部、上半身與下半身的組合。讓我們看下去！
對於跑步愛好者，《天生就會跑》這本書提供了簡單而實踐的訓練方法，包括專項肌力訓練和調整跑姿，可幫助提升跑步的經濟性和樂趣。
超慢跑顧名思義就是跑得超級慢，時速大約和走路的時速差不多，每公里大約在十到十五分鐘左右完成。換言之，跑了一個小時大概可以前進五公里左右。這樣看來，就是用跑步的姿勢來進行走路。雖然兩者的姿勢有所差別，但卻可以達到相同的時速。跑步的姿勢是膝蓋彎曲，然後往前踏時是腳尖先著地，再來是後腳跟；而走