最終效果

13 步驟標準化流程

1-2. 基礎圓形 + 核心漸變

• 新建文檔，白色背景
• 新建圖層，橢圓工具+Shift 畫正圓（白色）
• 漸變疊加（關鍵）：線性、混合模式正常、不透明度 100%、漸變色：#000000 → #8d0d0a → #650000 → #ab1919 → #b21818 → #d51818 → #ffffff（從邊緣暗紅到中心亮紅再到白色高光，模擬球面受光）

3. 內發光：邊緣次表面散射

• 模式「濾色」、不透明度 59%、方法「柔和」、大小 1px

4. 投影：懸浮感

• 模式「正片疊底」、大小 5px

5. 圓環構建（副本層）

• 複製圓形層 → 置底 → Ctrl+T + Shift+Alt 從中心放大 → 載入原圓選區刪除 → 得到圓環

6. 圓環金屬漸變

• 漸變疊加：線性、#a97f2c → #fce5ba → #a97f2c → #fce8b1 → #a97f2c（金黃交替模擬環面反光條帶）

7. 圓環描邊：邊緣倒角

• 描邊：大小 5px、位置外部、線性、角度 135°

8. 斜面與浮雕（描邊浮雕）：圓環立體化

• 樣式「描邊浮雕」、深度 81%、大小 4px、方向「向上」

9. 內陰影：圓環內壁深度

• 模式「正片疊底」、不透明度 60%、距離 4px、大小 7px

10. 投影：圓環接地

• 模式「正片疊底」、距離 5px、擴展 22%、大小 12px

11. 頂層鑽石紋理（圓環副本置頂）

• 圖案疊加（鑽石圖案）+ 內發光（參數參考圖）

12. 文字添加

文字工具輸入按鈕文案，按需調整字體/顏色/樣式。

13. 微調完成

按鈕設計知識點總結

• 多色漸變模擬複雜曲面受光：超過 3 色停點可模擬多重反光帶
• 描邊浮雕專為描邊立體化：區別於常規「內/外斜面」作用於填充內容
• 圓環=放大複製+刪除內圓：保證同心度完美
• 圖案疊加賦予微觀紋理：鑽石紋/拉絲/碳纖維等材質一鍵切換
• 圖層結構：底投影 → 主體 → 圓環 → 圓環投影/倒角 → 紋理層 → 文字，邏輯清晰