矢量角色插畫看似複雜，實則遵循「幾何基礎 → 形狀組合 → 細節疊加 → 材質統一」的標準化流程。本教程以可愛布娃娃小女孩為例，展示如何用橢圓、鋼筆、鉛筆等基礎工具，配合圖層管理、漸變填色、符號複用，高效構建可編輯、可擴展的角色插畫資產。

設計思維：角色構建的模組化策略

• 身體部件獨立圖層： 頭部、五官、上衣、脖子、髮型(後/前)、手臂、腿、鞋子，各自獨立圖層組，便於姿態調整、表情替換、服裝換裝。
• 左右對稱複用： 眼睛、耳朵、手臂、腿、鞋子均單側繪製完成後，物件 > 變換 > 鏡像 複製，保證絕對對稱、節省一半繪製時間。
• 基礎形狀優先： 盡量用橢圓、圓角矩形、基本幾何形組合，少用自由筆繪，保證形狀可控、易修改、檔案輕量。

12 步完整建模流程

頭部與五官（步驟 1–2）

1. 頭部基礎： 橢圓工具畫圓，直接選取工具微調頂部稍平、底部稍寬（蛋形）。填淡桃紅 #FFDAB9，無描邊。

2. 五官構建：
   • 眼睛：白色橢圓 (填白、描邊黑) + 黑色小橢圓 (瞳孔) 群組 → 鏡像複製右眼。
   • 鼻子：橢圓工具畫小橢圓，填桃紅 #FFB6C1，無描邊。
   • 嘴巴：鋼筆工具畫上揚曲線，無填色、描邊紅 #FF0000、圓形端點、寬度 2pt。

上衣與脖子（步驟 3–4）

3. 上衣： 鋼筆工具勾勒梯形上衣輪廓（寬肩、窄腰、下擺微闊），填充圖案填色（如波爾卡圓點、條紋、花紋），無描邊。圖案可從「符號庫 > 圖案」拖入或自建無縫圖案填色。

4. 脖子： 新建圖層置於頭部圖層下方。鉛筆工具畫短圓柱狀脖子，填同頭部膚色 #FFDAB9。

髮型分層（步驟 5–7）

5. 後髮（底層）： 新圖層置於最底。鉛筆工具畫蓬鬆後髮輪廓，填黑褐 #3D2B1F，描邊淡褐 #C19A6B。

6. 前髮/劉海（頂層）： 原圖層（頭部層）中，鋼筆工具畫劉海形狀，填同色黑褐 #3D2B1F。

7. 髮絲線條細節： 鋼筆工具沿前髮輪廓內側繪製流線條路徑，無填色、描邊淡褐 #C19A6B、寬度 1pt、圓形端點，模擬髮束層次。

四肢與鞋子（步驟 8–12）

8. 右手臂： 鉛筆工具畫手臂形狀（上寬下窄、手掌簡化），無描邊，填線性漸變：膚色 #FFDAB9 → 粉紅 #FFB6C1（模擬血色）。

9. 左手臂： 右手臂群組複製，物件 > 變換 > 鏡像 (垂直軸)，獲得左手臂。

10. 右腿： 鉛筆工具畫褲腿+腿部一體形狀，填膚色 #FFDAB9，無描邊。

11. 鞋子： 鋼筆工具畫側視鞋子（鞋頭圓、鞋底平、鞋跟微翹），填黑 #000000，描邊套用喜歡的圖案筆刷（如虛線、鑽石紋）。

12. 左腿鞋： 右腿+鞋群組複製鏡像，完成整體對稱。

專業級資產整理與擴展

• 圖層命名規範： `Character/Head`、`Character/Body/Upper`、`Character/Hair/Back`、`Character/Arm/R` 等語義化層級。
• 動態符號庫： 將「手臂」、「腿」、「鞋子」存為動態符號，構建不同姿態時只需替換實例屬性。
• 表情系統： 眼睛、嘴巴組件化（睜眼/閉眼/瞇眼、笑/驚/哭），存為符號，配合圖層顯隱快速切換表情。
• 換裝系統： 上衣、褲子、鞋子分離為獨立符號集，定義統一掛接點（肩膀、腰、腳踝），實現「紙娃娃」式換裝。
• 導出管線： SVG (保留群組結構供 Web 動畫)、PNG 序列幀 (供遊戲/APP)、After Effects 分層導入 (逐幀動畫)。

角色插畫的專業化，不在於「畫得多逼真」，而在於「結構多清晰、組件多可復用、變體多易生成」。建立標準化的角色構建流程與資產管理規範，才能支撐 IP 形象在表情包、動畫短片、周邊產品、互動 H5、品牌物料等多元場景的高效衍生與一致性維護。