PS教程:設(shè)計(jì)光感纖維網(wǎng)頁(yè)導(dǎo)航按鈕
我個(gè)人非常喜歡這種風(fēng)格,在此和大家分享這篇教程!
下面是制作一張粗略的背景,為了體現(xiàn)質(zhì)感,如果你不喜歡可以跳過(guò),或者隨你喜歡更換一個(gè)!
打開(kāi)photoshop,新建一個(gè)400X400的文件,或者大一點(diǎn)也ok!找到下圖兩個(gè)顏色作為梯度背景色!
如下添加雜色數(shù)值不用很高0.5就好!
添加一些紋理,或者用筆刷,圖層20%的透明就好!
然后如下圖用紋理筆刷(復(fù)古筆刷,隨機(jī)網(wǎng)狀筆刷)添加一些效果!
然后如下找一張圖片疊加上去
OK!這一步完成了!
下面開(kāi)始按鈕制作!
用圓角路徑工具勾出下面的形狀!
復(fù)制幾個(gè)
Ctrl+圖層漸入選取,選擇>修改>收縮2個(gè)像素
雙擊圖層>漸變添加>添加如下顏色的漸變
用路徑工具勾出下面的形狀
刪除選取能容
對(duì)圖層添加蒙版用黑到白的漸變拉出下面的效果
反向建出圖層樣式
一樣拉出形狀
刪除能容,然后加蒙版拉漸變
最后添加 文字 是不是很簡(jiǎn)單!
最后添加一層上面加一點(diǎn)光影漸變,減低透明度!
[完成]
是不是很簡(jiǎn)單!
標(biāo)簽(TAG) 按鈕圖標(biāo) 按鈕教程
上一篇:用ps制作高光多媒體按鈕