Animate CC 動物簡易可愛跑步動畫

更新於 2020/02/13閱讀時間約 1 分鐘
對於動物跑步較複雜之處是在四隻腳的動作表現上,包括跑步時的腳彎曲,是不易以補間動畫表現的,因此需藉由預先準備的彎曲腳元件來替換,由於是不同的元件替換,因此僅能以逐格動畫來表現。
目標動畫效果:應用影片片段元件表現可愛動物四隻腳的簡易跑步,除了元件的準備與安排表現動作之外,適時的替換腳彎曲元件將是動畫關鍵。
使用動畫技巧:影片片段元件、逐格動畫、變形中心、替換元件。
Step1.
範例檔元件庫中包含了所有動物的各個元件,其中腳的部分是只有直的與彎曲的腳。
首先進入到馬動作元件內,更改各元件變形中心至與身體連接處(頭、腳、尾巴),接著為所有圖層(影子圖層除外)於影格6、9、14、17處插入關鍵影格,所有圖層於影格21插入影格。
Step2.
依序設定影格6、9、14、17上的馬姿勢,並注意需要替換的元件:
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
可能包含敏感內容
在這篇文章中,草莓菓子分享了她的克洛斯舞蹈剪輯過程,並探討了使用特效和濾鏡的挑戰。儘管手機性能有限,最終仍然通過創新的剪輯技巧完成了作品。她還分享了一些有趣的舞蹈片段和使用AI語音系統的體驗,希望能與觀眾互動並不斷精進自己的剪輯技巧。
Thumbnail
Ae 小技巧:CC Bend It 彎曲 動態後記系列會記錄一些我在製作中的記錄,可能是分解動畫、小技巧、發想、腳本......等等。 每篇都是小短篇,就是補充用的小筆記,沒有前後順序,可跳著閱讀。
Thumbnail
Ae 小技巧:Wiggle Paths 手繪感 動態後記系列會記錄一些我在製作中的記錄,可能是分解動畫、小技巧、發想、腳本......等等。 每篇都是小短篇,就是補充用的小筆記,沒有前後順序,可跳著閱讀。
Thumbnail
Ae 小技巧:Trim Paths 的應用 動態後記系列會記錄一些我在製作中的記錄,可能是分解動畫、小技巧、發想、腳本......等等。 每篇都是小短篇,就是補充用的小筆記,沒有前後順序,可跳著閱讀。
Thumbnail
散步時來到彩虹輪狀跑道練習場,看到小朋友在晃晃走路都還搖搖晃晃的時候,就已經可以開始練習滑步車了,樣子真是可愛極了。滑步車的練習可以幫助小朋友鍛鍊平衡感、協調性和肌肉力量,為日後學習騎自行車打下基礎。 這個大人這一直繞著到這整個場地不斷的來回溜著,看起來好瀟灑。不過也替旁邊騎小車子的小朋友擔心,萬
今天又是跑步日,跑完步最需要做的就是腿部伸展了。 3/26 Day20心得 跑步充分熱身之後做瑜珈,柔軟度有感變佳!有些平常做起來稍微吃力的動作今天都比較輕鬆,像是前腿貼地彎曲90度、後腳伸直、同時身體前彎的動作可以不費力地就讓胸口緊貼膝蓋,充分向前彎曲,拉開臀側肌肉。 偶爾呼吸節奏會跟老
Thumbnail
童一心得_2 @ 2024 3/24 〔木槍 北極熊班〕
Thumbnail
嗨!朋友們!要和大家分享一個網站 - Sapiens Character Builder,它允許你自由組合屬於你專屬的人物插圖。其中包括走路、跑步、站立和騎單車等四種動作,當然除了這四種動作,更提供五大部分的自由調整,包括色系、性別、角色動作、環境場景,以及頭部、上半身與下半身的組合。讓我們看下去!
Thumbnail
對於跑步愛好者,《天生就會跑》這本書提供了簡單而實踐的訓練方法,包括專項肌力訓練和調整跑姿,可幫助提升跑步的經濟性和樂趣。
Thumbnail
  超慢跑顧名思義就是跑得超級慢,時速大約和走路的時速差不多,每公里大約在十到十五分鐘左右完成。換言之,跑了一個小時大概可以前進五公里左右。這樣看來,就是用跑步的姿勢來進行走路。雖然兩者的姿勢有所差別,但卻可以達到相同的時速。跑步的姿勢是膝蓋彎曲,然後往前踏時是腳尖先著地,再來是後腳跟;而走
