2D character walk P1 / 2D 角色走路動畫P1
這篇系列教學將分成兩個單元,主要是來跟大家分享如何製作2D 角色走路動畫的製作流程與技巧。我們將從illustrator繪製角色到AE的動態設定,最後到PS匯出 gif 循環動畫等製程作一個完整的練習。
本次P1單元:在illustrator繪製角色。
製作步驟
1、繪製身體
1.1使用「橢圓工具」:按Shift鍵繪製出「圓形」的身體形狀。
1.2
接著繪製脖子與手臂的圓形「交接區域」、以及身體的一條「分割線」,如下圖。
2、分割出各部分的形狀
2.1框選到全部的物件,並開啟「路徑管理員」視窗,按下「分割」功能。
2.2
直接在剛才的分割後的物件上按右鍵:選擇「解散群組」功能。
2.3
將不需要的部位刪除。
3、填色
為脖子與手臂區域填上相同的顏色。為上半身填上衣服的顏色。
為下半身填上褲子的顏色。
4、繪製頭部、手臂與腿部
4.1 繪製頭部使用「導圓方型」工具繪製出頭部形狀,並刪除中間下方的控制點:讓下方呈現平直線。
4.2 繪製手臂
直接使用「路徑工具」繪製出手臂線條:取消填色、畫筆粗細請自訂、顏色與頭部相同,如下圖。
4.3 繪製腿部
一樣直接使用「路徑工具」繪製出腿部直線線條:取消填色、畫筆粗細請自訂、顏色與下半身褲子相同,如下圖。
4.4
請依照個人設計加入其他配件:如眼鏡、頭髮等。
5、整理圖層結構
5.1將頭部區域的物件一次選取,執行:編輯 / 剪下。
5.2
在圖層視窗新增一個新的圖層,再執行:編輯 / 貼上。將頭部物件視為一個獨立的圖層,並依部位命名與定位。
5.3
以此類推!
將身體、左邊手臂與腳、右邊手臂與腳:各成為一個獨立的圖層。請看參考圖。
PS:
左、右邊的手臂與腳只是當作位置與顏色的參考,等匯入AE後會重新以Shape Layer製作。
5.4
將原來的「圖層一」刪除,完成所有角色部位的圖層整理。
留言