Animate CC Q版動物走路動畫

更新於 2020/02/13閱讀時間約 1 分鐘
可愛版的動物走路,最大特色是在於腳的部分將省略因走路而彎曲的動作,而是以短比例的腳來表現可愛風格,所以仍然需要注意走路時腳元件的調整。
目標動畫效果:應用影片片段元件表現可愛動物四隻腳的走路,除了元件的準備與安排來表現動作之外,將以傳統補間動畫讓動作更為流暢。
使用動畫技巧:影片片段元件、傳統補間動畫、變形中心。
Step1.
範例檔元件庫中的馬元件,除了頭之外其餘四隻腳與尾巴,同樣在繪製時就已經在與身體連接面留下框線的缺口,讓填色與身體元件自然接合,就不會因為不同姿勢安排而破壞角色完整性,而為了表現可愛版的走路,因此馬腳並不包含彎曲動作。
首先進入到馬動作元件內,元件內的二條水平導引參考線將是動作設定時的參考,請依序修正每個元件的變形中心位置,腳與尾巴均是在與身體銜接處,頭的中心點請更正為與脖子銜接處。
Step2.
於影格7、13、19、23插入關鍵影格,準備來設定馬跑步時需要的動作:
Step3.
建立傳統補間動畫,完成馬可愛版走路動作。最後回到場景上新增馬圖層於前景圖層之下,置入馬動作元件於右側場景之外,於影格240處插入關鍵影格,移動馬元件至左側場景之外並縮小,建立傳統補間動畫,前景與背景圖層於影格240處插入影格,完成此範例。
相關課程 : 優勢多媒體 - Adobe Animate CC製作HTML5動畫與互動效果
為什麼會看到廣告
avatar-img
29會員
129內容數
多媒體設計的專業能力養成過程,除了有效率學習軟體之外,更重要的是各個軟體間的整合應用! Photoshop、Illustrator、Dreamweaver、Animate、CSS、Bootstrap響應式網頁等,相關的整合應用有機會皆會與大家分享喔~
留言0
查看全部
avatar-img
發表第一個留言支持創作者!
哩老師的沙龍 的其他內容
對於較細膩的動物跑步動作,若是要以傳統補間完成的話,就元件繪製時就需要考慮到元件上顏色的銜接問題,否則將出現腳元件與身體的不連續問題,另外動作上的設定也需要更細膩些,在此將以小狗跑步來解說。 目標動畫效果:應用影片片段元件表現可愛動物四隻腳的跑步,除了元件的準備與安排表現
對於動物跑步較複雜之處是在四隻腳的動作表現上,包括跑步時的腳彎曲,是不易以補間動畫表現的,因此需藉由預先準備的彎曲腳元件來替換,由於是不同的元件替換,因此僅能以逐格動畫來表現。 目標動畫效果:應用影片片段元件表現可愛動物四隻腳的簡易跑步,除了元件的準備與安排表現動作之外,
可愛動作的表現,除了準備好元件之外,對於各個部位元件的控制,將是動作製作時的重點,例如表情、身體部位等元件,搭配補間動畫與逐格動畫的方式,即可掌握可愛動作。 目標動畫效果:應用影片片段元件表現小動物的可愛動作,對於要動起來的部位元件均需要定義且安排於獨立圖層上,才能夠個別
在交通工具中,就屬腳踏車動畫的細節最多,因為除了輪子的轉動外,人物角色二隻腳來踩動腳踏車踏板是最需要注意動畫細節的,其中包括雙腳的動作與踏板的旋轉,雙腳動作需注意變形中心與補間動畫的應用,踏板的旋轉即是要依靠導引線來控制繞圈旋轉,最後搭配場景上場景元件的移動,即可完成騎腳
車子動畫部分,除了車子的移動之外,介紹的是車子商品進場的動畫效果,包括車子減速移入與車門開啟的動畫,完美展現車子的動態! 目標動畫效果:應用影片片段元件的安排,表現車子移動時輪子旋轉的速度,以及車門開啟的特殊動作,讓車子動畫更豐富。 使用動畫技巧:影片片段元件、傳統補間動
直昇機在飛行時,主螺旋槳與尾翼副螺旋槳是表現重點,此外還可以加上飛彈發射的安排,以及背景的移動,讓動畫更逼真與完整! 目標動畫效果:應用影片片段元件安排各元件的動畫,包括直昇機與飛彈,最後組合成完整直昇機與飛彈發射,表現特別的交通工具動畫。 使用動畫技巧:影片片段元件、傳
對於較細膩的動物跑步動作,若是要以傳統補間完成的話,就元件繪製時就需要考慮到元件上顏色的銜接問題,否則將出現腳元件與身體的不連續問題,另外動作上的設定也需要更細膩些,在此將以小狗跑步來解說。 目標動畫效果:應用影片片段元件表現可愛動物四隻腳的跑步,除了元件的準備與安排表現
對於動物跑步較複雜之處是在四隻腳的動作表現上,包括跑步時的腳彎曲,是不易以補間動畫表現的,因此需藉由預先準備的彎曲腳元件來替換,由於是不同的元件替換,因此僅能以逐格動畫來表現。 目標動畫效果:應用影片片段元件表現可愛動物四隻腳的簡易跑步,除了元件的準備與安排表現動作之外,
可愛動作的表現,除了準備好元件之外,對於各個部位元件的控制,將是動作製作時的重點,例如表情、身體部位等元件,搭配補間動畫與逐格動畫的方式,即可掌握可愛動作。 目標動畫效果:應用影片片段元件表現小動物的可愛動作,對於要動起來的部位元件均需要定義且安排於獨立圖層上,才能夠個別
在交通工具中,就屬腳踏車動畫的細節最多,因為除了輪子的轉動外,人物角色二隻腳來踩動腳踏車踏板是最需要注意動畫細節的,其中包括雙腳的動作與踏板的旋轉,雙腳動作需注意變形中心與補間動畫的應用,踏板的旋轉即是要依靠導引線來控制繞圈旋轉,最後搭配場景上場景元件的移動,即可完成騎腳
車子動畫部分,除了車子的移動之外,介紹的是車子商品進場的動畫效果,包括車子減速移入與車門開啟的動畫,完美展現車子的動態! 目標動畫效果:應用影片片段元件的安排,表現車子移動時輪子旋轉的速度,以及車門開啟的特殊動作,讓車子動畫更豐富。 使用動畫技巧:影片片段元件、傳統補間動
直昇機在飛行時,主螺旋槳與尾翼副螺旋槳是表現重點,此外還可以加上飛彈發射的安排,以及背景的移動,讓動畫更逼真與完整! 目標動畫效果:應用影片片段元件安排各元件的動畫,包括直昇機與飛彈,最後組合成完整直昇機與飛彈發射,表現特別的交通工具動畫。 使用動畫技巧:影片片段元件、傳
你可能也想看
Google News 追蹤
Thumbnail
徵的就是你 🫵 超ㄅㄧㄤˋ 獎品搭配超瞎趴的四大主題,等你踹共啦!還有機會獲得經典的「偉士牌樂高」喔!馬上來參加本次的活動吧!
Thumbnail
隨著理財資訊的普及,越來越多台灣人不再將資產侷限於台股,而是將視野拓展到國際市場。特別是美國市場,其豐富的理財選擇,讓不少人開始思考將資金配置於海外市場的可能性。 然而,要參與美國市場並不只是盲目跟隨標的這麼簡單,而是需要策略和方式,尤其對新手而言,除了選股以外還會遇到語言、開戶流程、Ap
Thumbnail
Ae 小技巧:CC Bend It 彎曲 動態後記系列會記錄一些我在製作中的記錄,可能是分解動畫、小技巧、發想、腳本......等等。 每篇都是小短篇,就是補充用的小筆記,沒有前後順序,可跳著閱讀。
Thumbnail
2024.05.02 今天沒什麼事,是非常平淡的一天。 想想總是拍情勒仔的臉,不如接下來來拍各式各樣的特寫吧? 老實說蟲蟲覺得情勒仔的腳腳超可愛,有點像放大版的老鼠腳(什麼譬喻 所以經常沒事就騷擾他的腳(變態 他本貓也挺煩被摸腳的,但是就可愛咩(´・ω・`) 是辣
Thumbnail
這篇文章描述了設計可愛小羊基諾李維的過程,包括對眼睛、特色和可愛度的考量,以及角色設計的修改和選定過程。作者透過創作讓大家感到愉悅和放鬆。
       腦後一支俏麗的馬尾隨著輕快的步伐愉快搖曳,本是散步,不知何時成了賽跑。四肢快速的擺動,笑容也在臉上綻放的更加耀眼。        總是蹦蹦跳跳的,聲音甜美可愛,最喜歡和我天南地北的聊著,或談論愉悅,或一同感傷。        還記得那時我們近在咫尺,幾乎每天都見面,也不曾有過激烈的
Thumbnail
Ae 小技巧:Wiggle Paths 手繪感 動態後記系列會記錄一些我在製作中的記錄,可能是分解動畫、小技巧、發想、腳本......等等。 每篇都是小短篇,就是補充用的小筆記,沒有前後順序,可跳著閱讀。
Thumbnail
Ae 小技巧:Trim Paths 的應用 動態後記系列會記錄一些我在製作中的記錄,可能是分解動畫、小技巧、發想、腳本......等等。 每篇都是小短篇,就是補充用的小筆記,沒有前後順序,可跳著閱讀。
Thumbnail
童一心得_2 @ 2024 3/24 〔木槍 北極熊班〕
Thumbnail
嗨!朋友們!要和大家分享一個網站 - Sapiens Character Builder,它允許你自由組合屬於你專屬的人物插圖。其中包括走路、跑步、站立和騎單車等四種動作,當然除了這四種動作,更提供五大部分的自由調整,包括色系、性別、角色動作、環境場景,以及頭部、上半身與下半身的組合。讓我們看下去!
Thumbnail
本文介紹動態的線條對影像的影響,動態的線條能使影像產生動感,給觀看者一種活潑、熱烈、流暢、移動及力量的感覺。
Thumbnail
愛上走路、感受當下的美。每一步都要像「國王在奏摺上蓋印章」一樣謹慎仔細、全神貫注。「提起腳。吸氣。向前踏步,先放下腳跟,然後是腳趾。呼氣。感受腳底穩定地踏在大地上。」
Thumbnail
徵的就是你 🫵 超ㄅㄧㄤˋ 獎品搭配超瞎趴的四大主題,等你踹共啦!還有機會獲得經典的「偉士牌樂高」喔!馬上來參加本次的活動吧!
Thumbnail
隨著理財資訊的普及,越來越多台灣人不再將資產侷限於台股,而是將視野拓展到國際市場。特別是美國市場,其豐富的理財選擇,讓不少人開始思考將資金配置於海外市場的可能性。 然而,要參與美國市場並不只是盲目跟隨標的這麼簡單,而是需要策略和方式,尤其對新手而言,除了選股以外還會遇到語言、開戶流程、Ap
Thumbnail
Ae 小技巧:CC Bend It 彎曲 動態後記系列會記錄一些我在製作中的記錄,可能是分解動畫、小技巧、發想、腳本......等等。 每篇都是小短篇,就是補充用的小筆記,沒有前後順序,可跳著閱讀。
Thumbnail
2024.05.02 今天沒什麼事,是非常平淡的一天。 想想總是拍情勒仔的臉,不如接下來來拍各式各樣的特寫吧? 老實說蟲蟲覺得情勒仔的腳腳超可愛,有點像放大版的老鼠腳(什麼譬喻 所以經常沒事就騷擾他的腳(變態 他本貓也挺煩被摸腳的,但是就可愛咩(´・ω・`) 是辣
Thumbnail
這篇文章描述了設計可愛小羊基諾李維的過程,包括對眼睛、特色和可愛度的考量,以及角色設計的修改和選定過程。作者透過創作讓大家感到愉悅和放鬆。
       腦後一支俏麗的馬尾隨著輕快的步伐愉快搖曳,本是散步,不知何時成了賽跑。四肢快速的擺動,笑容也在臉上綻放的更加耀眼。        總是蹦蹦跳跳的,聲音甜美可愛,最喜歡和我天南地北的聊著,或談論愉悅,或一同感傷。        還記得那時我們近在咫尺,幾乎每天都見面,也不曾有過激烈的
Thumbnail
Ae 小技巧:Wiggle Paths 手繪感 動態後記系列會記錄一些我在製作中的記錄,可能是分解動畫、小技巧、發想、腳本......等等。 每篇都是小短篇,就是補充用的小筆記,沒有前後順序,可跳著閱讀。
Thumbnail
Ae 小技巧:Trim Paths 的應用 動態後記系列會記錄一些我在製作中的記錄,可能是分解動畫、小技巧、發想、腳本......等等。 每篇都是小短篇,就是補充用的小筆記,沒有前後順序,可跳著閱讀。
Thumbnail
童一心得_2 @ 2024 3/24 〔木槍 北極熊班〕
Thumbnail
嗨!朋友們!要和大家分享一個網站 - Sapiens Character Builder,它允許你自由組合屬於你專屬的人物插圖。其中包括走路、跑步、站立和騎單車等四種動作,當然除了這四種動作,更提供五大部分的自由調整,包括色系、性別、角色動作、環境場景,以及頭部、上半身與下半身的組合。讓我們看下去!
Thumbnail
本文介紹動態的線條對影像的影響,動態的線條能使影像產生動感,給觀看者一種活潑、熱烈、流暢、移動及力量的感覺。
Thumbnail
愛上走路、感受當下的美。每一步都要像「國王在奏摺上蓋印章」一樣謹慎仔細、全神貫注。「提起腳。吸氣。向前踏步,先放下腳跟,然後是腳趾。呼氣。感受腳底穩定地踏在大地上。」