Animate CC Q版騎腳踏車動畫

更新於 2020/02/13閱讀時間約 3 分鐘
在交通工具中,就屬腳踏車動畫的細節最多,因為除了輪子的轉動外,人物角色二隻腳來踩動腳踏車踏板是最需要注意動畫細節的,其中包括雙腳的動作與踏板的旋轉,雙腳動作需注意變形中心與補間動畫的應用,踏板的旋轉即是要依靠導引線來控制繞圈旋轉,最後搭配場景上場景元件的移動,即可完成騎腳踏車動畫。
目標動畫效果:應用影片片段元件與傳統補間動畫,控制變形中心點位置來表現腳的動作,再搭配導引線控制腳踏車踏板的旋轉,來表現腳踩動腳踏車的動畫細節。
使用動畫技巧:影片片段元件、傳統補間動畫、導引線、變形中心。
Step1.
範例檔場景上是一份尺寸較大的森林場景元件,參考線範圍內即是實際場景尺寸,元件庫中包含了角色人物與腳踏車元件,人物部分雙腳是需要分開個別元件的。
首先進入騎腳踏車元件內,每個要設定動畫的元件均已分圖層與轉換成元件,點取前輪轉換成影片片段元件『前輪旋轉』、點取後輪轉換成影片片段元件『後輪旋轉』。分別進入前輪旋轉與後輪旋轉元件內,於影格24插入關鍵影格並建立傳統補間動畫、設定逆時針選轉1圈。
Step2.
再次進到騎腳踏車元件內,為所有圖層於影格24處插入關鍵影格,暫時隱藏人物相關元件圖層,於踏板圖層的影格24插入關鍵影格並建立傳統補間動畫,在導引線圖層上按下滑鼠右鍵選擇執行『導引線』,啟動缺口圓形導引線功能並鎖定導引線圖層,移動踏板圖層至導引線圖層下緣使其感應並作用導引線,移動影格1上的踏板元件至導引線缺口下方起點處,移動影格24上的踏板至導引線缺口的上方終點處,完成導引線控制旋轉的踏板。
Step3.
繼續在騎腳踏車元件內,顯示所有圖層並依序更改雙腳四元件的變形中心,下半腳變形中心點於膝蓋上、上半腳中心點魚與身體接合處。
於四個腳元件圖層的6、12、18、24插入關鍵影格,開始來配合踏板位置設定腳的動作,請使用旋轉與移動來安排影格1、6、12、18上腳元件的正確位置(如圖所示,注意前後腳的相對位置),並複製影格1至影格24,建立四圖層傳統補間動畫,完成腳踩踏板的動畫。
Step4.
繼續在騎腳踏車元件內,更改右手元件變形中心於手肘處、頭元件於下巴處,於影格4、8、12插入關鍵影格,旋轉影格4與8上的右手與頭元件,建立影格1-12間傳統補間動畫。
回到場景上,新增騎腳踏車圖層於一棵樹圖層之下,置入騎腳踏車元件於右側場景外,為三個圖層於影格240處插入影格。
Step5.
在騎腳踏車圖層上,於影格30、60、120、180、240插入關鍵影格,依序設定元件位置並建立傳統補間動畫。
繼續為森林圖層於影格240插入關鍵影格,向右移動森林元件至元件左側於場景左側外,最後為一棵樹圖層於影格120、240處插入關鍵影格,移動120上的一棵樹至場景中央、移動影格240上的一棵樹至場景右側外,均建立傳統補間動畫完成此範例。
相關課程 : 優勢多媒體 - Adobe Animate CC製作HTML5動畫與互動效果
即將進入廣告,捲動後可繼續閱讀
為什麼會看到廣告
avatar-img
29會員
129內容數
多媒體設計的專業能力養成過程,除了有效率學習軟體之外,更重要的是各個軟體間的整合應用! Photoshop、Illustrator、Dreamweaver、Animate、CSS、Bootstrap響應式網頁等,相關的整合應用有機會皆會與大家分享喔~
留言0
查看全部
avatar-img
發表第一個留言支持創作者!
哩老師的沙龍 的其他內容
車子動畫部分,除了車子的移動之外,介紹的是車子商品進場的動畫效果,包括車子減速移入與車門開啟的動畫,完美展現車子的動態! 目標動畫效果:應用影片片段元件的安排,表現車子移動時輪子旋轉的速度,以及車門開啟的特殊動作,讓車子動畫更豐富。 使用動畫技巧:影片片段元件、傳統補間動
直昇機在飛行時,主螺旋槳與尾翼副螺旋槳是表現重點,此外還可以加上飛彈發射的安排,以及背景的移動,讓動畫更逼真與完整! 目標動畫效果:應用影片片段元件安排各元件的動畫,包括直昇機與飛彈,最後組合成完整直昇機與飛彈發射,表現特別的交通工具動畫。 使用動畫技巧:影片片段元件、傳
在大自然的場景下,除了昆蟲與樹葉的動態表現外,樹葉上的露水滴落往往成為動畫的焦點,因此水滴滴落時的動態表現,不同於雨滴,需要更細膩的表現出來。  目標動畫效果:利用影片片段元件與導引線動畫,表現大自然之中的元素動態,包括昆蟲飛舞、葉子晃動、葉上水滴滴落等。 使用動畫技巧:
動畫裡最常需要的自然現象即是下雨,為了讓雨滴更寫實,因此使用雨滴元件而非一般的線段,搭配水面水紋漣漪與倒影的波動,來讓整個下雨場景更逼真! 目標動畫效果:利用影片片段元件安排大量的雨滴落下,加上以圓圈製作的水紋漣漪,以及以形狀補間動畫內容的遮色片表現倒影波動,完成逼真的
若要表現花飄落的效果,除了落下的軌跡外,最重要的是花在落下的同時是伴隨著細微的旋轉,最後再以導引線控制飄落軌跡與搭配落入水中時的水紋,即可完成! 目標動畫效果:搭配影片片段元件與導引線的使用,加上水紋與移動的安排,來完成花落入水中的各個細節。 使用動畫技巧:影片片段元件、
對於包含了陰影與倒影的文字內容,若要製作字元移動動畫效果時,同樣面臨元件與圖層眾多的問題,因此善用移動補間動畫新增至『自訂移動預設效果』的方式,即可快速套用自訂的動畫效果,迅速完成多元件的文字動畫效果。 目標動畫效果:利用移動補間動畫與移動編輯器,先設定好一個字元的動畫後
車子動畫部分,除了車子的移動之外,介紹的是車子商品進場的動畫效果,包括車子減速移入與車門開啟的動畫,完美展現車子的動態! 目標動畫效果:應用影片片段元件的安排,表現車子移動時輪子旋轉的速度,以及車門開啟的特殊動作,讓車子動畫更豐富。 使用動畫技巧:影片片段元件、傳統補間動
直昇機在飛行時,主螺旋槳與尾翼副螺旋槳是表現重點,此外還可以加上飛彈發射的安排,以及背景的移動,讓動畫更逼真與完整! 目標動畫效果:應用影片片段元件安排各元件的動畫,包括直昇機與飛彈,最後組合成完整直昇機與飛彈發射,表現特別的交通工具動畫。 使用動畫技巧:影片片段元件、傳
在大自然的場景下,除了昆蟲與樹葉的動態表現外,樹葉上的露水滴落往往成為動畫的焦點,因此水滴滴落時的動態表現,不同於雨滴,需要更細膩的表現出來。  目標動畫效果:利用影片片段元件與導引線動畫,表現大自然之中的元素動態,包括昆蟲飛舞、葉子晃動、葉上水滴滴落等。 使用動畫技巧:
動畫裡最常需要的自然現象即是下雨,為了讓雨滴更寫實,因此使用雨滴元件而非一般的線段,搭配水面水紋漣漪與倒影的波動,來讓整個下雨場景更逼真! 目標動畫效果:利用影片片段元件安排大量的雨滴落下,加上以圓圈製作的水紋漣漪,以及以形狀補間動畫內容的遮色片表現倒影波動,完成逼真的
若要表現花飄落的效果,除了落下的軌跡外,最重要的是花在落下的同時是伴隨著細微的旋轉,最後再以導引線控制飄落軌跡與搭配落入水中時的水紋,即可完成! 目標動畫效果:搭配影片片段元件與導引線的使用,加上水紋與移動的安排,來完成花落入水中的各個細節。 使用動畫技巧:影片片段元件、
對於包含了陰影與倒影的文字內容,若要製作字元移動動畫效果時,同樣面臨元件與圖層眾多的問題,因此善用移動補間動畫新增至『自訂移動預設效果』的方式,即可快速套用自訂的動畫效果,迅速完成多元件的文字動畫效果。 目標動畫效果:利用移動補間動畫與移動編輯器,先設定好一個字元的動畫後
你可能也想看
Google News 追蹤
Thumbnail
徵的就是你 🫵 超ㄅㄧㄤˋ 獎品搭配超瞎趴的四大主題,等你踹共啦!還有機會獲得經典的「偉士牌樂高」喔!馬上來參加本次的活動吧!
Thumbnail
隨著理財資訊的普及,越來越多台灣人不再將資產侷限於台股,而是將視野拓展到國際市場。特別是美國市場,其豐富的理財選擇,讓不少人開始思考將資金配置於海外市場的可能性。 然而,要參與美國市場並不只是盲目跟隨標的這麼簡單,而是需要策略和方式,尤其對新手而言,除了選股以外還會遇到語言、開戶流程、Ap
Thumbnail
跑片人早在各家電影院的後門等著接送大明星,加長禮車是腳踏車一輛,在十幾個鐵盤固定腳踏車後座,下一個換本符號浮上之前,腳踏車沿著台北柏油路面猛力踩著踏板往前輸送,銀色輪軸交錯一如電影放映機吞吐膠片正快轉。——《髒東西》
Thumbnail
帶著自己到處看世界的不是飛機,不是車子,而是自己的「腳」,飛機車子只是工具,它可以讓我們更快到達很遠的目的地,但真正可以帶我們走馬看花的是「腳」,每天不謂辛勞的帶我們去任何角落,凡走過必留下痕跡,除了足跡以外,更多的蘿蔔腿、靜脈曲張,所以一定要善待自己的腳,照顧好自己的腳,它才可以帶著我們去任何我們
Thumbnail
Ae 小技巧:Wiggle Paths 手繪感 動態後記系列會記錄一些我在製作中的記錄,可能是分解動畫、小技巧、發想、腳本......等等。 每篇都是小短篇,就是補充用的小筆記,沒有前後順序,可跳著閱讀。
Thumbnail
女兒說想把腳踏車輔助輪拿掉已經一段時間了,這篇文章描述了父親在教導女兒學習騎腳踏車的過程以及其中的心情起伏。文章中講述了父親內心的害怕和期望,以及女兒學習過程中的自信和挑戰。這是一篇關於家庭和成長的故事。
Thumbnail
今天要跟大家介紹國立台灣體育運動大學,運管系同學所開設之公司:「愛騎易」所開設的滑步車課程教學。 這世上不乏汽車、機車等交通工具,甚至也有飛機、輪船等能夠跨洋出國的器具,對於一般的家庭,甚至是學生來說,未必能夠負擔起以上工具所需之費用。發明之神也非常眷顧大家,發明了腳踏車供大家使用。 對於許多學
Thumbnail
Ae 小技巧:Trim Paths 的應用 動態後記系列會記錄一些我在製作中的記錄,可能是分解動畫、小技巧、發想、腳本......等等。 每篇都是小短篇,就是補充用的小筆記,沒有前後順序,可跳著閱讀。
Thumbnail
散步時來到彩虹輪狀跑道練習場,看到小朋友在晃晃走路都還搖搖晃晃的時候,就已經可以開始練習滑步車了,樣子真是可愛極了。滑步車的練習可以幫助小朋友鍛鍊平衡感、協調性和肌肉力量,為日後學習騎自行車打下基礎。 這個大人這一直繞著到這整個場地不斷的來回溜著,看起來好瀟灑。不過也替旁邊騎小車子的小朋友擔心,萬
Thumbnail
腳輪不只是簡單的工具,更是提升效率和便利性的重要零件。從辦公椅子到重型工業設備,腳輪的選擇直接影響到使用者的體驗和設備的性能。本文將深入介紹腳輪,從腳輪材質、培林到如何挑選,幫助讀者根據需求找到最適合的腳輪。
Thumbnail
本文介紹動態的線條對影像的影響,動態的線條能使影像產生動感,給觀看者一種活潑、熱烈、流暢、移動及力量的感覺。
Thumbnail
用車輪去丈量一個地方,不管是在稻田裡飛馳,還是在花海裡徜徉,又或是穿梭在公路與海同行,沿路的風景就在車輪下徐徐展開,這一路靠自己踩出來的風景,絕對讓人難忘。
Thumbnail
徵的就是你 🫵 超ㄅㄧㄤˋ 獎品搭配超瞎趴的四大主題,等你踹共啦!還有機會獲得經典的「偉士牌樂高」喔!馬上來參加本次的活動吧!
Thumbnail
隨著理財資訊的普及,越來越多台灣人不再將資產侷限於台股,而是將視野拓展到國際市場。特別是美國市場,其豐富的理財選擇,讓不少人開始思考將資金配置於海外市場的可能性。 然而,要參與美國市場並不只是盲目跟隨標的這麼簡單,而是需要策略和方式,尤其對新手而言,除了選股以外還會遇到語言、開戶流程、Ap
Thumbnail
跑片人早在各家電影院的後門等著接送大明星,加長禮車是腳踏車一輛,在十幾個鐵盤固定腳踏車後座,下一個換本符號浮上之前,腳踏車沿著台北柏油路面猛力踩著踏板往前輸送,銀色輪軸交錯一如電影放映機吞吐膠片正快轉。——《髒東西》
Thumbnail
帶著自己到處看世界的不是飛機,不是車子,而是自己的「腳」,飛機車子只是工具,它可以讓我們更快到達很遠的目的地,但真正可以帶我們走馬看花的是「腳」,每天不謂辛勞的帶我們去任何角落,凡走過必留下痕跡,除了足跡以外,更多的蘿蔔腿、靜脈曲張,所以一定要善待自己的腳,照顧好自己的腳,它才可以帶著我們去任何我們
Thumbnail
Ae 小技巧:Wiggle Paths 手繪感 動態後記系列會記錄一些我在製作中的記錄,可能是分解動畫、小技巧、發想、腳本......等等。 每篇都是小短篇,就是補充用的小筆記,沒有前後順序,可跳著閱讀。
Thumbnail
女兒說想把腳踏車輔助輪拿掉已經一段時間了,這篇文章描述了父親在教導女兒學習騎腳踏車的過程以及其中的心情起伏。文章中講述了父親內心的害怕和期望,以及女兒學習過程中的自信和挑戰。這是一篇關於家庭和成長的故事。
Thumbnail
今天要跟大家介紹國立台灣體育運動大學,運管系同學所開設之公司:「愛騎易」所開設的滑步車課程教學。 這世上不乏汽車、機車等交通工具,甚至也有飛機、輪船等能夠跨洋出國的器具,對於一般的家庭,甚至是學生來說,未必能夠負擔起以上工具所需之費用。發明之神也非常眷顧大家,發明了腳踏車供大家使用。 對於許多學
Thumbnail
Ae 小技巧:Trim Paths 的應用 動態後記系列會記錄一些我在製作中的記錄,可能是分解動畫、小技巧、發想、腳本......等等。 每篇都是小短篇,就是補充用的小筆記,沒有前後順序,可跳著閱讀。
Thumbnail
散步時來到彩虹輪狀跑道練習場,看到小朋友在晃晃走路都還搖搖晃晃的時候,就已經可以開始練習滑步車了,樣子真是可愛極了。滑步車的練習可以幫助小朋友鍛鍊平衡感、協調性和肌肉力量,為日後學習騎自行車打下基礎。 這個大人這一直繞著到這整個場地不斷的來回溜著,看起來好瀟灑。不過也替旁邊騎小車子的小朋友擔心,萬
Thumbnail
腳輪不只是簡單的工具,更是提升效率和便利性的重要零件。從辦公椅子到重型工業設備,腳輪的選擇直接影響到使用者的體驗和設備的性能。本文將深入介紹腳輪,從腳輪材質、培林到如何挑選,幫助讀者根據需求找到最適合的腳輪。
Thumbnail
本文介紹動態的線條對影像的影響,動態的線條能使影像產生動感,給觀看者一種活潑、熱烈、流暢、移動及力量的感覺。
Thumbnail
用車輪去丈量一個地方,不管是在稻田裡飛馳,還是在花海裡徜徉,又或是穿梭在公路與海同行,沿路的風景就在車輪下徐徐展開,這一路靠自己踩出來的風景,絕對讓人難忘。