本教程源自對國外優秀教程《Create a Clean iPad Interface in Photoshop》的學習實踐，完整拆解不銹鋼旋鈕的圖層結構：背景拉絲紋理 → 八層同心圓疊加構建旋鈕主體（每層精確圖層樣式參數） → 剪貼蒙版繪製頂面高光/陰影 → 雜色+徑向模糊生成放射狀紋理 → 多圓描邊疊加做細密刻度紋 → 鋼筆繪製指示箭頭 → 螺絲釘細節。展示了「圖層樣式參數化設計」與「非破壞性編輯」的專業水準。

最終效果預覽

第一部分：背景拉絲質感

新建 600×600 文件。組「background」：
層 1：填 #C2C2C2 加「漸變疊加」+「光澤」。
層 2：任意色填充 → 濾鏡 > 雜色 > 添加雜色（400%、均勻、單色）→ 混合模式「柔光」不透明度 14%（圖）。得細膩拉絲金屬背景。

第二部分：旋鈕主體——八層同心圓疊加

所有圓形均用橢圓工具按 Shift 拉正圓，同心對齊。
層 1（最底）：黑色填充 8% → 鋼筆勾缺口路徑加蒙版 → 樣式：「斜面與浮雕」+「光澤」（圖）。
層 2：縮小至 65%，填 #141414 → 樣式：「投影」+「漸變疊加」（圖）。
層 3：填 #cfcfcf，向上偏移 5px → 樣式：「描邊」+「漸變疊加」（圖）。
層 4：填 #414141 → 樣式：「描邊」+「漸變疊加」（圖）。鋼筆勾色塊建剪貼蒙版（圖）。
層 5（頂面）：白色填充 → 樣式：「內發光」+「斜面與浮雕」+「描邊」+「漸變疊加」（圖）。畫筆繪製高光過渡建剪貼蒙版。新層填任意色 → 雜色 400% → 濾鏡 > 模糊 > 徑向模糊（縮放法、最佳質量）→ 對齊中心得放射紋理（圖）。
層 6（刻度紋）：新圓填充 0% 加「描邊」，複製縮小疊加成組，組不透明度 15%（圖）。
層 7（指示箭頭）：鋼筆繪箭頭加樣式，尾部漸變蒙版軟化（圖）。
層 8（螺絲釘×2）：黑圓加「投影」+「斜面浮雕」；內圓 #494949 加「斜面浮雕」+「漸變疊加」+「光澤」；文字「+」字體 Britannic/Verdana 加樣式（圖）。複製得雙螺絲。

專業圖標構建核心心法

1. 同心圓疊加法：複雜立體金屬體 = 多層簡單圓形 + 不同樣式參數。每層只負責一個視覺特徵（倒角、邊緣、頂面、紋理…）。
2. 樣式參數化：所有效果在圖層樣式面板可見可改，無需重繪。建議存為樣式預設庫。
3. 剪貼蒙版限制：高光、紋理、文字皆用剪貼蒙版，不破壞基底圓形。
4. 程序化紋理：雜色+徑向模糊一鍵生成放射紋，比手繪均勻、可控、可重複。
5. 細節決定質感：螺絲釘、刻度紋、指示箭頭、缺口缺口，這些「不必要」的細節才是真實感來源。

此結構完全可復用於：音量旋鈕、調節旋鈕、儀表盤指針、機械開關等所有圓形金屬控制件。只需調整顏色參數、增減層數、修改細節元素。