Animate CC Q版側面跑步動畫

更新於 發佈於 閱讀時間約 2 分鐘
raw-image

檢視範例】【下載範例

Q版人物通常都是頭大、手短、腳短,因此在跑步時的動作步伐比較小,同樣需要注意手腳與身體元件的配合,搭配傳統補間動畫即可確保跑步動作的流暢。

目標動畫效果:應用影片片段元件表現可愛人物的跑步動作,除了元件的準備與安排來表現動作之外,以傳統補間動畫讓動作更為流暢。
使用動畫技巧:影片片段元件、傳統補間動畫、變形中心。

Step1.
範例檔元件庫中的人物元件包括頭、手、身體與腳均為獨立元件與獨立圖層所組成,眼睛眨眼元件是同5-5-1的眨眼元件製作方式準備的。

raw-image

進入人物元件內,使用自由變形工具來改變每個元件製作動畫時需要的變形中心點位置,頭於下巴處、二隻手及腳於與身體連接處。


raw-image

Step2.
繼續在人物元件內,影子圖層於影格12插入影格,其餘圖層於影格4、7、10、12插入關鍵影格,依序設定各關鍵影格上的元件移動與旋轉,來表現較細膩的跑步姿勢。

raw-image
raw-image
raw-image
raw-image

Step3.
全部圖層建立傳統補間動畫,完成人物元件。最後回到場景上,新增人物圖層,並置入人物元件於場景左側外,至影格120處插入關鍵影格並移動人物至場景右側外,建立傳統補間動畫完成此範例。

raw-image

相關課程 : 優勢多媒體 - Adobe Animate CC製作HTML5動畫與互動效果

