圖片按鈕越來越受網(wǎng)頁設(shè)計(jì)者喜愛,現(xiàn)在采用那種原始的不加任何修飾的按鈕的網(wǎng)站,確實(shí)很少見了,有的按鈕采用圖片背景,而更多的人干脆直接做成了圖片按鈕,不再使用原始的按鈕模式。而圖片形式的按鈕,也多姿多彩,樣式各異,如下幾張是比較常見的樣式:
這些圖片看似比較簡單,但給人感覺很好,比那種原始的按鈕看著舒服些。
我今天也學(xué)會了用Fireworks制作這些按鈕了,呵呵~
先看看我做的幾個(gè)圖片按鈕吧:
圖片按鈕(1)
圖片按鈕(2)
我這里說下圖片按鈕(1)的制作步驟,比較簡單,也比較粗糙,要求不高的話可以采用。
1、畫一個(gè)圓角矩形,選擇線性填充,邊寬為1
2、調(diào)整線性漸變的方向,把它從水平變?yōu)榇怪?/p>
3、調(diào)整漸變顏色
4、調(diào)整結(jié)束后,將圖形的濾鏡設(shè)為發(fā)光
5、然后在上面圖形上寫上文字
6、制作完畢
第二個(gè)圖制作過程比較復(fù)雜,源文件可在此下載。
最后附上這兩個(gè)圖片按鈕的png源文件。點(diǎn)擊下載
您懂得制作加邊字體了嗎?如下圖:
立即看看:用photoshop制作加邊字體
x