ps設(shè)計(jì)金屬控件圖標(biāo)(4)

來源:photoshop聯(lián)盟 作者:大眼仔~旭 學(xué)習(xí):7451人次

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

最終效果

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

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


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

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


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

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


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


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

8、現(xiàn)在我們只需要對(duì)其進(jìn)行復(fù)制并調(diào)整位置即可。

最終效果:

學(xué)習(xí) · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時(shí),大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時(shí)隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評(píng)論 | 交作業(yè) -
最新評(píng)論
半個(gè)左撇2015-09-26 06:54
emp.gif
半個(gè)左撇2015-09-26 06:54
emp.gif
半個(gè)左撇2015-09-26 06:54
emp.gif
半個(gè)左撇2015-09-26 06:53
emp.gif
半個(gè)左撇2015-09-26 06:53
emp.gif
半個(gè)左撇2015-09-26 06:51
emp.gif
半個(gè)左撇2015-09-26 06:51
emp.gif
半個(gè)左撇2015-09-26 06:49
emp.gif
半個(gè)左撇2015-09-26 06:49
emp.gif

關(guān)注大神微博加入>>

網(wǎng)友求助,請(qǐng)回答!