卡通風格圖標以其親和力強、辨識度高、風格統一易擴展的特點，廣泛應用於教育類 App、兒童讀物、文創文具、品牌吉祥物周邊。本教學將以「可愛卡通鉛筆」為例，帶領 Illustrator 初學者從零開始，運用「基本幾何形狀」、「圓角效果」、「漸層填色」、「路徑查找器分割」、「鋼筆工具細節刻畫」等核心工具，完成一枚擁有立體感、材質感與表情感染力的鉛筆圖標。

畫布與圖層準備

• 新建 800×800 px，RGB，72 ppi。
• 圖層結構：`參考草圖`（鎖定） → `鉛筆主體` → `筆尖細節` → `橡皮擦` → `裝飾元素` → `背景/陰影`。

步驟詳解

1. 鉛筆筒身：圓角矩形 + 漸層立體

1. 選取「矩形工具」（M），按 Shift 繪製正方形（約 200×200 px）。
2. 效果 → 風格化 → 圓角，半徑 30 px，確定。（動態效果，可後續調整）
3. 套用線性漸層：左淺黃（R:255 G:230 B:150）→ 右深黃（R:230 G:180 B:60），角度 0°，模擬圓柱體受光。

2. 鉛筆筒身側面厚度

1. 複製筒身（Ctrl+C、Ctrl+F），將底邊上移約 15 px，高度壓縮為薄片狀。
2. 填充較深漸層（R:200 G:150 B:40 → R:180 G:130 B:30），形成側面厚度感。

3. 筆尖錐體結構

1. 「矩形工具」繪製長方形（寬≈筒身寬、高≈80 px），套用圓角效果（半徑 10 px，僅影響底部兩角）。
2. 填充木色漸層：淺褐（R:210 G:160 B:100）→ 深褐（R:150 G:100 B:50），角度 90°。
3. 用「直接選取工具」（A）將頂部兩個錨點向內拖拽靠攏，形成尖錐狀。必要時添加錨點微調曲率。

4. 筆芯與金屬箍

1. 「矩形工具」繪製細長條（筆芯），填充深灰漸層。
2. 「矩形工具」繪製橫跨筒身頂部的金屬箍，填充金屬漸層（灰白灰白灰），添加「效果」→「風格化」→「內發光」（模式「正片疊底」、顏色深灰、模糊 2 px）增強金屬質感。

5. 彩色鉛筆分色條紋（路徑查找器分割實戰）

1. 繪製一個與筒身等寬的矩形，內部用「線段工具」（\）繪製 3 條等距橫線，將矩形分為 4 條色帶區域。
2. 全選矩形與 3 條線，開啟「路徑查找器」面板，點擊「分割」。
3. 取消編組（Shift+Ctrl+G），為每個色帶分別套用鮮豔漸層（紅/藍/綠/黃），描邊設為無。

6. 筆尖三角形切面與高光

1. 「鋼筆工具」（P）點擊繪製三角形覆蓋筆尖頂端，填充石墨灰漸層（深灰→黑）。
2. 複製三角形（Ctrl+C、Ctrl+F），縮放 80%，填充高光色（淺灰→白），形成切面高光。
3. 再次複製，進一步縮放，填充深色，形成切面邊緣線條。

7. 臉部表情與裝飾（賦予靈魂）

• 眼睛：兩個圓形（白色填充+黑色瞳孔+白色高光），略微上吊外眼角。
• 嘴巴：彎曲路徑（描邊 3 pt、圓頭圓角），或閉合形狀填色。
• 腮紅：橢圓形，填充粉色，不透明度 30%，模式「柔光」。
• 可選：添加眼鏡、蝴蝶結、對話框等裝飾符號。

成果展示

新手避坑錦囊

• ❌ 直接用鋼筆畫整支鉛筆 → ✅ 拆解為「筒身、筆尖、筆芯、金屬箍、色帶、表情」模組化組件
• ❌ 漸層方向隨意 → ✅ 筒身橫向、筆尖縱向、金屬箍環向，遵循物體受光邏輯
• ❌ 路徑查找器分割後忘記取消編組 → ✅ 分割後必須 Shift+Ctrl+G 才能單獨選取著色
• ❌ 所有元素放同一圖層 → ✅ 分圖層管理，便於後期調整、動畫拆分、風格替換

延伸練習建議

• 嘗試繪製：鋼筆、毛筆、蠟筆、記號筆、畫筆等不同筆種圖標，復用筒身模組，僅替換筆尖模組。
• 建立「文具圖標系統」：統一畫板尺寸、圓角半徑、描邊寬度、色彩體系、陰影規範。
• 導出 SVG Sprite，配合 CSS `mask`/`filter` 實現懸停變色、點擊彈跳等微交互。

完成這枚可愛卡通鉛筆圖標，你不僅掌握了 Illustrator 核心工具鏈的基礎操作，更體會了「模組化思維」與「細節決定質感」的設計哲學。建議將源檔整理為元件庫，開啟你的專屬向量圖標系統建設之旅！