用ps制作常用的網頁水晶按鈕

　　最終效果圖 教程

　　1、新建一個文件，在工具箱中選擇圓角矩形工具，如下圖所示設置：

　　2、新建一個圖層後，在畫布上拉出一個長方形，就得到這樣的結果。(為了更好的給大家講解，這個圖放大了400%顯示)

　　如果大家得到這樣的結果。

　　就需要將“對齊像素”的選項給勾上。

　　3、為這個圖層添加圖層樣式。

相關教程：

PS繪制藍色高光方形水晶按鈕教程

PhotoShop繪制玻璃質感水晶按鈕教程

photoshop繪制透明玻璃質感長圓形按鈕

photoshop繪制圓形水晶按鈕

　　得到結果如圖所示，順便在樣式調板中存儲著這個樣式。

　　4、使用矩形選框工具，繪制出一個矩形的選區。

　　5、新建圖層後，填充黑色到白色的徑向漸變。

　　6、並將該圖層的混合模式改為：柔光，不透明度：60%。

　　7、新建圖層，再繪制出一個矩形選區。

　　8、填充成白色。

　　9、並將該圖層的混合模式改為：線性減淡，不透明度：30%。

　　10、使用文字工具寫上要的文字，注意在這裡要將字體的邊緣設置為：無。

　　11、之前我們創建過一個樣式，還記得嗎，給文字應用這個樣式就可以了。

　　後面的工作就是換換顏色，改改文字就可以了。

相關教程：

PS繪制藍色高光方形水晶按鈕教程

PhotoShop繪制玻璃質感水晶按鈕教程

photoshop繪制透明玻璃質感長圓形按鈕

photoshop繪制圓形水晶按鈕