本教學專為 Illustrator 初學者設計,以「可愛卡通小男孩」為題材,系統講解 選取工具 (V, 黑箭頭) 與 直接選取工具 (A, 白箭頭) 這對「黑白雙煞」的核心分工、路徑查找器布林運算、圖層堆疊順序管理、鉛筆/弧線/直線工具協作繪圖等基礎卻關鍵的向量繪圖基本功。跟著做一遍,您將建立起「向量繪圖 = 幾何拆解 + 路徑操作 + 圖層管理」的核心思維模型。
最終成果預覽
圖 1:卡通男孩完成圖
核心工具認知:黑白雙煞
圖 2:選取工具 (V, 黑箭頭) 與直接選取工具 (A, 白箭頭)
| 工具 | 快捷鍵 | 核心功能 | 操作對象 |
| 選取工具 | V | 整體移動、縮放、旋轉、排序 | 完整物件/群組 |
| 直接選取工具 | A | 修改錨點位置、控制桿、路徑形狀 | 路徑錨點/線段 |
必記快捷鍵:Ctrl/Cmd + Z (Undo) — 容錯率 100% 的後悔藥,隨時按隨時回溯。
繪製流程詳解
1. 頭部:從圓形到下巴尖銳
- 新建 640×480 px、RGB 文件。
- 橢圓工具 (L) 按 Shift 畫正圓,填色膚色 R=255, G=181, B=95。
- 白箭頭 (A) 點選圓形底部錨點,向下拖拽使下巴變尖。掌握「點選錨點 → 看準控制桿 → 拖動調整」節奏。
2. 頭髮:鉛筆工具自由繪製 + 黑白箭頭修飾
- 填色設黑、描邊無。選 鉛筆工具 (N) 手繪髮型輪廓(可分左右兩筆)。
- 用 白箭頭 (A) 微調不順暢的錨點/曲線;黑箭頭 (V) 整體縮放定位至頭部上方。
3. 耳朵:橢圓 + 圖層順序調整
- 橢圓工具畫長橢圓,填膚色,黑箭頭縮放旋轉定位右側。
- 右鍵 > 排列 > 置於底層 (Shift+Ctrl/Cmd+[) 移至頭部後方。
- Ctrl/Cmd + C > F 複製到前方,移動至左側完成雙耳。
4. 眼睛:路徑查找器「減去頂層」做瞳孔
- 畫兩個橢圓:黑色(瞳孔)+ 白色(高光),疊放對齊。
- 全選 > 開啟 路徑查找器 (Shift+F9) > 點擊 「減去頂層」(第二排左一),白高光從黑瞳孔中「挖」出透明孔。
- 外層再加一黑色橢圓作眼白輪廓,黑箭頭調整大小位置。
- 全選眼部元素 > 右鍵 > 群組 (Ctrl/Cmd+G) 方便後續移動。
5. 眼鏡:反射複製高效建構對稱結構
- 鏡片:橢圓工具畫出,白箭頭調整形狀,置於眼睛下方。
- 鏡框:直線工具 (\) 畫一條斜線作半邊鏡框。
- 選中半邊眼鏡(鏡片+鏡框)> 右鍵 > 變換 > 反射 > 垂直軸 > 複製 > 移動至左側對稱位置。
- 鼻樑:彎曲工具(直線工具長按隱藏)畫弧線連接雙鏡片。
- 全選眼鏡群組 Ctrl/Cmd+G,縮放置於臉部。
6. 鼻子與頭部完成
彎曲工具畫一弧線置於眼鏡下方作鼻子。頭部所有元素群組 Ctrl/Cmd+G。
圖 14:完成後的頭部
軀體與四肢:幾何拆解與路徑查找器合併
身體、手臂、手掌、手指、腿、腳均由 橢圓、圓角矩形、弧線 組合而成。核心操作循環:
- 繪製基礎幾何形狀。
- 白箭頭微調錨點/控制桿符合解剖曲線。
- 路徑查找器 「合併」/「聯集」 將多形狀融合為單一路徑。
- 黑箭頭整體定位、圖層順序調整(誰在誰前/後)。
手部範例:5 個橢圓(4 指 + 1 掌),排列組合後「合併」成單一手部路徑。注意繪製順序決定初始堆疊,善用「置於頂層/底層」快捷鍵(Shift+Ctrl/Cmd+] / Shift+Ctrl/Cmd+[)快速調整。
新手必練的 5 大基本功
- V/A 鍵無縫切換:左手懸停 V/A,右手滑鼠,物件整體調整 ↔ 錨點微調 秒級切換。
- 路徑查找器 4 大金剛:聯集、減去頂層、交集、排除 — 熟練對應「合併、挖洞、取共同、取差集」四大邏輯。
- 圖層面板閱讀與操作:眼睛圖示(顯示/隱藏)、鎖圖示(鎖定)、縮圖拖拽(改順序)、建立子圖層(群組管理)。
- 智能參考線 + 對齊面板:Ctrl/Cmd+U 開啟智能參考線,對齊面板「水平/垂直置中分佈」一鍵整齊。
- 外觀面板初體驗:單一路徑疊加多重填色/描邊/效果,體會「一物多相」的非破壞編輯威力。
完成這個小男孩,您已實戰演練了向量插畫 80% 的核心操作。下一步建議:嘗試畫女孩(髮型差異)、添加服裝紋理、嘗試漸層網格賦予體積感。向量插畫的大門,已為您敞開。