效果:

(1)運行Photoshop CS5，隨意制作一個背景。

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

(3)為“圖層 1”添加圖層樣式，單擊“內發光”項目，并設置其各項參數。

(4)單擊“斜面與浮雕”項目，并設置其各項參數。

5)單擊“等高線”項目，并設置其各項參數。

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

(7)選擇“描邊”項目，設置各選項參數數值。

(8)按下“確定”按鈕,效果如圖所示。

(9)新建“圖層 2”圖層，選擇“自定形狀工具”繪制圖形。

10)選擇“圖層 1”圖層，并拷貝“圖層 1”圖層的圖層樣式。

(11)選擇“圖層 2”圖層，并粘貼“圖層 1”圖層的圖層樣式，為“圖層 2”圖層添加“圖層 1”一樣的圖層樣式效果。

(12)雙擊“圖層 2”圖層，打開圖層樣式，單擊“內發光”項目，并更改各項參數。

(13)單擊“斜面與浮雕”項目，并更改其各項參數。

(14)單擊“等高線”項目，并更改其各項參數。

(15)單擊“漸變疊加”項目，并更改其各項參數。

(16)單擊“描邊”項目，并更改其各項參數。

(17)按下“確定”按鈕，關閉“圖層樣式”對話框，復制“圖層 2”圖層得到“圖層 2 副本”圖層，并調整其在圖像中的位置，效果如圖所示。

18)打開素材文件“紋理.psd”文件，將圖層“素材”圖層拖動至“按鈕背景”文檔中并調整位置并更改圖層混合模式，將“圖層”調板中隱藏的“組 1”圖層組顯示，完成本實例的制作。

(19)我們可以將該按鈕效果應用至素雅的白色或灰色調的網頁中，下圖是該按鈕應用后的效果。