教程背景與設計決策

本教程源自一套免費陽光風格圖標集（64×64px/48×48px 輸出）中的鉛筆圖標設計全記錄。選擇「六角柱身+白色金屬箍+橡皮擦」作為原型，因其特徵最完整、辨識度最高。設計約束：EPS8 相容（僅漸變、閉合路徑、無透明/柵格）、光源統一、透視一致（小尺寸用一點透視）、陽剛風格、主色調綠色。

階段一：草繪與素材收集

網上收集鉛筆參考圖 → 觀察細節 → 手繪草圖（10%/30%/50% 灰度 Copic 馬克筆 + 圓珠筆） → 掃描置入 AI → 降低不透明度 50% 鎖定圖層 → 新建圖層開始矢量化。

階段二：筆身與橡皮擦輪廓構建

1. 新建 64×64px 文檔。圓角矩形工具：半徑 10px，拉伸對齊草圖。
2. 橡皮擦較小：選取筆身路徑 → 雙擊「縮放工具」→ 等比 96% 複製 → 矩形工具覆蓋橡皮擦區 → 添加/刪除錨點工具修整為弧頂矩形 → 橢圓工具畫底部圓弧 → 「路徑查找器」→「分割」→ 刪除多餘 → 群組鎖定。

階段三：金屬箍分離

同橡皮擦邏輯：大橢圓分割筆身路徑，分離出金屬箍獨立路徑。至此鉛筆大致三段結構（筆尖/筆身/橡皮擦+金屬箍）成型。

階段四：稜柱化細節——賦予多面體質感

1. 圓角矩形（半徑 4pt）覆蓋筆身 → 複製右移 → 與筆身「分割」→ 刪除多餘 → 得兩側稜面。
2. 再畫一圓角矩形中間分割 → 獲得六稜柱清晰稜線。
3. 解鎖所有路徑，命名圖層（筆尖、筆身左稜、筆身中、筆身右稜、金屬箍、橡皮擦…）。

階段五：漸變建立陽光風格光影

• 全選路徑 → 漸變工具 → 色板選「黑→灰→白」徑向漸變。
• 逐個路徑拖曳漸變方向：筆身稜面按光源邏輯（頂亮側暗），筆尖聚光，金屬箍環狀高光，橡皮擦柔和過渡。
• 所有描邊設無，預覽整體效果。筆尖與金屬箍常需微調漸變中心與角度。

系列化設計原則

• 統一光源、透視、描邊風格、色相範圍
• 建立「元件庫」：筆尖、金屬箍、橡皮擦模組化，組合生成鋼筆、畫筆、觸控筆等變體
• 輸出 SVG/PNG 多尺寸，命名規範：icon-pencil-48.svg, icon-pencil-64.svg