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

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

設(shè)置前景色為#b5cbe5,還是畫一個橢圓,創(chuàng)建剪貼蒙版,構(gòu)建白色圓環(huán)的立體感。為避免邊緣的生硬,我在屬性面板中設(shè)置了1像素的羽化。

m.theoat.com.cn_04343245X-35.jpg

下面,我們開始畫指針,三角形而已,不用多說吧,顏色#97d601,添加一個投影。

m.theoat.com.cn_0434322592-36.jpg

m.theoat.com.cn_04343233O-37.jpg

綠色指針的高光,我們畫一個矩形,旋轉(zhuǎn),將顏色更改為#b8e64a,創(chuàng)建剪貼蒙版。

m.theoat.com.cn_043432E26-38.jpg

白色的指針,跟綠色的指針是一樣做法的,同樣也添加一個投影樣式。

m.theoat.com.cn_0434325J3-39.jpg

最后,我們來畫指針中間的圓心,畫一個正圓形,顏色為#dfedf6,并添加一個圖層樣式。

m.theoat.com.cn_0434326436-40.jpg

m.theoat.com.cn_0434324035-41.jpg

m.theoat.com.cn_0434326257-42.jpg

最終效果:

m.theoat.com.cn_0434324J1-0.jpg

 

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

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

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

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