本教程演示如何純用圖層樣式、濾鏤、自定義畫筆構建「拉絲金屬底材 → 環境反光 → 文字雕刻 → 裂紋損傷 → 螺絲鉚釘裝飾」的完整金屬質感圖標，適合遊戲 UI、機械風介面、徽章勳章設計。

一、效果預覽與材質拆解

成品呈現冷峻鋼鐵質感：拉絲紋理方向一致，倒角邊緣高光銳利，文字內凹陰影真實，裂紋自然分佈，四角螺絲透視正確，整體可信度高。

最終效果

二、背景與基礎金屬面（步驟 1-5）

1. 新建文檔，背景層漸變（#3A3A3A→#1A1A1A）+ 斜面投影，建立舞台感。
2. 圓角矩形形狀層作為圖標主體，圖層樣式：

• 倒角與浮雕：外部倒角、平滑、深度 300%、大小 10 px、角度 120°、高光「線性減淡」#FFFFFF 60%、陰影「線性加深」#000000 80%。
• 漸變疊加：線性、90°、#5A5A5A→#9E9E9E→#5A5A5A（模擬拉絲明暗條）。
• 描邊：1 px、內部、漸變 #FFFFFF→#333333。

三、拉絲紋理與環境反光（步驟 6-8）

3. 拉絲紋理：新建圖層填 50% 灰 → 雜色（8%，單色） → 動感模糊（角度 0°、距離 30 px） → 模式「疊加」，不透明度 25% → 裁切至主體形狀（圖 3-4）。
4. 環境反光層：新建圖層，柔邊畫筆繪製頂部/左側高光帶（#FFFFFF，不透明度 20%），右側/底部冷色反光帶（#88CCFF，不透明度 15%），高斯模糊柔化（圖 5）。

四、文字雕刻與複雜樣式（步驟 9-10）

5. 文字工具輸入字符，字體邊緣「銳利」，圖層樣式疊加：

• 倒角與浮雕：內部倒角、鑿刻清晰、大小 5 px、方向「下」、高光/陰影不透明度各 50%。
• 內陰影：距離 2 px、大小 3 px、不透明度 40%（模擬凹陷深度）。
• 漸變疊加：#CCCCCC→#666666（金屬字面）。
• 外發光：#00FFFF、大小 5 px、不透明度 20%（科幻感可選）。

五、裂紋與螺絲細節（步驟 11-14）

6. 裂紋：下載/自製「枯枝/閃電」筆刷 → 新建圖層繪製裂紋 → 圖層樣式：投影（距 1、大小 1、不透明 50%）+ 斜面浮雕（內部、大小 2）+ 顏色疊加 #1A1A1A（圖 6-7）。
7. 螺絲：

• 繪製「圓環+十字槽」矢量形狀 → 定義為畫筆預設。
• 新建圖層點出四顆螺絲 → 圖層樣式：倒角浮雕（外部、大小 3）+ 投影 + 漸變疊加（金屬色）。
• 縮放至合適尺寸，複製至四角，透視變形校準（圖 8-10）。

裂紋筆刷

裂紋圖層樣式

螺絲形狀定義

螺絲圖層樣式

四角佈局

六、最終潤色與導出

8. 頂層新建圖層，1 px 白畫筆手繪文字邊緣/螺絲頂面極細高光，模式「疊加」。
9. 合併可見圖層（Ctrl+Alt+Shift+E）→ 濾鏤 → 銳化 → USM（量 60%、半徑 0.6 px）。
10. 導出：PNG-24（透明底）、ICO（多尺寸內嵌）、SVG（矢量形狀層匯出）。

最終細節潤色

完成