成品預覽

擬真金屬按鈕：邊框高光、凹陷面盤、凸起頂面、內陰影、標識三角形，全矢量可縮放，適用 UI 介面、產品渲染、儀表板設計。

12 步驟構建邏輯（由外而內、由底層疊上層）

1. 底座外環： 正圓 + 線性漸層（K30→K10 灰，角度 -45°）模擬金屬外框反光。
   
2. 內環凹面： 複製外環 + → 縮小 1mm → 線性漸層（K5 灰→白，-45°）模擬內凹邊緣高光。
   
3. 面盤基底： 再畫一圓，放射漸層（深灰→淺灰），中心點偏移模擬球面曲率。
   
4. 頂面高光環： 兩大圓布林「相交」→ 得到窄環 → 填黑色（最深陰影）。
   
5. 頂面漸層圓： 小圓 + 自訂漸層樣式 1 → 複製縮小 180° 旋轉 → 疊加成樣式 2（雙向高光）。
   
6. 中心凸點： 小圓填黑 → 再小圓填 K80 灰 → 疊加形成凸起感。
   
7. 頂面側向高光： 小圓 K10 灰 → 複製左移 → 形成側向切面高光。
   
8. 標識三角形： 多邊形(3) + 矩形 → 焊接 → 群組 → 填深色。
   
9. 標識立體： 複製標識群組 → 右下偏移 → 雙層疊加形成厚度。
   
10. 整體投影： 群組全選 → 交互式陰影 → 透明度漸變 → 完成。
    

核心技法總結

技法	在本案應用
多層漸層疊加	外環、內環、面盤、頂面、高光環各自獨立漸層，疊加出豐富金屬反光層次
布林運算（焊接/相交/修剪）	相交產生高光環、焊接標識形狀、修剪清理邊緣
複製+微移+旋轉	標識立體、頂面雙向高光、側向高光
交互式陰影	整體投影透明度漸變，落地感

延伸應用

• 同邏輯可做：開關鍵帽、儀表旋鈕、汽車內飾按鈕、遊戲手把按鍵。
• 建立「金屬按鈕元件庫」：將各層級物件存為符號，新專案拖曳組合、改色即用。

---

金屬質感不靠濾鏡，靠「結構分層 + 漸層疊加 + 布林運算」。12 步驟拆解，每步皆可獨立練習，組合成無限變化的金屬 UI 元件庫。動手試做，質感在指尖流動！