當(dāng)前位置:首頁(yè)>軟件教程>AI教程>教程內(nèi)容

如何制作有效的圖標(biāo)

來(lái)源:站酷 作者:dooplus 學(xué)習(xí):8590人次
對(duì)于初學(xué)者來(lái)說(shuō),我們可以這樣理解,任何東西都可以用這四種圖形組合而成:

如何制作有效的圖標(biāo)_theoat.com.cn

 


當(dāng)我想要用圖標(biāo)來(lái)表現(xiàn)一個(gè)物體時(shí),我會(huì)先仔細(xì)觀察,然后盡可能將其拆分為最簡(jiǎn)單的形狀。譬如,水滴可以用一個(gè)三角形和一個(gè)圓圈組成。

如何制作有效的圖標(biāo)_theoat.com.cn

 


心形圖標(biāo)可以由兩個(gè)圓圈和一個(gè)三角形組成。

如何制作有效的圖標(biāo)_theoat.com.cn


 

我通常會(huì)使用Adobe Illustrator來(lái)制作這些圖形。矢量圖形的線條粗細(xì)、節(jié)點(diǎn)以及圖形之間的關(guān)系都非常易于控制。在Illustrator中,圖形和線條間的互相轉(zhuǎn)換也非常便捷。這些信息也許非;A(chǔ),但卻是我制作大多數(shù),甚至是復(fù)雜圖標(biāo)的方法。下面這個(gè)例子細(xì)節(jié)略多,是我最近為bill of rights所做的圖標(biāo),其中,我也完全使用了相同的方式。

如何制作有效的圖標(biāo)_theoat.com.cn


界面圖標(biāo)

我最近正在為一款超贊的iPhone應(yīng)用Parker Planner制作一組圖標(biāo)。我很喜歡這個(gè)項(xiàng)目,這組用戶(hù)界面圖標(biāo)的要點(diǎn)是在易于理解和功能性強(qiáng)的同時(shí),具有美觀性,幫助用戶(hù)在這款略為復(fù)雜的應(yīng)用中進(jìn)行導(dǎo)航。

如何制作有效的圖標(biāo)_theoat.com.cn

 

 

下面,讓我們來(lái)細(xì)看一下這些圖標(biāo),并且分析我的制作步驟。我們就以垃圾桶圖標(biāo)為例,它就是由三個(gè)圓角矩形和三根線條組成的。

 

1 選擇圓角矩形工具?

如何制作有效的圖標(biāo)_theoat.com.cn

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

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

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

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