如果您喜歡『PS學習網』,請推薦給您身邊的朋友!本站永久域名:www.whmqjt.tw

Photoshop軟件制作金屬控件圖標效果

當前位置 : PS學習網 > 實例教程 > 正文來源:網絡作者:網絡時間:2020-07-03人氣:

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

制作金屬控件圖標的PS實例教程

 

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

制作金屬控件圖標的PS實例教程

 

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

制作金屬控件圖標的PS實例教程

 

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

制作金屬控件圖標的PS實例教程 

制作金屬控件圖標的PS實例教程

 

三、按Ctrl + J 復制底層得到副本,按Ctrl + T 對底部副本進行調整大小,并更改漸變方向,效果如下圖。

制作金屬控件圖標的PS實例教程 

制作金屬控件圖標的PS實例教程

 

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

制作金屬控件圖標的PS實例教程 

制作金屬控件圖標的PS實例教程

 

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

制作金屬控件圖標的PS實例教程 

制作金屬控件圖標的PS實例教程 

制作金屬控件圖標的PS實例教程

 

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

制作金屬控件圖標的PS實例教程 

制作金屬控件圖標的PS實例教程 

制作金屬控件圖標的PS實例教程

 

七、使用橢圓工具按住Shift鍵繪制正圓,并為其添加圖層樣式,制作金屬按鈕,效果如下圖。

制作金屬控件圖標的PS實例教程 

制作金屬控件圖標的PS實例教程 

制作金屬控件圖標的PS實例教程

 

八、現在我們只需要對其進行復制并調整位置即可。

制作金屬控件圖標的PS實例教程

 

最終效果:

制作金屬控件圖標的PS實例教程 

回頂部
体彩排列五走势图表