作者寄語

本教學展示完全不使用「圖層樣式」，僅靠選區、漸變與圖層模式，即可製作出極具質感的玻璃按鈕，並附帶簡易 GIF 動態下載效果。

最終效果

製作步驟

1. 背景：400×250 px，填 #106D98。

2. 玻璃邊框：圓角矩形（半徑 25）拉選區填白，不取消選區。

3. 內縮邊框：複製圖層隱藏原層，選區「修改 › 縮減」1 px，Delete 刪除，得細邊框。

4. 高光漸變：新圖層，選區再縮減 1 px，拉「白→透明→白」線性漸變（上至下）。

5. 文字：輸入白色文字。

6. 動態下載條：鋼筆勾選區填綠，命名「下載」。

7. 頂部高光：載入「玻璃邊框」選區，新圖層填白、不透明度 20%，矩形選區刪除多餘（圖 7）。

8. GIF 動畫：開啟「動畫」面板，選「下載」圖層新建空白幀，移動工具下移幾像素，Shift 選兩幀加過渡幀，設 0.6 秒，存為 Web GIF（圖 8-9）。

9. 完成：得到靜態玻璃按鈕與動態下載示意。