PS教程:設(shè)計(jì)光感纖維網(wǎng)頁導(dǎo)航按鈕

我個(gè)人非常喜歡這種風(fēng)格，在此和大家分享這篇教程！

下面是制作一張粗略的背景，為了體現(xiàn)質(zhì)感，如果你不喜歡可以跳過，或者隨你喜歡更換一個(gè)！
 

打開photoshop，新建一個(gè)400X400的文件，或者大一點(diǎn)也ok！找到下圖兩個(gè)顏色作為梯度背景色！

如下添加雜色數(shù)值不用很高0.5就好！

 添加一些紋理，或者用筆刷，圖層20%的透明就好！

 
然后如下圖用紋理筆刷（復(fù)古筆刷，隨機(jī)網(wǎng)狀筆刷）添加一些效果！
 

然后如下找一張圖片疊加上去
 

OK！這一步完成了！

下面開始按鈕制作！
用圓角路徑工具勾出下面的形狀！
 

復(fù)制幾個(gè)

 

Ctrl+圖層漸入選取，選擇>修改>收縮2個(gè)像素

雙擊圖層>漸變添加>添加如下顏色的漸變

用路徑工具勾出下面的形狀

 

刪除選取能容

 對(duì)圖層添加蒙版用黑到白的漸變拉出下面的效果

反向建出圖層樣式

一樣拉出形狀

刪除能容，然后加蒙版拉漸變

 最后添加 文字 是不是很簡(jiǎn)單！

最后添加一層上面加一點(diǎn)光影漸變，減低透明度！

[完成]

是不是很簡(jiǎn)單！