鋼筆圖標是 UI 設計經典練習題，涵蓋圓柱筆身、筆帽、筆夾、筆尖、金屬反光高光、陰影投射等豐富材質表現。本教學（譯自站酷網 acmilan10）以 8 步驟拆解，純用鋼筆工具繪製向量路徑、圖層樣式疊加（漸變疊加、內發光、斜面與浮雕、投影、顏色疊加）、動感模糊模擬反光帶、自由變換縮放構建同心結構，打造可無限縮放的向量級寫實鋼筆圖標。

最終效果

8 步驟核心構建邏輯

Step 1：文件與筆身主體組

新建文件（參考截圖尺寸） → 新建圖層組「筆」 → 鋼筆工具繪製筆身主體形狀 → 套用「漸變疊加」模擬金屬筆身環狀高光（圖 1-3）。

Step 2-3：筆身細節與反光高光帶

• 新圖層「Body」繪製筆身細節形狀（圖 4）。
• 反光高光帶製作：新圖層 → Ctrl+點擊「Body」載入選區 → 填白 → Ctrl+T 寬度縮 75% → 濾鏡→模糊→動感模糊（角度 0°、距離參考圖） → 不透明度 50% → 再加「漸變疊加」豐富高光色彩（圖 5-8）。

Step 5-6：筆頸與同法高光

• 矩形/鋼筆工具繪製「neck」筆頸 → 圖層樣式堆疊（圖 9-12）。
• 同 Step 4 方法給筆頸加反光高光帶 → 不透明度 75%（圖 13-14）。

Step 7：筆夾弧形構建與陰影

• 鋼筆工具繪製弧形筆夾 → 圖層樣式疊加（圖 15-18）。
• 陰影效果自行嘗試（作者留白鼓勵實驗，圖 19）。

Step 8：筆尖與筆尖頸部完成整體

• 鋼筆工具依序繪製筆尖金屬套管、筆尖本體（圖 20-23）。
• 最終效果再現（圖 24）。

向量級圖標製作核心優勢

• 全向量可縮放：所有元件為形狀圖層 + 樣式，無位圖失真風險。
• 參數化材質：修改漸變顏色/角度即可切換金/銀/玫瑰金等材質變體。
• 動感模糊產生環狀高光：比手繪高光更標準、可控、可編輯。
• 同心結構自由變換複製：筆身/筆頸/筆尖同心圓環結構，Ctrl+T 縮放極高效。

譯者：站酷網 acmilan10，轉載請保留署名。