教程簡介

鉛筆雖構造簡單 (筆桿、金屬箍、橡皮、筆尖)，但涵蓋圓柱體透視、多材質並置 (塑膠/木質/金屬/石墨)、複雜高光邊緣等核心圖標設計技能。本教程採用「向量形狀骨架 + 圖層樣式/漸變填充賦予材質 + 剪貼蒙版限制範圍 + 曲線調整局部提亮」的非破壞工作流，構建一枚可無限縮放、材質參數可調的藍色鉛筆圖標。

最終效果

點擊小圖查看大圖

結構拆解 (四大模組)

分解圖：筆桿主體、金屬箍、橡皮擦、筆尖/石墨芯

分模組製作詳解

模組一：筆桿主體 (青藍色圓柱)

1. 新建 1024×768px 文件，背景白。新建群組「筆桿」，鋼筆勾勒筆桿輪廓 (六棱/圓柱側視圖) → 路徑轉選區 → 給群組加蒙版 (限制內容範圍)。
2. 群組內新建圖層填充基礎色 #00B7D9 (青藍)。
3. 矩形選區拉出筆桿側面高光帶 (左側窄條) → 漸變工具：線性、左淺藍 #7DE3FF → 右深藍 #0088B0 → 模擬圓柱側面受光。
4. 中間寬色塊：矩形選區 → 漸變 #0099CC → #006699 → #0099CC (三色停) → 模擬圓柱體中間最亮、兩側暗。
5. 左/右邊緣細高光/暗線：選取邊緣 1px 區域 → Ctrl+J 複製 → 左側模式「濾色」不透明度 40% (高光) / 右側模式「正片疊底」不透明度 50% (暗線)。
6. 筆桿末端斜面：矩形選區 → 線性漸變 (深→淺→深) 表現切面。
7. 頂部金屬過渡區：橢圓選區羽化 3px 填 #93EBFF (淡青) + 白色橢圓高光 + 更多小高光點綴。

模組二：金屬箍 (鋁/鋼質感)

1. 新建群組「金屬箍」，鋼筆勾勒箍帶輪廓 (筆桿頂部窄環) → 加群組蒙版。
2. 新建圖層，漸變工具：線性、多色停模擬金屬反光條帶 (深灰→亮銀→深灰→亮銀→深灰)，角度垂直箍帶。
3. 矩形選區拉出箍帶側面細分區 → 另一組漸變 (不同角度/色停) → 模擬箍帶側面轉折。
4. 鋼筆勾勒中間高光條 → 建立曲線調整圖層剪貼 → 向上彎曲提亮。
5. 左/右側邊緣同法曲線調亮/調暗。

模組三：橡皮擦 (粉紅/紅色軟質感)

1. 新建群組「橡皮」，鋼筆勾勒橡皮輪廓 (圓頂圓柱) → 群組蒙版。
2. 漸變填充基礎色 (粉紅系) + 斜面與浮雕 (內部、柔和) + 內發光 (邊緣透光) + 圖案疊加 (雜色、柔光、5%) → 軟質感。
3. 局部陰影/高光手繪微調。

模組四：筆尖/石墨芯 (圓錐+圓柱組合)

• 筆尖木質：漸變模擬圓錐體 (淺木色→深木色) + 斜面浮雕 (尖端銳利)。
• 石墨芯：深灰圓柱 + 頂部高光橢圓 + 側面反光條。

關鍵技法總結

• 群組蒙版限制範圍：每個模組獨立群組 + 向量蒙版，確保繪製內容不溢出，結構清晰易管理。
• 漸變方向對應結構：圓柱體漸變垂直長軸、圓錐體漸變徑向/沿母線、平面漸變垂直表面 — 漸變方向錯誤會破壞體積感。
• 剪貼蒙版 (Ctrl+Alt+G) 局部調整：曲線/色相飽和度/畫筆繪製高光暗部，僅影響下方單一圖層/組，非破壞、可隨時修改。
• 路徑選區羽化 + 填色 + 混合模式：比直接畫筆繪製更可控、邊緣更銳利、參數可量化復現。
• 保持向量屬性：所有形狀源頭為路徑/形狀圖層，支持無損縮放與後期修改圓角/比例。

輸出與複用建議

• 導出 512/256/128/64/32/16px PNG 系列，命名 `pencil-blue_512.png`。
• 保存 .psd 為組件庫模板：修改「筆桿」群組基礎色漸變 → 秒出紅/黃/綠/黑鉛筆系列。
• 提取「金屬箍」、「橡皮」、「筆尖」為獨立智能物件/圖層樣式預設，應用於其他文具圖標 (鋼筆、毛筆、畫筆、尺子)。

鉛筆圖標是「簡單物體、複雜材質」的完美練習題。通過本教程的四模組拆解，你將掌握從結構分析到參數化材質表達的完整圖標建模方法論。建議舉一反三，嘗試繪製圓珠筆 (模組更多：按壓結構、墨水管、彈簧)、噴槍、雕刻刀等更複雜文具，建立屬於你的「向量文具圖標設計系統」！