Animate CC 可愛動物跑步動畫

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

檢視範例】【下載範例

對於較細膩的動物跑步動作,若是要以傳統補間完成的話,就元件繪製時就需要考慮到元件上顏色的銜接問題,否則將出現腳元件與身體的不連續問題,另外動作上的設定也需要更細膩些,在此將以小狗跑步來解說。

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

Step1.
範例檔元件庫中的小狗元件,除了頭之外其餘四隻腳與尾巴,在繪製時就已經在與身體連接面留下框線的缺口,讓填色與身體元件自然接合,就不會因為不同姿勢安排而破壞角色完整性。

raw-image

首先進入到小狗動作元件內,元件內的三條水平導引參考線將是動作設定時的參考,請依序修正每個元件的變形中心位置,腳與尾巴均是在與身體銜接處,頭的中心點請更正為與脖子銜接處。

raw-image

Step2.
於影格1、5、9、13、15、20插入關鍵影格,準備來設定小狗跑步時需要的動作:

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

Step3.
建立傳統補間動畫,完成小狗跑步動作。最後回到場景上新增小狗圖層於欄杆圖層之下,置入小狗動作元件於右側場景之外,於影格120處插入關鍵影格,移動小狗元件至左側場景之外並建立傳統補間動畫,欄杆與背景圖層於影格120處插入影格,完成此範例。

raw-image

相關課程 : 優勢多媒體 - 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
每年4月、5月都是最多稅要繳的月份,當然大部份的人都是有機會繳到「綜合所得稅」,只是相當相當多人還不知道,原來繳給政府的稅!可以透過一些有活動的銀行信用卡或電子支付來繳,從繳費中賺一點點小確幸!就是賺個1%~2%大家也是很開心的,因為你們把沒回饋變成有回饋,就是用卡的最高境界 所得稅線上申報
Thumbnail
每年4月、5月都是最多稅要繳的月份,當然大部份的人都是有機會繳到「綜合所得稅」,只是相當相當多人還不知道,原來繳給政府的稅!可以透過一些有活動的銀行信用卡或電子支付來繳,從繳費中賺一點點小確幸!就是賺個1%~2%大家也是很開心的,因為你們把沒回饋變成有回饋,就是用卡的最高境界 所得稅線上申報
Thumbnail
這篇文章介紹如何透過簡單步驟訓練狗狗轉圈,包括引導動作、使用口令、獎勵成功、持之以恆和逐漸增加難度等方法,讓你和狗狗建立更深層的聯繫。
Thumbnail
這篇文章介紹如何透過簡單步驟訓練狗狗轉圈,包括引導動作、使用口令、獎勵成功、持之以恆和逐漸增加難度等方法,讓你和狗狗建立更深層的聯繫。
Thumbnail
這篇文章描述了一次使用DALL-E3 of ChatGPT來創作藝術圖的過程,並介紹了原始創意的來源和貓狗奔跑的趣味圖片的背景故事。作者藉由DALL-E3的智能功能成功繪製出了與原始圖片相似的作品,並分享了其中的趣味與心得。
Thumbnail
這篇文章描述了一次使用DALL-E3 of ChatGPT來創作藝術圖的過程,並介紹了原始創意的來源和貓狗奔跑的趣味圖片的背景故事。作者藉由DALL-E3的智能功能成功繪製出了與原始圖片相似的作品,並分享了其中的趣味與心得。
Thumbnail
社會多一點雞婆,世界一定更祥和!
Thumbnail
社會多一點雞婆,世界一定更祥和!
Thumbnail
狗跟生成音樂一樣,你給牠們一個範圍自由,要走快走慢都行。但要是牠們轉移注意力到其他事物,好比突然停下,或暴衝狂吠,則再調整即可。
Thumbnail
狗跟生成音樂一樣,你給牠們一個範圍自由,要走快走慢都行。但要是牠們轉移注意力到其他事物,好比突然停下,或暴衝狂吠,則再調整即可。
Thumbnail
自從養狗以後,就忍不住一直畫我的狗狗們,並開始在意如何表現狗狗毛髮的蓬鬆可愛的感覺。多次實驗後,發現Procreate內建筆刷就能輕鬆畫出各種狗狗毛髮。這次要和大家分享貴賓犬的畫法,也會說明捕捉狗狗姿態的簡易技巧,未來畫其他犬種時也可以應用喔! 立刻收看教學影片,下面也有文字稿讓大家抄筆記喔
Thumbnail
自從養狗以後,就忍不住一直畫我的狗狗們,並開始在意如何表現狗狗毛髮的蓬鬆可愛的感覺。多次實驗後,發現Procreate內建筆刷就能輕鬆畫出各種狗狗毛髮。這次要和大家分享貴賓犬的畫法,也會說明捕捉狗狗姿態的簡易技巧,未來畫其他犬種時也可以應用喔! 立刻收看教學影片,下面也有文字稿讓大家抄筆記喔
Thumbnail
獵狐梗犬有分兩種,短毛獵狐梗和絲獵狐梗。都是早期英國梗犬的後代。很多的品種也從中分離出來被獨立識別。 他們精力充沛、活潑好動、開朗。需要很大的運動量,喜歡活跳跳的奔跑。 我這次畫的是他們側面的身影,我覺得他們的身形很結實,修長,臉窄窄的有點像一匹小馬。
Thumbnail
獵狐梗犬有分兩種,短毛獵狐梗和絲獵狐梗。都是早期英國梗犬的後代。很多的品種也從中分離出來被獨立識別。 他們精力充沛、活潑好動、開朗。需要很大的運動量,喜歡活跳跳的奔跑。 我這次畫的是他們側面的身影,我覺得他們的身形很結實,修長,臉窄窄的有點像一匹小馬。
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News