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

2023-12-05 17:22:18 來源/作者: / 己有:0人學習過


作者:佚名   出處:UCD博客


我個人非常喜歡這種風格,在此和大家分享這篇教程!

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


 

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

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

 


 

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

 
然后如下圖用紋理筆刷(復古筆刷,隨機網(wǎng)狀筆刷)添加一些效果!
 

 


 

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

OK!這一步完成了!

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

復制幾個

 

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

 


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

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

 

刪除選取能容

 



 

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

反向建出圖層樣式

一樣拉出形狀

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

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

 

 
 

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

 

[完成]

是不是很簡單!