(1)運行Photoshop CS5，拉一個如下圖的漸變

(2)新建“圖層 1”，選擇“圓角矩形工具”進行繪制。

(3)選擇“矩形選框工具”對“圖層 1”進行修整。

(4)復制“圖層 1”生成“圖層 1副本”，并使“圖層 1副本”隱藏。

(5)選擇“圖層 1”，并為其添加圖層樣式。單擊“投影”項目，設置各選項參數數值。

(6)單擊“漸變疊加”項目，設置各選項參數數值。

(7)選擇“圖層 1副本”，將其顯示。

8)為“圖層 1副本”添加“漸變疊加”樣式，并對其各選項參數進行設置。

(9)為“圖層 1副本”添加“描邊”樣式，并對其各選項參數進行設置。

(10)調整“圖層 1副本”的“不透明度”參數。增加按鈕的立體感，達到晶瑩剔透的效果。

(11)新建“圖層 2”，選擇“橢圓選框工具”繪制橢圓選區，并填充前景色。

(12)選擇“圖層 2”，執行“濾鏡”→“模糊”→“高斯模糊”命令，使高光效果更加明顯。

(13)使用“矩形選框工具”對“圖層 2”進行修整，調整其“不透明度”。

(14)新建一個文檔，大小為“9px*9px”，分辨率為“300px”。將文檔放大到“900%”，用鉛筆畫出如下圖案，再執行“編輯”→“定義圖案”命令。

15)切換到素材文件“按鈕.psd”文件，為“圖層 2”添加圖層樣式“圖案疊加”效果。

(16)新建“圖層 3”，參照“圖層 2”圖層的制作方法，制作底部高光效果。

(17)新建“圖層 4”，用“矩形選框工具”繪制選區，填充前景色并為其添加矢量蒙版，調整其“不透明度”參數。

(18)新建“圖層 5”，參照“圖層 4”的制作方法，繪制出如下圖案，調整其“不透明度”參數。

(19)新建文字圖層，并對其各項參數進行設置。

(20)打開素材文件“裝飾.psd”文件，將“裝飾”圖層組拖動至“按鈕”文檔中并調整位置，完成案例制作。

(21)我們可以將按鈕應用到深色調的網頁中。