《跑跑卡丁車》作為風靡一代的休閒競速遊戲，其角色設計融合了 Q 版比例、機械硬朗線條與鮮明色彩語言，是矢量插畫練習的絕佳案例。本教程將詳細拆解如何在 Illustrator CS2 環境下，運用橢圓工具、鋼筆工具、路徑查找器、圖層疊層邏輯，從零繪製經典角色「黑曼」及其專屬賽車。

最終效果圖：黑曼駕駛賽車的動態全身像

角色設計解構：三大視覺特徵

• 頭部：大頭比例（頭身 1:1.5），標誌性「雙丸子頭」，面部五官極簡（兩點眼、小嘴）
• 身體：簡化幾何體塊，手腳無指尖細節，著裝機能風連體服
• 賽車：低趴車身、外露引擎、誇張尾翼、粗獷輪胎，機械感與 Q 版並存

分模塊逐步繪製指南

模塊一：頭部構建（步驟 1-4）

1. 基礎頭型：橢圓工具按 Shift 繪製正圓，直接選擇工具（A）向下拖動底部錨點，形成略微方正的「圓方」輪廓。填色：膚色 #F5D9B8，描邊：深褐 #5C3A21 2pt。
2. 面部遮罩區：鋼筆工具勾勒面部平坦區域（額頭至下巴），填白色 #FFFFFF，置於頭型圖層上方，利用「遮蓋」原理隱藏頭型底色，形成類似面具的視覺效果。
3. 雙丸子頭：左側優先：鋼筆工具繪制不閉合曲線（類似倒置「6」），配合面部遮罩遮蓋形成完整丸子造型。右側鏡像複製（反射工具 O，垂直軸），調整位置對稱。填色同頭型，描邊同步。
4. 五官精細化：拆解為獨立模組：
   • 眼睛：兩個 4pt 圓點，間距 1.5 倍眼徑
   • 眉毛：2pt 彎曲線條，向上彎曲表達活潑
   • 臉頰紅暈：橢圓工具繪製 8×4px 橢圓，放射狀漸變（粉紅→透明），不透明度 40%
   • 嘴巴：1.5pt 彎曲線條，端點銳化
   所有五官元素編組（Ctrl+G），統一命名「Face_Elements」，便於整體移動調整表情。

模塊二：身體與四肢（步驟 5-6）

5. 軀幹與連體服：圓角矩形工具繪製主體，圓角半徑 15px。鋼筆工具添加領口、拉鍊、口袋等機能細節。填色：深藍 #1A3A5C，描邊：深褐 1.5pt。
6. 手臂與雙手：膠囊體構建上臂/前臂，關節處圓形過渡。手掌簡化為半圓+拇指三角形。鋼筆工具添加手套分界線、護腕細節。複製鏡像生成對側，注意袖口褶皺方向對稱。

模塊三：賽車構建（步驟 7-8）

7. 車體分解建模：將賽車拆解為 7 大組件獨立繪製：
   • 底盤：流線型長圓角矩形
   • 駕駛艙：流線型罩頂，開口處貼合角色身體
   • 引擎蓋：前段隆起，帶散熱格柵線條
   • 尾翼：雙層誇張翼板，鋼筆勾勒空氣動力學曲線
   • 輪胎×4：同心圓構造（外胎/輪轂/剎車盤），外胎添加紋理路徑
   • 排氣管：雙管四出，錐形漸細
   • 螺絲/鉚釘/面板線等機械細節
8. 整體組裝與陰影統一：
   • 圖層順序自下而上：投影組 > 底盤組 > 車身組 > 引擎組 > 尾翼組 > 輪胎組 > 細節組 > 角色組
   • 統一光源（左上 45°）：所有組件添加「效果 > 風格化 > 投影」（X:3px Y:3px 模糊:4px 色:深灰 透明度:40%）
   • 車身與角色接觸面添加「遮罩」效果：複製角色下半身輪廓作為車身上部遮罩，實現「坐進車內」視覺

專業級工作流總結

「遮蓋法」核心邏輯

全教程貫穿的核心技巧：利用上層物件遮蓋下層物件，僅繪製露出部分的形狀。例如丸子頭只畫露在外面的曲線，面部遮罩隱藏頭型多餘部分，角色身體遮罩車身內部。這極大減少繪製工作量，同時保證疊層邏輯絕對正確。

圖層管理規範

Layer_Character
  ├─ Group_Head
  │    ├─ Path_HeadBase
  │    ├─ Path_FaceMask
  │    ├─ Group_Buns
  │    └─ Group_FaceElements
  ├─ Group_Body
  │    ├─ Path_Torso
  │    ├─ Group_Arms
  │    └─ Group_Legs
  └─ Group_Vehicle
       ├─ Group_Chassis
       ├─ Group_Cockpit
       ├─ Group_Engine
       ├─ Group_Wing
       ├─ Group_Wheels
       └─ Group_Details
Layer_Shadows
  ├─ Path_CharacterShadow
  └─ Path_VehicleShadow
Layer_Background (可選)

色彩管理策略

• 建立「角色專用色板」：主色藍 #1A3A5C、膚色 #F5D9B8、描邊深褐 #5C3A21、金屬銀 #C0C0C0、警示紅 #E74C3C、高光白 #FFFFFF(80%)
• 所有填色、描邊、漸變色標均引用色板色塊，而非數值輸入，確保全圖色彩一鍵換裝

延展應用建議

• 動作變體：保留骨架層（頭部中心線、脊柱線、四肢關節線），配合「自由變形工具」(E) 快速生成騎行/漂移/慶祝/失落等動作姿態
• 換裝系統：將服飾、頭盔、配件製作為獨立符號庫，配合「符號替換」實現賽季主題換裝
• 動畫就緒：圖層結構符合 After Effects/Spine/DragonBones 導入要求，關節錨點預留，命名符合骨骼綁定規範

經典遊戲角色臨摹是矢量插畫技能進階的最佳捷徑：成熟的設計語言、清晰的結構邏輯、豐富的材質對比，包含了商業插畫 80% 的核心知識點。建議學習者完成黑曼後，嘗試繪製「達奧」、「巴西」、「凱利」等不同體型角色，驗證並強化你的幾何拆解與模組化構建能力。