留言
avatar-img
留言分享你的想法!
avatar-img
哩老師的沙龍
29會員
129內容數
多媒體設計的專業能力養成過程,除了有效率學習軟體之外,更重要的是各個軟體間的整合應用! Photoshop、Illustrator、Dreamweaver、Animate、CSS、Bootstrap響應式網頁等,相關的整合應用有機會皆會與大家分享喔~
哩老師的沙龍的其他內容
2020/02/13
對於是以相片人物來製作動畫時,當然必需要在Photoshop中事先處裡好每個元件細節,然後再正確匯入Animate中來完成動畫,同樣是需要注意元件變形中心與動畫動作的設定。 目標動畫效果:應用影片片段元件表現以影像為素材的人物動畫,需注意匯入檔案的正確方式,除了元件的準備
Thumbnail
2020/02/13
對於是以相片人物來製作動畫時,當然必需要在Photoshop中事先處裡好每個元件細節,然後再正確匯入Animate中來完成動畫,同樣是需要注意元件變形中心與動畫動作的設定。 目標動畫效果:應用影片片段元件表現以影像為素材的人物動畫,需注意匯入檔案的正確方式,除了元件的準備
Thumbnail
2020/02/13
接著將介紹更為細膩的角色跑步動畫,細膩處即是手與腳都各分為二部分,因此無論是各元件的調整與設定都需要更仔細,否則將有元件中途分開的問題。 目標動畫效果:應用影片片段元件表現線條人物的的跑步,除了元件的準備與安排來表現動作之外,手與腳的部分均以二元件組成,所有元件將以傳統補
Thumbnail
2020/02/13
接著將介紹更為細膩的角色跑步動畫,細膩處即是手與腳都各分為二部分,因此無論是各元件的調整與設定都需要更仔細,否則將有元件中途分開的問題。 目標動畫效果:應用影片片段元件表現線條人物的的跑步,除了元件的準備與安排來表現動作之外,手與腳的部分均以二元件組成,所有元件將以傳統補
Thumbnail
2020/02/13
角色的動作還可以是跳躍的方式,類似球拋物線彈跳的方式來表現角色活潑的跳躍動作,讓角色由場景左上角跳躍至場中央,再跳躍至場景右上角,最後再跳躍回原處,由於動作特別,因此每個身上元件都需要仔細的調整。 目標動畫效果:應用影片片段元件表現可愛的角色跳躍動作,除了元件的準備與安排
Thumbnail
2020/02/13
角色的動作還可以是跳躍的方式,類似球拋物線彈跳的方式來表現角色活潑的跳躍動作,讓角色由場景左上角跳躍至場中央,再跳躍至場景右上角,最後再跳躍回原處,由於動作特別,因此每個身上元件都需要仔細的調整。 目標動畫效果:應用影片片段元件表現可愛的角色跳躍動作,除了元件的準備與安排
Thumbnail
看更多
你可能也想看
Thumbnail
2025 vocus 推出最受矚目的活動之一——《開箱你的美好生活》,我們跟著創作者一起「開箱」各種故事、景點、餐廳、超值好物⋯⋯甚至那些讓人會心一笑的生活小廢物;這次活動不僅送出了許多獎勵,也反映了「內容有價」——創作不只是分享、紀錄,也能用各種不同形式變現、帶來實際收入。
Thumbnail
2025 vocus 推出最受矚目的活動之一——《開箱你的美好生活》,我們跟著創作者一起「開箱」各種故事、景點、餐廳、超值好物⋯⋯甚至那些讓人會心一笑的生活小廢物;這次活動不僅送出了許多獎勵,也反映了「內容有價」——創作不只是分享、紀錄,也能用各種不同形式變現、帶來實際收入。
Thumbnail
嗨!歡迎來到 vocus vocus 方格子是台灣最大的內容創作與知識變現平台,並且計畫持續拓展東南亞等等國際市場。我們致力於打造讓創作者能夠自由發表、累積影響力並獲得實質收益的創作生態圈!「創作至上」是我們的核心價值,我們致力於透過平台功能與服務,賦予創作者更多的可能。 vocus 平台匯聚了
Thumbnail
嗨!歡迎來到 vocus vocus 方格子是台灣最大的內容創作與知識變現平台,並且計畫持續拓展東南亞等等國際市場。我們致力於打造讓創作者能夠自由發表、累積影響力並獲得實質收益的創作生態圈!「創作至上」是我們的核心價值,我們致力於透過平台功能與服務,賦予創作者更多的可能。 vocus 平台匯聚了
Thumbnail
運科竹愛科普:中長距離跑者肌力訓練方法大揭密:如何提升表現? 你時常困惑於該使用何種方式來強化自己的跑步運動表現嗎?時常困惑於究竟該不該做肌力訓練嗎?認為肌力訓練對於改善跑步運動表現絲毫沒有幫助嗎?那麼你應該要來看看這篇最新的運動科學研究。
Thumbnail
運科竹愛科普:中長距離跑者肌力訓練方法大揭密:如何提升表現? 你時常困惑於該使用何種方式來強化自己的跑步運動表現嗎?時常困惑於究竟該不該做肌力訓練嗎?認為肌力訓練對於改善跑步運動表現絲毫沒有幫助嗎?那麼你應該要來看看這篇最新的運動科學研究。
Thumbnail
對於跑步愛好者,《天生就會跑》這本書提供了簡單而實踐的訓練方法,包括專項肌力訓練和調整跑姿,可幫助提升跑步的經濟性和樂趣。
Thumbnail
對於跑步愛好者,《天生就會跑》這本書提供了簡單而實踐的訓練方法,包括專項肌力訓練和調整跑姿,可幫助提升跑步的經濟性和樂趣。
Thumbnail
  超慢跑顧名思義就是跑得超級慢,時速大約和走路的時速差不多,每公里大約在十到十五分鐘左右完成。換言之,跑了一個小時大概可以前進五公里左右。這樣看來,就是用跑步的姿勢來進行走路。雖然兩者的姿勢有所差別,但卻可以達到相同的時速。跑步的姿勢是膝蓋彎曲,然後往前踏時是腳尖先著地,再來是後腳跟;而走
Thumbnail
  超慢跑顧名思義就是跑得超級慢,時速大約和走路的時速差不多,每公里大約在十到十五分鐘左右完成。換言之,跑了一個小時大概可以前進五公里左右。這樣看來,就是用跑步的姿勢來進行走路。雖然兩者的姿勢有所差別,但卻可以達到相同的時速。跑步的姿勢是膝蓋彎曲,然後往前踏時是腳尖先著地,再來是後腳跟;而走
