3D Cube Walking / 彈Q方塊走路動畫


3D-Cube-Walking--gif

Hello大家:
這次一起來學習如何應用"形狀圖層",製作出具有軟Q彈跳感+3D感覺的走路動畫吧
只要從基本型開始就可以完成^^



步驟一:畫出各部分元件(形狀圖層)

1.1 請大家依照造型,使用"形狀工具"基本型畫出:頭與身體

MGB Cube Walking 01

MGB Cube Walking 02

MGB Cube Walking 03

MGB Cube Walking 04

MGB Cube Walking 05

1.2 使用"筆型工具"基本型畫出:腿+腳與陰影

MGB Cube Walking 06

如果想要有導圓角:可以使用形狀工具中的> Round Corners功能!
MGB Cube Walking 07

1.3別忘了設定腳的"軸心點">利於之後"走路步伐"的設定
MGB Cube Walking 08


1.4 腿部陰影的製作:
 請先多複製一次"腿的形狀圖層" > 再使用"Trim Paths"功能設定陰影長度 >最後再啟動腳的
 Expression的連結功能:將"腳"的Path 連結到" 腿"的Path屬性!
MGB Cube Walking 09


步驟二:要開始設定走路動畫囉

2.1 請先將"腳"與"身體"的圖層> 執行 Pre-Compose :各包成另外一個Composition!

MGB Cube Walking 10

2.2 設定動作的時間點
請在一秒之間,平均分布為5個時間點: 前 / 1/4(抬腿) / 中(交換步) / 3/4(抬腿) / 後MGB Cube Walking 11
2.3 設定身體的上+下晃動!
MGB Cube Walking 12


2.4 調整動態速率:讓晃動更有節奏感!
請在關鍵影格上按右鍵: 選擇 Keyframe Velocity指令!
MGB Cube Walking 13


2.5 設定頭的上_下晃動
MGB Cube Walking 14

2.6 設定"腿"的步伐動作
MGB Cube Walking 15

MGB Cube Walking 16

MGB Cube Walking 17

MGB Cube Walking 18

2.7 別忘了調整腿的動態速率:讓步伐更有節奏感!
MGB Cube Walking 19


2.8 設定"腳"的步伐動作

MGB Cube Walking 21
MGB Cube Walking 20


步驟三:加入次要動作>提升軟Q動態感

3.1 替身體產生"上下"晃動的軟Q變形

替身體Com加入: Warp 變形效果
MGB Cube Walking 21


3.2 替身體產生"左右"晃動的軟Q變形

複製剛才的 Warp 變形效果:改變設定即可!
MGB Cube Walking 22

MGB Cube Walking 23

步驟四:模擬3D感
其實這個觀念很簡單:只要在2D 圖形上轉換明/ 暗面,就可以模擬出3D立體感!

14.1 模擬身體"向右"轉動
切換到 身體的Com裡面: 先確定軸心點在最左邊! > 再設定Scale的關鍵影格!
MGB Cube Walking 24

14.2 模擬頭"向右"轉動
切換到 頭的Com裡面: 利用形狀圖層的PATH屬性來設定關鍵影格!
MGB Cube Walking 25

~這樣就完成囉! 預覽一下成果吧^^

PS:想學更多.............
還有相關文章可以參考優👉️
2D character walk P1/2D 角色走路動畫P2> https://is.gd/nswbKf
Ads go here

留言

對內容有任何問題與討論,歡迎留言給我們^^