網頁設計中按鈕的制作非常重要，精致的按鈕會給網頁增色不少。下面的教程介紹一款非常不錯的按鈕的制作方法。制作過程比較簡單：先用圖形工具制作出按鈕的形狀，然后加上一些簡單的圖像樣式做底色。然后再加上高光及文字等即可完成效果。
最終效果


1、打開photoshop，然后新建一個文檔250*150，并填充背影:#252a38。
2、在工具箱上選擇橢圓圖標并設置如圖。

3、新建一個圖層，然后填充一個顏色。

4、在調色板上設置如下。

5、使用漸變拉出線性漸變，漸變效果如下。
6、雙擊圖層，打開圖層樣式，給圖層添加陰影和描邊，參數及效果如下圖。


7、在工具箱上選擇加深和減淡工具，設置如圖。

8、然后在圖所標識的地方，涂沫如下。


9、選擇橢圓選區，作出效果如下。

10、添加漸變，設置如圖，從上而下線性漸變。

11、按ctrl+D取消選區，并更改圖層的不透明度：40%,，混合模式為“疊加”。

12、現在使用文字工具，添加文字并設置圖層樣式，參數及效果如下圖。


13、添加下面的文字，效果如下。

14、在文字前面加上自己喜愛的圖標，按ctrl+U調整色相/飽和度，設置如下，再把圖層混合模式改為“疊加”，完成最終效果。


其它顏色的按鈕制作方法相同。