Animate CC 可愛動物跑步動畫
更新於 發佈於 閱讀時間約 1 分鐘
對於較細膩的動物跑步動作，若是要以傳統補間完成的話，就元件繪製時就需要考慮到元件上顏色的銜接問題，否則將出現腳元件與身體的不連續問題，另外動作上的設定也需要更細膩些，在此將以小狗跑步來解說。
目標動畫效果:應用影片片段元件表現可愛動物四隻腳的跑步，除了元件的準備與安排表現動作之外，將以傳統補間動畫讓動作更為流暢。
使用動畫技巧:影片片段元件、傳統補間動畫、變形中心。
使用動畫技巧:影片片段元件、傳統補間動畫、變形中心。
Step1.
範例檔元件庫中的小狗元件，除了頭之外其餘四隻腳與尾巴，在繪製時就已經在與身體連接面留下框線的缺口，讓填色與身體元件自然接合，就不會因為不同姿勢安排而破壞角色完整性。
範例檔元件庫中的小狗元件，除了頭之外其餘四隻腳與尾巴，在繪製時就已經在與身體連接面留下框線的缺口，讓填色與身體元件自然接合，就不會因為不同姿勢安排而破壞角色完整性。
首先進入到小狗動作元件內，元件內的三條水平導引參考線將是動作設定時的參考，請依序修正每個元件的變形中心位置，腳與尾巴均是在與身體銜接處，頭的中心點請更正為與脖子銜接處。
Step2.
於影格1、5、9、13、15、20插入關鍵影格，準備來設定小狗跑步時需要的動作：
於影格1、5、9、13、15、20插入關鍵影格，準備來設定小狗跑步時需要的動作：
Step3.
建立傳統補間動畫，完成小狗跑步動作。最後回到場景上新增小狗圖層於欄杆圖層之下，置入小狗動作元件於右側場景之外，於影格120處插入關鍵影格，移動小狗元件至左側場景之外並建立傳統補間動畫，欄杆與背景圖層於影格120處插入影格，完成此範例。
建立傳統補間動畫，完成小狗跑步動作。最後回到場景上新增小狗圖層於欄杆圖層之下，置入小狗動作元件於右側場景之外，於影格120處插入關鍵影格，移動小狗元件至左側場景之外並建立傳統補間動畫，欄杆與背景圖層於影格120處插入影格，完成此範例。
相關課程 : 優勢多媒體 - Adobe Animate CC製作HTML5動畫與互動效果
為什麼會看到廣告
29會員
129內容數
多媒體設計的專業能力養成過程，除了有效率學習軟體之外，更重要的是各個軟體間的整合應用!
Photoshop、Illustrator、Dreamweaver、Animate、CSS、Bootstrap響應式網頁等，相關的整合應用有機會皆會與大家分享喔~
留言0
查看全部
你可能也想看
Google News 追蹤
/
大家現在出門買東西還會帶錢包嗎
鴨鴨發現自己好像快一個禮拜沒帶錢包出門
還是可以天天買滿買好回家(?
因此為了記錄手機消費跟各種紅利優惠
鴨鴨都會特別注意銀行的App好不好用！
像是介面設計就是會很在意的地方
很多銀行通常會為了要滿足不同客群
會推出很多App讓使用者下載
每次
Ae 小技巧：CC Bend It 彎曲
動態後記系列會記錄一些我在製作中的記錄，可能是分解動畫、小技巧、發想、腳本......等等。 每篇都是小短篇，就是補充用的小筆記，沒有前後順序，可跳著閱讀。
這篇文章描述了設計可愛小羊基諾李維的過程，包括對眼睛、特色和可愛度的考量，以及角色設計的修改和選定過程。作者透過創作讓大家感到愉悅和放鬆。
Ae 小技巧：Wiggle Paths 手繪感
動態後記系列會記錄一些我在製作中的記錄，可能是分解動畫、小技巧、發想、腳本......等等。 每篇都是小短篇，就是補充用的小筆記，沒有前後順序，可跳著閱讀。
Ae 小技巧：Trim Paths 的應用
動態後記系列會記錄一些我在製作中的記錄，可能是分解動畫、小技巧、發想、腳本......等等。 每篇都是小短篇，就是補充用的小筆記，沒有前後順序，可跳著閱讀。
對於跑步愛好者，《天生就會跑》這本書提供了簡單而實踐的訓練方法，包括專項肌力訓練和調整跑姿，可幫助提升跑步的經濟性和樂趣。
這篇文章描述了一次使用DALL-E3 of ChatGPT來創作藝術圖的過程，並介紹了原始創意的來源和貓狗奔跑的趣味圖片的背景故事。作者藉由DALL-E3的智能功能成功繪製出了與原始圖片相似的作品，並分享了其中的趣味與心得。
/
大家現在出門買東西還會帶錢包嗎
鴨鴨發現自己好像快一個禮拜沒帶錢包出門
還是可以天天買滿買好回家(?
因此為了記錄手機消費跟各種紅利優惠
鴨鴨都會特別注意銀行的App好不好用！
像是介面設計就是會很在意的地方
很多銀行通常會為了要滿足不同客群
會推出很多App讓使用者下載
每次
Ae 小技巧：CC Bend It 彎曲
動態後記系列會記錄一些我在製作中的記錄，可能是分解動畫、小技巧、發想、腳本......等等。 每篇都是小短篇，就是補充用的小筆記，沒有前後順序，可跳著閱讀。
這篇文章描述了設計可愛小羊基諾李維的過程，包括對眼睛、特色和可愛度的考量，以及角色設計的修改和選定過程。作者透過創作讓大家感到愉悅和放鬆。
Ae 小技巧：Wiggle Paths 手繪感
動態後記系列會記錄一些我在製作中的記錄，可能是分解動畫、小技巧、發想、腳本......等等。 每篇都是小短篇，就是補充用的小筆記，沒有前後順序，可跳著閱讀。
Ae 小技巧：Trim Paths 的應用
動態後記系列會記錄一些我在製作中的記錄，可能是分解動畫、小技巧、發想、腳本......等等。 每篇都是小短篇，就是補充用的小筆記，沒有前後順序，可跳著閱讀。
對於跑步愛好者，《天生就會跑》這本書提供了簡單而實踐的訓練方法，包括專項肌力訓練和調整跑姿，可幫助提升跑步的經濟性和樂趣。
這篇文章描述了一次使用DALL-E3 of ChatGPT來創作藝術圖的過程，並介紹了原始創意的來源和貓狗奔跑的趣味圖片的背景故事。作者藉由DALL-E3的智能功能成功繪製出了與原始圖片相似的作品，並分享了其中的趣味與心得。