Animate CC 線條人物側面跑步動畫
閱讀時間約 1 分鐘
接著將介紹更為細膩的角色跑步動畫，細膩處即是手與腳都各分為二部分，因此無論是各元件的調整與設定都需要更仔細，否則將有元件中途分開的問題。
目標動畫效果:應用影片片段元件表現線條人物的的跑步，除了元件的準備與安排來表現動作之外，手與腳的部分均以二元件組成，所有元件將以傳統補間動畫讓動作更為流暢。
使用動畫技巧:影片片段元件、傳統補間動畫、變形中心。
使用動畫技巧:影片片段元件、傳統補間動畫、變形中心。
Step1.
範例檔元件庫中的動作元件包括頭、手、身體與腳均為獨立元件與獨立圖層所組成。
範例檔元件庫中的動作元件包括頭、手、身體與腳均為獨立元件與獨立圖層所組成。
進入動作元件內，使用自由變形工具來改變每個元件製作動畫時需要的變形中心點位置，頭於下巴處、二隻手及腳於與身體連接處。
Step2.
繼續在動作元件內於影格3與5為所有圖層插入關鍵影格，依序調整影格3與5上的線條人物動作，建立傳統補間完成跑步動作元件。
繼續在動作元件內於影格3與5為所有圖層插入關鍵影格，依序調整影格3與5上的線條人物動作，建立傳統補間完成跑步動作元件。
Step3.
回到場景上新增動作圖層並置入動作元件於右側場景外，點取動作元件並執行『修改 > 變形 > 水平翻轉』，同時並移動場景元件至左側場景外；
回到場景上新增動作圖層並置入動作元件於右側場景外，點取動作元件並執行『修改 > 變形 > 水平翻轉』，同時並移動場景元件至左側場景外；
二圖層於影格100處插入關鍵影格，移動人物動作元件至左側場景外、移動場景元件至右側場景，建立傳統補間動畫完成此範例。
相關課程 : 優勢多媒體 - Adobe Animate CC製作HTML5動畫與互動效果
為什麼會看到廣告
29會員
129內容數
多媒體設計的專業能力養成過程，除了有效率學習軟體之外，更重要的是各個軟體間的整合應用!
Photoshop、Illustrator、Dreamweaver、Animate、CSS、Bootstrap響應式網頁等，相關的整合應用有機會皆會與大家分享喔~
留言0
查看全部
你可能也想看
Google News 追蹤
嘿，大家新年快樂~ 新年大家都在做什麼呢？
跨年夜的我趕工製作某個外包設計案，在工作告一段落時趕上倒數。
然後和兩個小孩過了一個忙亂的元旦。在深夜時刻，看到朋友傳來的解籤網站，興致勃勃熬夜體驗了一下，覺得非常好玩，或許有人玩過了，但還是想寫上來分享紀錄一下~
Ae 小技巧：Motion Tile 連續圖 / 背景
動態後記系列會記錄一些我在製作中的記錄，可能是分解動畫、小技巧、發想、腳本......等等。 每篇都是小短篇，就是補充用的小筆記，沒有前後順序，可跳著閱讀。
Ae 小技巧：CC Bend It 彎曲
動態後記系列會記錄一些我在製作中的記錄，可能是分解動畫、小技巧、發想、腳本......等等。 每篇都是小短篇，就是補充用的小筆記，沒有前後順序，可跳著閱讀。
Ae 小技巧：Wiggle Paths 手繪感
動態後記系列會記錄一些我在製作中的記錄，可能是分解動畫、小技巧、發想、腳本......等等。 每篇都是小短篇，就是補充用的小筆記，沒有前後順序，可跳著閱讀。
Ae 小技巧：Trim Paths 的應用
動態後記系列會記錄一些我在製作中的記錄，可能是分解動畫、小技巧、發想、腳本......等等。 每篇都是小短篇，就是補充用的小筆記，沒有前後順序，可跳著閱讀。
嗨！朋友們！要和大家分享一個網站 - Sapiens Character Builder，它允許你自由組合屬於你專屬的人物插圖。其中包括走路、跑步、站立和騎單車等四種動作，當然除了這四種動作，更提供五大部分的自由調整，包括色系、性別、角色動作、環境場景，以及頭部、上半身與下半身的組合。讓我們看下去！
本文介紹動態的線條對影像的影響，動態的線條能使影像產生動感，給觀看者一種活潑、熱烈、流暢、移動及力量的感覺。
喚醒12條「效能肌」，10秒提升跑、跳、踢、投、打、游 6大運動能力的循環式全身訓練
笹川大瑛．境好出版．2022/09．賴惠鈴譯．
推薦給：
❦ 有意提升自己運動"效能"的人！
❦在運動競技項目上需要跑 or 跳 or 踢 or 投 or 打 or 游 這6大運動能力的人！
有時候我覺
對於跑步愛好者，《天生就會跑》這本書提供了簡單而實踐的訓練方法，包括專項肌力訓練和調整跑姿，可幫助提升跑步的經濟性和樂趣。
超慢跑顧名思義就是跑得超級慢，時速大約和走路的時速差不多，每公里大約在十到十五分鐘左右完成。換言之，跑了一個小時大概可以前進五公里左右。這樣看來，就是用跑步的姿勢來進行走路。雖然兩者的姿勢有所差別，但卻可以達到相同的時速。跑步的姿勢是膝蓋彎曲，然後往前踏時是腳尖先著地，再來是後腳跟；而走
嘿，大家新年快樂~ 新年大家都在做什麼呢？
跨年夜的我趕工製作某個外包設計案，在工作告一段落時趕上倒數。
然後和兩個小孩過了一個忙亂的元旦。在深夜時刻，看到朋友傳來的解籤網站，興致勃勃熬夜體驗了一下，覺得非常好玩，或許有人玩過了，但還是想寫上來分享紀錄一下~
Ae 小技巧：Motion Tile 連續圖 / 背景
動態後記系列會記錄一些我在製作中的記錄，可能是分解動畫、小技巧、發想、腳本......等等。 每篇都是小短篇，就是補充用的小筆記，沒有前後順序，可跳著閱讀。
Ae 小技巧：CC Bend It 彎曲
動態後記系列會記錄一些我在製作中的記錄，可能是分解動畫、小技巧、發想、腳本......等等。 每篇都是小短篇，就是補充用的小筆記，沒有前後順序，可跳著閱讀。
Ae 小技巧：Wiggle Paths 手繪感
動態後記系列會記錄一些我在製作中的記錄，可能是分解動畫、小技巧、發想、腳本......等等。 每篇都是小短篇，就是補充用的小筆記，沒有前後順序，可跳著閱讀。
Ae 小技巧：Trim Paths 的應用
動態後記系列會記錄一些我在製作中的記錄，可能是分解動畫、小技巧、發想、腳本......等等。 每篇都是小短篇，就是補充用的小筆記，沒有前後順序，可跳著閱讀。
嗨！朋友們！要和大家分享一個網站 - Sapiens Character Builder，它允許你自由組合屬於你專屬的人物插圖。其中包括走路、跑步、站立和騎單車等四種動作，當然除了這四種動作，更提供五大部分的自由調整，包括色系、性別、角色動作、環境場景，以及頭部、上半身與下半身的組合。讓我們看下去！
本文介紹動態的線條對影像的影響，動態的線條能使影像產生動感，給觀看者一種活潑、熱烈、流暢、移動及力量的感覺。
喚醒12條「效能肌」，10秒提升跑、跳、踢、投、打、游 6大運動能力的循環式全身訓練
笹川大瑛．境好出版．2022/09．賴惠鈴譯．
推薦給：
❦ 有意提升自己運動"效能"的人！
❦在運動競技項目上需要跑 or 跳 or 踢 or 投 or 打 or 游 這6大運動能力的人！
有時候我覺
對於跑步愛好者，《天生就會跑》這本書提供了簡單而實踐的訓練方法，包括專項肌力訓練和調整跑姿，可幫助提升跑步的經濟性和樂趣。
超慢跑顧名思義就是跑得超級慢，時速大約和走路的時速差不多，每公里大約在十到十五分鐘左右完成。換言之，跑了一個小時大概可以前進五公里左右。這樣看來，就是用跑步的姿勢來進行走路。雖然兩者的姿勢有所差別，但卻可以達到相同的時速。跑步的姿勢是膝蓋彎曲，然後往前踏時是腳尖先著地，再來是後腳跟；而走