PS網(wǎng)頁(yè)設(shè)計(jì)教程:制作網(wǎng)頁(yè)水晶按鈕

核心提示： 在制作網(wǎng)頁(yè)的過(guò)程中網(wǎng)頁(yè)的按鈕不容忽視，網(wǎng)頁(yè)的按鈕一直以來(lái)是一個(gè)老生常談的話題。本教程教你如何制作水晶按鈕，主題的意思是要把按鈕的高光和暗調(diào)調(diào)和諧！
最終出來(lái)的效果圖如下：

1.新建一個(gè)300 * 200像素的文件，定義圓角矩形大小為250 * 120 
 

2.復(fù)制圓角矩形圖層并縮小 
 

3.給底部圓角矩形加個(gè)漸變疊加，這里具體顏色頭可以先不管，是同一色相調(diào)整不同明度就可以了。 
 

4.這是是具體的簡(jiǎn)便顏色設(shè)置 
 

5.給上邊的矩形添加樣式 
 

6.設(shè)置前景顏色為白色，用橢圓工具畫(huà)出如圖形狀并設(shè)置不透明度為50%，操作如下圖 
 

7.載入上部矩形為選區(qū)并新建圖層用白色描邊，并給該圖層添加一個(gè)蒙版用漸變工具作出下圖效果 
 

8.隱藏背景圖層，蓋印圖層，并用自由變換工具做成倒影。 
 

9.加上你想要加入的文字。 
 

10.最后添加一個(gè)色相飽和度可以調(diào)成自己喜愛(ài)的顏色。 
 

最后最終的效果圖如教程剛開(kāi)始的圖片，，這個(gè)按鈕是一個(gè)還有質(zhì)感的按鈕