Thumbnail
作者:喬·普利歐、派翠克·米羅伊。譯者:郭品纖。2021年1月初版。 國外有許多針對某專項運動進行深入淺出分析介紹的書籍,或甚至是提出具體的的訓練建議,而這些內容不僅是由相關文獻統整而成,更有作者本身實踐多年的訓練課表,想必是作者嘔心瀝血之作。
Thumbnail
作者:喬·普利歐、派翠克·米羅伊。譯者:郭品纖。2021年1月初版。 國外有許多針對某專項運動進行深入淺出分析介紹的書籍,或甚至是提出具體的的訓練建議,而這些內容不僅是由相關文獻統整而成,更有作者本身實踐多年的訓練課表,想必是作者嘔心瀝血之作。
Thumbnail
你知道嗎?原來跑步也是很多的學問的哈哈~從頭到腳的姿勢都會影響到你跑步的成績,完全顛覆我對跑步的觀念, 經過教練仔細講解每個部位的正確知識後,實際跑起來,確實變得很輕鬆。 跑步口訣:頂頭懸-收下顎-含胸拔背-沉肩墜肘 主要影響跑步的速度有兩個:步幅及步頻 臉書專頁:江晏慶 Cliff Chiang
Thumbnail
你知道嗎?原來跑步也是很多的學問的哈哈~從頭到腳的姿勢都會影響到你跑步的成績,完全顛覆我對跑步的觀念, 經過教練仔細講解每個部位的正確知識後,實際跑起來,確實變得很輕鬆。 跑步口訣:頂頭懸-收下顎-含胸拔背-沉肩墜肘 主要影響跑步的速度有兩個:步幅及步頻 臉書專頁:江晏慶 Cliff Chiang
Thumbnail
超慢跑 --- 徐棟英老師 --- 教你提升跑步訓練效能
Thumbnail
超慢跑 --- 徐棟英老師 --- 教你提升跑步訓練效能
Thumbnail
身體是一連串動作組合在一起,很少是單獨運作的,所以練習今天的動作有地方做起來會有疼痛感,建議可以做停留不急著馬上做下一步,有時候停留就是讓身體適應這個姿勢或著動作放慢,因為身體還不是很協調 ⭐️誰適合這些動作? 久坐族群:上班族 運動時需要大動作範圍 任何人維持日常活動度 ⭐️影片一 ⭐️影片二
Thumbnail
身體是一連串動作組合在一起,很少是單獨運作的,所以練習今天的動作有地方做起來會有疼痛感,建議可以做停留不急著馬上做下一步,有時候停留就是讓身體適應這個姿勢或著動作放慢,因為身體還不是很協調 ⭐️誰適合這些動作? 久坐族群:上班族 運動時需要大動作範圍 任何人維持日常活動度 ⭐️影片一 ⭐️影片二
Thumbnail
練了肌肉、肌力然後呢?你有沒有轉換到人體最自然的動作呢? 也許你該試看看跑步訓練
Thumbnail
練了肌肉、肌力然後呢?你有沒有轉換到人體最自然的動作呢? 也許你該試看看跑步訓練
Thumbnail
Q版人物通常都是頭大、手短、腳短,因此在跑步時的動作步伐比較小,同樣需要注意手腳與身體元件的配合,搭配傳統補間動畫即可確保跑步動作的流暢。 目標動畫效果:應用影片片段元件表現可愛人物的跑步動作,除了元件的準備與安排來表現動作之外,以傳統補間動畫讓動作更為流暢。 使用動畫技
Thumbnail
Q版人物通常都是頭大、手短、腳短,因此在跑步時的動作步伐比較小,同樣需要注意手腳與身體元件的配合,搭配傳統補間動畫即可確保跑步動作的流暢。 目標動畫效果:應用影片片段元件表現可愛人物的跑步動作,除了元件的準備與安排來表現動作之外,以傳統補間動畫讓動作更為流暢。 使用動畫技
Thumbnail
接著將介紹更為細膩的角色跑步動畫,細膩處即是手與腳都各分為二部分,因此無論是各元件的調整與設定都需要更仔細,否則將有元件中途分開的問題。 目標動畫效果:應用影片片段元件表現線條人物的的跑步,除了元件的準備與安排來表現動作之外,手與腳的部分均以二元件組成,所有元件將以傳統補
Thumbnail
接著將介紹更為細膩的角色跑步動畫,細膩處即是手與腳都各分為二部分,因此無論是各元件的調整與設定都需要更仔細,否則將有元件中途分開的問題。 目標動畫效果:應用影片片段元件表現線條人物的的跑步,除了元件的準備與安排來表現動作之外,手與腳的部分均以二元件組成,所有元件將以傳統補
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News