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
每年4月、5月都是最多稅要繳的月份,當然大部份的人都是有機會繳到「綜合所得稅」,只是相當相當多人還不知道,原來繳給政府的稅!可以透過一些有活動的銀行信用卡或電子支付來繳,從繳費中賺一點點小確幸!就是賺個1%~2%大家也是很開心的,因為你們把沒回饋變成有回饋,就是用卡的最高境界 所得稅線上申報
Thumbnail
每年4月、5月都是最多稅要繳的月份,當然大部份的人都是有機會繳到「綜合所得稅」,只是相當相當多人還不知道,原來繳給政府的稅!可以透過一些有活動的銀行信用卡或電子支付來繳,從繳費中賺一點點小確幸!就是賺個1%~2%大家也是很開心的,因為你們把沒回饋變成有回饋,就是用卡的最高境界 所得稅線上申報
Thumbnail
全球科技產業的焦點,AKA 全村的希望 NVIDIA,於五月底正式發布了他們在今年 2025 第一季的財報 (輝達內部財務年度為 2026 Q1,實際日曆期間為今年二到四月),交出了打敗了市場預期的成績單。然而,在銷售持續高速成長的同時,川普政府加大對於中國的晶片管制......
Thumbnail
全球科技產業的焦點,AKA 全村的希望 NVIDIA,於五月底正式發布了他們在今年 2025 第一季的財報 (輝達內部財務年度為 2026 Q1,實際日曆期間為今年二到四月),交出了打敗了市場預期的成績單。然而,在銷售持續高速成長的同時,川普政府加大對於中國的晶片管制......
Thumbnail
重點摘要: 6 月繼續維持基準利率不變,強調維持高利率主因為關稅 點陣圖表現略為鷹派,收斂 2026、2027 年降息預期 SEP 連續 2 季下修 GDP、上修通膨預測值 --- 1.繼續維持利率不變,強調需要維持高利率是因為關稅: 聯準會 (Fed) 召開 6 月利率會議
Thumbnail
重點摘要: 6 月繼續維持基準利率不變,強調維持高利率主因為關稅 點陣圖表現略為鷹派,收斂 2026、2027 年降息預期 SEP 連續 2 季下修 GDP、上修通膨預測值 --- 1.繼續維持利率不變,強調需要維持高利率是因為關稅: 聯準會 (Fed) 召開 6 月利率會議
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版人物通常都是頭大、手短、腳短,因此在跑步時的動作步伐比較小,同樣需要注意手腳與身體元件的配合,搭配傳統補間動畫即可確保跑步動作的流暢。 目標動畫效果:應用影片片段元件表現可愛人物的跑步動作,除了元件的準備與安排來表現動作之外,以傳統補間動畫讓動作更為流暢。 使用動畫技
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News