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í) · 提示
- 發(fā)評(píng)論 | 交作業(yè) -
最新評(píng)論
半個(gè)左撇2015-09-26 06:54
回復(fù)
半個(gè)左撇2015-09-26 06:54
半個(gè)左撇2015-09-26 06:54
半個(gè)左撇2015-09-26 06:53
半個(gè)左撇2015-09-26 06:53
半個(gè)左撇2015-09-26 06:51
半個(gè)左撇2015-09-26 06:51
半個(gè)左撇2015-09-26 06:49
半個(gè)左撇2015-09-26 06:49
相關(guān)教程
- 圖標(biāo)設(shè)計(jì),設(shè)計(jì)一款心形的APP圖標(biāo)
- 圖標(biāo)設(shè)計(jì),在PS里制作小清新風(fēng)格的天氣圖標(biāo)
- 圖標(biāo)制作,用PS制作時(shí)尚的郵件圖標(biāo)
- UI圖標(biāo)教程,用PS繪制一個(gè)獨(dú)特的漸變風(fēng)格播放器圖標(biāo)
- UI圖標(biāo)教程,用PS制作一個(gè)音樂圖標(biāo)
- 圖標(biāo)設(shè)計(jì),用PS繪制索尼PSP圖標(biāo)
- UI圖標(biāo)教程,在PS中繪制一枚炫酷的鐘表圖標(biāo)
- UI圖標(biāo)教程,用ps制作浪漫的冰晶圖標(biāo)
- 圖標(biāo)制作,用PS繪制一款簡(jiǎn)約風(fēng)格的解密游戲圖標(biāo)
- 手機(jī)圖標(biāo),用PS繪制華為手機(jī)圖標(biāo)
推薦教程
- UI知識(shí),設(shè)計(jì)師必須知道的優(yōu)秀UI設(shè)計(jì)原則
- ps設(shè)計(jì)折紙效果風(fēng)格的短信軟件圖標(biāo)
- ps日歷圖標(biāo)
- UI知識(shí),做UI的工作方式與流程
- UI教程:設(shè)計(jì)電池icon
- 地圖圖標(biāo),設(shè)計(jì)簡(jiǎn)潔的地圖主題UI圖標(biāo)教程
- 相機(jī)UI圖標(biāo)設(shè)計(jì)教程
- UI視頻, 設(shè)計(jì)中得美術(shù)基礎(chǔ)
- ps設(shè)計(jì)盒子圖標(biāo)
- PS繪制磚塊ICO圖標(biāo)
關(guān)注大神微博加入>>
網(wǎng)友求助,請(qǐng)回答!