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

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

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

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

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

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

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

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

OK！這一步完成了！

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

復(fù)制幾個

 

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

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

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

 

刪除選取能容

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

反向建出圖層樣式

一樣拉出形狀

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

 最后添加 文字 是不是很簡單！

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

[完成]

是不是很簡單！