photoshop教程

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

時(shí)間:2011-03-25 13:24來源:未知 作者:bbs.16xx8.com 點(diǎn)擊:
作者:佚名 出處:PS教程網(wǎng) 核心提示:在制作網(wǎng)頁的過程中網(wǎng)頁的按鈕不容忽視,網(wǎng)頁的按鈕一直以來是一個(gè)老生常談的話題。本教程教你如何制作水晶按鈕,主題的意思是要把按鈕的高光和暗調(diào)調(diào)和諧! 最終出來的效果圖如下: 1.新建一個(gè)300 * 200像素的文件,定義圓角矩形大小為2


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

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

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

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

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

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

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


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

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

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

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

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

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



(責(zé)任編輯:bbs.16xx8.com)

頂一下
(0)
0%
踩一下
(0)
0%
------分隔線----------------------------
發(fā)表評(píng)論
請(qǐng)自覺遵守互聯(lián)網(wǎng)相關(guān)的政策法規(guī),嚴(yán)禁發(fā)布色情、暴力、反動(dòng)的言論。
評(píng)價(jià):
表情:
用戶名: 驗(yàn)證碼:點(diǎn)擊我更換圖片
欄目列表
百度聯(lián)盟
推薦內(nèi)容
熱點(diǎn)內(nèi)容