卡通人物設計是品牌吉祥物、表情包、兒童插畫、遊戲美術的核心需求。本教程將展示如何在 Illustrator 中運用「幾何拆解法」構建標準體塊，配合「寬度工具」線條變化、「實時上色桶」快速填色、「外觀面板」非破壞性風格化，高效產出可商用、可延展、風格統一的卡通角色系列。

成品展示：Q 版比例可愛卡通人物正面全身圖

構圖草圖：頭身比 1:2.5，幾何體塊拆解示意

線稿階段：寬度工具賦予線條豐富呼吸感

基礎填色：實時上色桶高效建立色塊

光影疊加：漸變網格營造柔和體積感

細節豐富：飾品、服飾紋理、表情變化

三視圖標準化：正/側/後視圖保證 IP 延展一致性

最終效果確認

核心設計方法論：幾何拆解與標準化體系

1. 頭身比與體塊幾何化

Q 版角色通常採用 1:2.5 至 1:3 頭身比。建立標準體塊庫：

• 頭部：正圓/橢圓 + 截平底部（下巴）
• 軀幹：倒梯形/豆狀形
• 四肢：圓角矩形/膠囊體，關節處預留圓形過渡區
• 手腳：簡化為水滴/三角/半圓，五指合併為「麵包手」

所有體塊均為「動態形狀」（保持圓角矩形/橢圓屬性可編輯），便於後續比例微調。

2. 線條語言統一：寬度工具精細控制

拒絕統一描邊寬度。使用寬度工具（Shift+W）建立線條變化規範：

• 外輪廓線：2.5-3pt 基礎寬度，轉折處擴寬至 4pt，末端銳化至 0.5pt
• 內部結構線：1.5-2pt，兩端銳化
• 細節裝飾線：0.75-1pt，虛線/實線交替

將常用寬度配置文件保存（寬度工具面板 > 漢堡菜單 > 保存寬度配置文件），團隊協作時統一線條語言。

3. 色彩系統：限用調色板 + 實時上色

1. 建立 12-16 色「角色專用調色板」：主色 3 個、輔助色 4 個、中性色 3 個、功能色（高光/陰影/輪廓）3 個
2. 線稿閉合後，選中全部路徑，按 K 啟用「實時上色桶」，直接點擊區域填充調色板色彩
3. 實時上色群組保持可編輯：雙擊進入隔離模式可隨時修改線稿拓撲，色塊自動適應

4. 光影風格化：漸變網格 vs 外觀面板

兩種主流方案對比：

維度	漸變網格（U）	外觀面板疊加效果
真實度	★★★★★ 可模擬複雜有機體積	★★★☆☆ 適合風格化簡化光影
編輯靈活性	★★☆☆☆ 節點多、修改繁瑣	★★★★★ 參數化調整、可存樣式
檔案體積	較大	極小
推薦場景	關鍵視覺/海報/特寫	大量角色/動畫原畫/UI 圖標

本教程案例採用「外觀面板疊加」：基礎色塊 + 內發光（陰影）+ 內發光（高光，混合模式篩選）+ 紋理疊加，構建可一鍵套用的「卡通風格化圖形樣式」。

IP 級延展：三視圖標準化與表情庫建立

三視圖構建規範

• 同一畫板建立三個參考線組：正面/側面/後面，共用水平基準線（頭頂/眼線/嘴線/肩線/腰線/腳底）
• 側面耳朵位置、後面頭髮輪廓、側面鞋底弧度等關鍵差異點標註尺寸註記
• 導出「角色設計規範表」PDF，包含：色值表、比例尺、線條規範、三視圖、表情庫、動作庫

表情庫組件化製作

1. 將五官拆分為獨立符號：眉毛組、眼睛組、嘴巴組、臉紅組、裝飾組
2. 每組製作 8-12 個變體（開心/難過/生氣/驚訝/害羞/得意/睡眠/思考/眨眼/大笑/哭泣/發呆）
3. 符號面板拖拽組合，配合「符號替換」功能秒級切換表情

商業級輸出檢查清單

• [ ] 所有文字已建立輪廓
• [ ] 所有描邊已擴展外觀（除保留動態寬度的主線稿）
• [ ] 圖層命名規範：Layer_Head, Layer_Body, Layer_Accessories...
• [ ] 符號庫已清理無用項目，命名統一前綴：Char_Name_
• [ ] 另存為 AI（源檔）、SVG（網頁/動畫）、PNG 序列（表情包/動畫幀）
• [ ] 附帶「角色設計規範表」PDF 與調色板 .ase 檔案

卡通人物設計的專業度不在於「畫得多像」，而在於「建得多標準」。一套完善的幾何體系、線條規範、色彩系統、組件庫，才是角色 IP 持續商業化延展的核心資產。從今天開始，用「設計系統」思維取代「單張繪圖」思維，讓你的角色真正具備商業價值。