本教程示範如何僅用 Photoshop 圖層樣式（無 3D、無外部素材），在 500×500 px 畫布上繪製一枚具有金屬拉絲質感、倒角倒鉤邊緣、內凹指針盤面、立體指示器的鋼鐵風格圓形 Logo。全過程可編輯、可縮放、可複用，適合品牌 VI 設計、APP 圖標、遊戲 UI 金屬元件製作。

圖層結構與樣式配方總覽

Layer 0：背景底色

• 填充 #333333（非純黑，保留細節動態範圍）。
• 添加「雜色」2% 單色 + 「動感模糊」0° 20 px + 「漸變疊加」（徑向，白→黑，正片疊底，60% 不透明度），製造金屬拉絲底紋。

Layer Group「Outer_Ring」：外環金屬殼

• Base_Ring：黑色正圓 → 「顏色疊加」#5D5D5D。
  「倒角與浮雕」：內部倒角，深度 500%，大小 22 px，取消「全域光」，光澤輪廓「環形-倒置」，高光 #FFFFFF 60%，陰影 #000000 80%。
  「內發光」：#000000，噪點 15%，大小 8 px。
  「投影」：距離 4 px，大小 6 px，#000000 50%。

Layer Group「Inner_Dial」：內盤面

• Dial_Base：黑色正圓 → 「漸變疊加」#5E5E5E→#000000，角度 90°，縮放 74%。
  「倒角與浮雕」：外部倒角，深度 80%，大小 5 px，高光 #808080，陰影 #1A1A1A，製造淺色邊緣線。
• Dial_Highlight：白色小圓 → 「漸變疊加」#FFFFFF→#CCCCCC，角度 -90°，製造頂部高光帶。

Layer Group「Indicator」：指示器/指針

• 橢圓工具+直接選擇工具調整為水滴形，漸變 #A2A2A2→#444444，角度隨指向旋轉。
  「倒角與浮雕」：內部倒角，大小 4 px，高光 #E0E0E0，陰影 #2A2A2A。
  「投影」：距離 2 px，大小 3 px，#000000 40%。

Layer Group「Center_Logo」：中心圖標

• 鋼筆繪製菱形/品牌圖騰，漸變 #6E6E6E→#2A2A2A，倒角浮雕大小 3 px，投影距離 1 px。

關鍵技巧總結

1. 樣式可復用：將上述樣式存為「ASL 樣式庫」，新建圖標僅需套用並微調大小/角度參數。
2. 全域光取消：所有倒角浮雕取消「使用全域光」，獨立設置角度，避免多元件光源衝突。
3. 智能對象嵌套：將中心 Logo 做成智能對象，雙擊編輯內容不影響外部效果。
4. 背景程序化：雜色+動感模糊+徑向漸變三步驟可錄製為動作，一鍵生成金屬拉絲底紋。

最終效果見文末圖。此法可衍生出鋼鐵、鈦合金、拉絲鋁、氧化黑等多種金屬質感變體，構建個人金屬 UI 組件庫。