效果預覽

成品為具備立體凹陷感的正方形按鈕，包含金屬邊框、內陰影厚度、發光指示環、旋轉刻度線等細節。

製作邏輯：圖層疊加順序由底至頂

基礎框架：圓角矩形 + 漸變疊加 + 內陰影

繪製圓角矩形形狀圖層 → 添加「漸變疊加」模擬金屬質感 → 添加「內陰影」（角度 90°、距離/大小適中）營造上邊緣厚度感。

第二層：模糊圓角矩形疊加增強厚度

複製基礎框架 → 應用「高斯模糊」軟化邊緣 → 置於原圖層上方 → 同樣添加內陰影，強化上邊緣立體感。

中央指示燈：圓形 + 內陰影 + 外發光 + 描邊

繪製圓形 → 內陰影產生凹陷感 → 外發光模擬 LED 發光 → 描邊勾勒金屬邊框。

綠色飾環 + 旋轉刻度線

繪製綠色圓環 → 內陰影賦予凹槽感 → 繪製單條線段 → Ctrl+Alt+Shift+T 重複變換複製，快速生成等角度刻度線陣列。

外圈漸變環 + 鏤空處理

繪製大圓環 → 漸變疊加 → 同樣用 Ctrl+Alt+Shift+T 複製刻度線 → 建立選區 → 刪除中間區域形成鏤空效果。

雙層裝飾環：漸變 + 外發光

繪製兩個不同尺寸圓環 → 均添加漸變疊加 → 小圓環額外添加外發光增強視覺焦點。

頂部微小裝飾：白色投影提亮

繪製兩極小圓形 → 各加 1px 白色投影（距離 0、大小 0），作為高光點綴。

核心技巧總結

• 善用「圖層樣式」非破壞性構建質感，隨時可調參數。
• Ctrl+Alt+Shift+T 重複變換是製作放射狀/旋轉陣列的神技。
• 多圖層疊加比單圖層堆砌參數更靈活，便於後期微調。
• 顏色數值可根據專案風格自行替換，結構邏輯通用。

延伸應用

同邏輯可製作圓形按鈕、開關鈕、儀表盤介面等 UI 元件，建議將完整圖層結構存為 PSD 範本，下次直接替換顏色參數即可複用。