教程概覽

作者分享其慣用的方形水晶按鈕製作流程：圓角矩形漸變本體 → 橢圓投影與底部發光 → 白線蒙版漸變高光 → 橢圓上部反光 → 文字排版。方法直觀，適合 UI 圖標快速產出。

步驟 1：按鈕本體——圓角矩形漸變

繪製圓角矩形，添加漸變疊加圖層樣式。顏色選擇是關鍵，良好的漸變色止即能奠定柔和光照基調（圖）。

步驟 2：投影

1. 繪製扁橢圓，填充偏暗藍色（呼應按鈕色）。
2. 執行高斯模糊。
3. 置於按鈕圖層下方，調整大小位置（圖）。

步驟 3：頂部高光——白線蒙版漸變法

1. 繪製 1px 白線置於按鈕頂部邊緣（圖）。
2. 為白線添加圖層蒙版，選中蒙版用漸變工具（前景白背景黑，對稱漸變模式）從線中間向兩側拉漸變，形成中亮兩邊淡的高光帶（圖）。
3. 視覺過亮可降低圖層不透明度。
4. 複製該圖層移至按鈕底部，形成底部高光（圖）。

步驟 4：底部發光

1. 繪製橢圓填充亮藍色，高斯模糊（半徑可比投影大）。
2. 調整位置大小顏色，用矩形選框刪除多餘外溢部分。
3. 置於底部高光圖層下方（圖）。

步驟 5：上部反光

1. 繪製白色橢圓置於按鈕上部，調整透明度（圖）。
2. Ctrl+Shift+I 反選刪除超出按鈕部分，保留重疊區域形成反光（圖）。

步驟 6：添加文字完成