教學簡介

本按鈕主要由「金屬外框」與「藍色玻璃面板」兩大部分組成。流程簡單：繪製形狀 → 套用圖層樣式 → 疊加高光細節即可完成。

最終效果

詳細步驟

步驟 1：繪製藍色圓形基底

背景填黑，前景色設 #0090ff，「形狀工具」畫布中央畫一個圓。

步驟 2：套用圖層樣式製造玻璃質感

對圓形套用下列圖層樣式（內發光、斜面浮雕、漸層疊加等），得到圖3效果。

步驟 3：製作金屬環狀紋理

「矩形工具」畫等距矩形條（圖4），執行「濾鏡 > 扭曲 > 球面化」（圖5），重複 2 次（圖6）。

步驟 4：調整金屬環大小與透明度

Ctrl+T 自由變換至合適大小位置，透明度 10%（圖7）。

步驟 5：製作上半部高光橢圓

建立圓形選區填白（圖8），加圖層蒙版，黑白線性漸層從底部向中上方拖曳，使下半部透明，透明度 10%（圖9）。

步驟 6：製作下半部高光橢圓

重複步驟 5，圓形稍大、位置偏下、透明度 15%（圖10）。

步驟 7：複製上高光垂直翻轉

複製步驟 5 的高光層，執行「垂直翻轉」（圖11）。

步驟 8：繪製金屬外框底圓

新建圖層置於球體下方，白色畫比球大的圓（圖12）。

步驟 9：外框圖層樣式

套用斜面浮雕、輪廓、光澤等樣式製造金屬立體感（圖13）。

步驟 10：描邊完成

對外框執行「描邊」，寬度 1px，白色，得到最終效果（圖14）。