2D character walk P1 / 2D 角色走路動畫P1

2D character walk P1H

這篇系列教學將分成兩個單元,主要是來跟大家分享如何製作2D 角色走路動畫的製作流程與技巧。我們將從illustrator繪製角色到AE的動態設定,最後到PS匯出 gif 循環動畫等製程作一個完整的練習。


本次P1單元:在illustrator繪製角色。


製作步驟

1、繪製身體

1.1
使用「橢圓工具」:按Shift鍵繪製出「圓形」的身體形狀。

2D character 01

1.2
接著繪製脖子與手臂的圓形「交接區域」、以及身體的一條「分割線」,如下圖。

2D character 02

2、分割出各部分的形狀

2.1
框選到全部的物件,並開啟「路徑管理員」視窗,按下「分割」功能。

2D character 03

2.2
直接在剛才的分割後的物件上按右鍵:選擇「解散群組」功能。

2D character 04

2.3
將不需要的部位刪除。

3、填色

脖子與手臂區域填上相同的顏色。
上半身填上衣服的顏色。
下半身填上褲子的顏色。

2D character 05

4、繪製頭部、手臂與腿部

4.1 繪製頭部
使用「導圓方型」工具繪製出頭部形狀,並刪除中間下方的控制點:讓下方呈現平直線。

2D character 06

4.2 繪製手臂
直接使用「路徑工具」繪製出手臂線條:取消填色、畫筆粗細請自訂、顏色與頭部相同,如下圖。

2D character 07

2D character 08

4.3 繪製腿部
一樣直接使用「路徑工具」繪製出腿部直線線條:取消填色、畫筆粗細請自訂、顏色與下半身褲子相同,如下圖。

2D character 09

4.4
請依照個人設計加入其他配件:如眼鏡、頭髮等。

5、整理圖層結構

5.1
將頭部區域的物件一次選取,執行:編輯 / 剪下。

2D character 10

5.2
在圖層視窗新增一個新的圖層,再執行:編輯 / 貼上。將頭部物件視為一個獨立的圖層,並依部位命名與定位。

2D character 115.3
以此類推!
將身體、左邊手臂與腳、右邊手臂與腳:各成為一個獨立的圖層。請看參考圖。
PS:
左、右邊的手臂與腳只是當作位置與顏色的參考,等匯入AE後會重新以Shape Layer製作。

2D character 12

2D character 13

2D character 14

5.4
將原來的「圖層一」刪除,完成所有角色部位的圖層整理。

2D character 15

2D character 15+


角色的素材完成後,接下來就是要進入AE進行走路的動畫製作喽!別忘了持續追蹤MGBoom的最新教學內容.

留言

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

Archive

聯絡表單

傳送