Animate CC 線條人物側面跑步動畫

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

檢視範例】【下載範例

接著將介紹更為細膩的角色跑步動畫,細膩處即是手與腳都各分為二部分,因此無論是各元件的調整與設定都需要更仔細,否則將有元件中途分開的問題。

目標動畫效果:應用影片片段元件表現線條人物的的跑步,除了元件的準備與安排來表現動作之外,手與腳的部分均以二元件組成,所有元件將以傳統補間動畫讓動作更為流暢。
使用動畫技巧:影片片段元件、傳統補間動畫、變形中心。

Step1.
範例檔元件庫中的動作元件包括頭、手、身體與腳均為獨立元件與獨立圖層所組成。

raw-image

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

raw-image

Step2.
繼續在動作元件內於影格3與5為所有圖層插入關鍵影格,依序調整影格3與5上的線條人物動作,建立傳統補間完成跑步動作元件。

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

Step3.
回到場景上新增動作圖層並置入動作元件於右側場景外,點取動作元件並執行『修改 > 變形 > 水平翻轉』,同時並移動場景元件至左側場景外;

raw-image

二圖層於影格100處插入關鍵影格,移動人物動作元件至左側場景外、移動場景元件至右側場景,建立傳統補間動畫完成此範例。

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

留言
avatar-img
留言分享你的想法!
avatar-img
哩老師的沙龍
29會員
129內容數
多媒體設計的專業能力養成過程,除了有效率學習軟體之外,更重要的是各個軟體間的整合應用! Photoshop、Illustrator、Dreamweaver、Animate、CSS、Bootstrap響應式網頁等,相關的整合應用有機會皆會與大家分享喔~
哩老師的沙龍的其他內容
2020/02/13
Q版人物通常都是頭大、手短、腳短,因此在跑步時的動作步伐比較小,同樣需要注意手腳與身體元件的配合,搭配傳統補間動畫即可確保跑步動作的流暢。 目標動畫效果:應用影片片段元件表現可愛人物的跑步動作,除了元件的準備與安排來表現動作之外,以傳統補間動畫讓動作更為流暢。 使用動畫技
Thumbnail
2020/02/13
Q版人物通常都是頭大、手短、腳短,因此在跑步時的動作步伐比較小,同樣需要注意手腳與身體元件的配合,搭配傳統補間動畫即可確保跑步動作的流暢。 目標動畫效果:應用影片片段元件表現可愛人物的跑步動作,除了元件的準備與安排來表現動作之外,以傳統補間動畫讓動作更為流暢。 使用動畫技
Thumbnail
2020/02/13
對於是以相片人物來製作動畫時,當然必需要在Photoshop中事先處裡好每個元件細節,然後再正確匯入Animate中來完成動畫,同樣是需要注意元件變形中心與動畫動作的設定。 目標動畫效果:應用影片片段元件表現以影像為素材的人物動畫,需注意匯入檔案的正確方式,除了元件的準備
Thumbnail
2020/02/13
對於是以相片人物來製作動畫時,當然必需要在Photoshop中事先處裡好每個元件細節,然後再正確匯入Animate中來完成動畫,同樣是需要注意元件變形中心與動畫動作的設定。 目標動畫效果:應用影片片段元件表現以影像為素材的人物動畫,需注意匯入檔案的正確方式,除了元件的準備
Thumbnail
2020/02/13
角色的動作還可以是跳躍的方式,類似球拋物線彈跳的方式來表現角色活潑的跳躍動作,讓角色由場景左上角跳躍至場中央,再跳躍至場景右上角,最後再跳躍回原處,由於動作特別,因此每個身上元件都需要仔細的調整。 目標動畫效果:應用影片片段元件表現可愛的角色跳躍動作,除了元件的準備與安排
Thumbnail
2020/02/13
角色的動作還可以是跳躍的方式,類似球拋物線彈跳的方式來表現角色活潑的跳躍動作,讓角色由場景左上角跳躍至場中央,再跳躍至場景右上角,最後再跳躍回原處,由於動作特別,因此每個身上元件都需要仔細的調整。 目標動畫效果:應用影片片段元件表現可愛的角色跳躍動作,除了元件的準備與安排
Thumbnail
看更多
你可能也想看
Thumbnail
常常被朋友問「哪裡買的?」嗎?透過蝦皮分潤計畫,把日常購物的分享多加一個步驟,就能轉換成現金回饋。門檻低、申請簡單,特別適合學生與上班族,讓零碎時間也能創造小確幸。
Thumbnail
常常被朋友問「哪裡買的?」嗎?透過蝦皮分潤計畫,把日常購物的分享多加一個步驟,就能轉換成現金回饋。門檻低、申請簡單,特別適合學生與上班族,讓零碎時間也能創造小確幸。
Thumbnail
我們所熟知的六大方向肌力訓練,以動作方向性來看,下肢推拉,上肢水平推拉和垂直推拉,如果以訓練動作來看,不外乎深蹲、硬舉、臥推、划船、肩推、引體向上,不管是一般族群,想要增肌減脂或是想要有健康的身體,
Thumbnail
我們所熟知的六大方向肌力訓練,以動作方向性來看,下肢推拉,上肢水平推拉和垂直推拉,如果以訓練動作來看,不外乎深蹲、硬舉、臥推、划船、肩推、引體向上,不管是一般族群,想要增肌減脂或是想要有健康的身體,
Thumbnail
雖然阿茗在課前都會花一點時間評估身體動作活動度,但是最後終將把身體串連起來做出動作,而且訓練時身體幾乎是直立且踩在地面,連帶地軀幹、骨盆和腳踝都會被牽動到。
Thumbnail
雖然阿茗在課前都會花一點時間評估身體動作活動度,但是最後終將把身體串連起來做出動作,而且訓練時身體幾乎是直立且踩在地面,連帶地軀幹、骨盆和腳踝都會被牽動到。
Thumbnail
身體是一連串動作組合在一起,很少是單獨運作的,所以練習今天的動作有地方做起來會有疼痛感,建議可以做停留不急著馬上做下一步,有時候停留就是讓身體適應這個姿勢或著動作放慢,因為身體還不是很協調 ⭐️誰適合這些動作? 久坐族群:上班族 運動時需要大動作範圍 任何人維持日常活動度 ⭐️影片一 ⭐️影片二
Thumbnail
身體是一連串動作組合在一起,很少是單獨運作的,所以練習今天的動作有地方做起來會有疼痛感,建議可以做停留不急著馬上做下一步,有時候停留就是讓身體適應這個姿勢或著動作放慢,因為身體還不是很協調 ⭐️誰適合這些動作? 久坐族群:上班族 運動時需要大動作範圍 任何人維持日常活動度 ⭐️影片一 ⭐️影片二
Thumbnail
練了肌肉、肌力然後呢?你有沒有轉換到人體最自然的動作呢? 也許你該試看看跑步訓練
Thumbnail
練了肌肉、肌力然後呢?你有沒有轉換到人體最自然的動作呢? 也許你該試看看跑步訓練
Thumbnail
上一部茗師練法介紹從髖的外側以及內側肌群的活化,帶入腳底足弓的動態練習,進而站立起來練習單腳穩定性
Thumbnail
上一部茗師練法介紹從髖的外側以及內側肌群的活化,帶入腳底足弓的動態練習,進而站立起來練習單腳穩定性
Thumbnail
核心旋練在肌力與體能領域裡面,佔很重要的部分,有好的軀幹穩定能力,遠端才能好好的活動,我們可以將核心看待成抗伸展,抗屈曲,抗側彎,抗旋轉,但是用另外一種角度,當我們跑步、走路時,都會串連到身體其他肌肉,這些肌肉會串連成一條線,簡單說成是動力鏈的表現。
Thumbnail
核心旋練在肌力與體能領域裡面,佔很重要的部分,有好的軀幹穩定能力,遠端才能好好的活動,我們可以將核心看待成抗伸展,抗屈曲,抗側彎,抗旋轉,但是用另外一種角度,當我們跑步、走路時,都會串連到身體其他肌肉,這些肌肉會串連成一條線,簡單說成是動力鏈的表現。
Thumbnail
穩固的自立於大地是原型製作技術掌握的總考驗、也是模型玩家必須獲得滿足的關鍵─透過對機身重心的估計、當前可動期望範圍的安排,如何規劃適切的腳掌造型、鞋跟高度並營造機身比例的視覺修飾感? 迎向把玩與可動極限的高跪姿製作挑戰,現在,於嶄新的腿部製作篇揭開序幕!
Thumbnail
穩固的自立於大地是原型製作技術掌握的總考驗、也是模型玩家必須獲得滿足的關鍵─透過對機身重心的估計、當前可動期望範圍的安排,如何規劃適切的腳掌造型、鞋跟高度並營造機身比例的視覺修飾感? 迎向把玩與可動極限的高跪姿製作挑戰,現在,於嶄新的腿部製作篇揭開序幕!
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News