Photoshop軟件制作金屬控件圖標(biāo)效果

2020-07-03 00:00:00 來源/作者: Yisvip / 升俊 己有:644人學(xué)習(xí)過

控件需要制作的部分較少:有底座、面板、控鍵等幾部分。制作的時候只需要用路徑等工具做出各部分的形狀,然后用圖層樣式加上質(zhì)感和顏色即可。最終效果

制作金屬控件圖標(biāo)的PS實(shí)例教程

 

新建一個256 * 256像素文件,分辨率為300,如下圖。

制作金屬控件圖標(biāo)的PS實(shí)例教程

 

一、使用圓角矩形工具,設(shè)置半徑值為60像素,按住Shift鍵繪制帶有圓角的正方形,如下圖。

制作金屬控件圖標(biāo)的PS實(shí)例教程

 

二、為底層添加漸變樣式,得到的效果如下圖。

制作金屬控件圖標(biāo)的PS實(shí)例教程 

制作金屬控件圖標(biāo)的PS實(shí)例教程

 

三、按Ctrl + J 復(fù)制底層得到副本,按Ctrl + T 對底部副本進(jìn)行調(diào)整大小,并更改漸變方向,效果如下圖。

制作金屬控件圖標(biāo)的PS實(shí)例教程 

制作金屬控件圖標(biāo)的PS實(shí)例教程

 

四、繼續(xù)按Ctrl + J 復(fù)制底層副本,得到副本2。并按Ctrl + T 進(jìn)行變換處理,并為其更改漸變樣式,如下圖。

制作金屬控件圖標(biāo)的PS實(shí)例教程 

制作金屬控件圖標(biāo)的PS實(shí)例教程

 

五、繼續(xù)使用圓角矩形工具繪制,并為其添加圖層樣式,以制作類似下圖所示的效果。

制作金屬控件圖標(biāo)的PS實(shí)例教程 

制作金屬控件圖標(biāo)的PS實(shí)例教程 

制作金屬控件圖標(biāo)的PS實(shí)例教程

 

六、用同樣的方法去復(fù)制,我們只需調(diào)整大小即可。再為其修改漸變樣式,制作出如下圖中的效果即可。顏色可以隨自己喜好更改。

制作金屬控件圖標(biāo)的PS實(shí)例教程