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

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



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

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






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


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

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


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


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

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


2.2 設定動作的時間點
請在一秒之間,平均分布為5個時間點: 前 / 1/4(抬腿) / 中(交換步) / 3/4(抬腿) / 後


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


2.5 設定頭的上_下晃動

2.6 設定"腿"的步伐動作




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


2.8 設定"腳"的步伐動作



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

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

替身體Com加入: Warp 變形效果


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

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


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

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

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

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

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