地圖圖標(biāo),設(shè)計(jì)簡(jiǎn)潔的地圖主題UI圖標(biāo)教程(2)

來(lái)源:pdadians 作者:P大點(diǎn)S 學(xué)習(xí):12224人次

因?yàn)椋蚁胱龀梢粋(gè)立體的圖標(biāo),所以,最頂上的錨點(diǎn),我們也適當(dāng)向下移動(dòng)一點(diǎn),把圓壓扁。

m.theoat.com.cn_0434323E1-13.jpg

m.theoat.com.cn_0434324A0-14.jpg

OK,現(xiàn)在我們已經(jīng)完成了左邊部分的調(diào)節(jié),如果還是按照這個(gè)方法去調(diào)節(jié)右邊,不好精確控制,無(wú)法保證百分百的對(duì)稱,所以,我畫(huà)了一個(gè)矩形,對(duì)齊垂直居中的參考線,模式減去。

m.theoat.com.cn_0434326230-15.jpg

選擇住矩形的路徑和圓形變形后的路徑,合并形狀組件。

m.theoat.com.cn_0434324430-16.jpg

復(fù)制這個(gè)一半的形狀,水平翻轉(zhuǎn),移動(dòng)到右邊,保持其切面與參考線貼合,選擇住這兩個(gè)一半的形狀,再次合并形狀組件,這樣我們就徹底的得到了一個(gè)對(duì)稱的形狀圖標(biāo)了。

m.theoat.com.cn_0434325914-17.jpg

復(fù)制一層定位的形狀,置于這層的下層,更改顏色為#85bb03,我們來(lái)構(gòu)建立體面。

m.theoat.com.cn_043432OE-18.jpg

學(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)論
我說(shuō)我想你了丶2017-02-24 08:54
初學(xué)者

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

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