Thumbnail
徵的就是你 🫵 超ㄅㄧㄤˋ 獎品搭配超瞎趴的四大主題,等你踹共啦!還有機會獲得經典的「偉士牌樂高」喔!馬上來參加本次的活動吧!
Thumbnail
隨著理財資訊的普及,越來越多台灣人不再將資產侷限於台股,而是將視野拓展到國際市場。特別是美國市場,其豐富的理財選擇,讓不少人開始思考將資金配置於海外市場的可能性。 然而,要參與美國市場並不只是盲目跟隨標的這麼簡單,而是需要策略和方式,尤其對新手而言,除了選股以外還會遇到語言、開戶流程、Ap
Thumbnail
可能包含敏感內容
在這篇文章中,草莓菓子分享了她的克洛斯舞蹈剪輯過程,並探討了使用特效和濾鏡的挑戰。儘管手機性能有限,最終仍然通過創新的剪輯技巧完成了作品。她還分享了一些有趣的舞蹈片段和使用AI語音系統的體驗,希望能與觀眾互動並不斷精進自己的剪輯技巧。
Thumbnail
Ae 小技巧:CC Bend It 彎曲 動態後記系列會記錄一些我在製作中的記錄,可能是分解動畫、小技巧、發想、腳本......等等。 每篇都是小短篇,就是補充用的小筆記,沒有前後順序,可跳著閱讀。
Thumbnail
Ae 小技巧:Wiggle Paths 手繪感 動態後記系列會記錄一些我在製作中的記錄,可能是分解動畫、小技巧、發想、腳本......等等。 每篇都是小短篇,就是補充用的小筆記,沒有前後順序,可跳著閱讀。
Thumbnail
Ae 小技巧:Trim Paths 的應用 動態後記系列會記錄一些我在製作中的記錄,可能是分解動畫、小技巧、發想、腳本......等等。 每篇都是小短篇,就是補充用的小筆記,沒有前後順序,可跳著閱讀。
Thumbnail
散步時來到彩虹輪狀跑道練習場,看到小朋友在晃晃走路都還搖搖晃晃的時候,就已經可以開始練習滑步車了,樣子真是可愛極了。滑步車的練習可以幫助小朋友鍛鍊平衡感、協調性和肌肉力量,為日後學習騎自行車打下基礎。 這個大人這一直繞著到這整個場地不斷的來回溜著,看起來好瀟灑。不過也替旁邊騎小車子的小朋友擔心,萬
今天又是跑步日,跑完步最需要做的就是腿部伸展了。 3/26 Day20心得 跑步充分熱身之後做瑜珈,柔軟度有感變佳!有些平常做起來稍微吃力的動作今天都比較輕鬆,像是前腿貼地彎曲90度、後腳伸直、同時身體前彎的動作可以不費力地就讓胸口緊貼膝蓋,充分向前彎曲,拉開臀側肌肉。 偶爾呼吸節奏會跟老
Thumbnail
童一心得_2 @ 2024 3/24 〔木槍 北極熊班〕
Thumbnail
嗨!朋友們!要和大家分享一個網站 - Sapiens Character Builder,它允許你自由組合屬於你專屬的人物插圖。其中包括走路、跑步、站立和騎單車等四種動作,當然除了這四種動作,更提供五大部分的自由調整,包括色系、性別、角色動作、環境場景,以及頭部、上半身與下半身的組合。讓我們看下去!
Thumbnail
對於跑步愛好者,《天生就會跑》這本書提供了簡單而實踐的訓練方法,包括專項肌力訓練和調整跑姿,可幫助提升跑步的經濟性和樂趣。
Thumbnail
  超慢跑顧名思義就是跑得超級慢,時速大約和走路的時速差不多,每公里大約在十到十五分鐘左右完成。換言之,跑了一個小時大概可以前進五公里左右。這樣看來,就是用跑步的姿勢來進行走路。雖然兩者的姿勢有所差別,但卻可以達到相同的時速。跑步的姿勢是膝蓋彎曲,然後往前踏時是腳尖先著地,再來是後腳跟;而走