PS網(wǎng)頁設計教程:制作網(wǎng)頁水晶按鈕

2024-01-19 17:21:50 來源/作者: / 己有:0人學習過


作者:佚名   出處:PS教程網(wǎng)

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

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

2.復制圓角矩形圖層并縮小 
 

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

4.這是是具體的簡便顏色設置 
 

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


6.設置前景顏色為白色,用橢圓工具畫出如圖形狀并設置不透明度為50%,操作如下圖 
 

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

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

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

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

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