金屬按鈕是 UI 設計基礎組件。本教程演示如何用「角度漸變建立球面明暗」「雜點+徑向模糊製造拉絲紋理」「正片疊底疊加紋理」「疊加高光強化立體」四步完成極具質感的金屬按鈕。

原圖與效果

4 步核心流程

步驟 1：角度漸變建立基礎球面明暗

正圓選區 → 角度漸變（環形多色停點：深灰→亮銀→深灰→亮銀…），模擬金屬球面環向反光分佈。

步驟 2：製作拉絲紋理

• 漸變層上新建圖層，矩形選區填 50% 灰 → 濾鏡→雜色→添加雜色（量 10%、單色）。
• 載入下層圓形選區 → 濾鏡→模糊→徑向模糊（數量 100、縮放、最佳） → 產生放射狀拉絲紋理。
• 用圓形選區建立剪貼蒙版，限制紋理在按鈕範圍內。
• 可選：曲線調整增強紋理對比。

步驟 3：紋理疊加融合

• 拉絲紋理圖層混合模式設「正片疊底」，不透明度 80%，蓋在漸變層上。
• 或導出拉絲紋理為圖案，用「圖案疊加」樣式應用於漸變層，便於複用。

步驟 4：疊加高光強化立體

新建圖層「疊加/強光模式」，白筆/漸變繪製頂部/側面高光帶，再疊加一層「正片疊底」深色加強底部陰影，最終呈現強烈的金屬球面體積感。

擴展應用：同邏輯可製作旋鈕、開關、儀表盤等圓形金屬 UI 組件。將「角度漸變+拉絲紋理」存為圖層樣式預設，新建按鈕一鍵套用，再微調高光位置即可批量產出風格統一的金屬 UI 套件。