當前位置:首頁>ps實例教程>ps網(wǎng)頁設計>UI設計教程>教程內(nèi)容

地圖圖標,設計簡潔的地圖主題UI圖標教程(5)

來源:pdadians 作者:P大點S 學習:12224人次

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

www.tgudhdp.cn_04343245X-35.jpg

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

www.tgudhdp.cn_0434322592-36.jpg

www.tgudhdp.cn_04343233O-37.jpg

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

www.tgudhdp.cn_043432E26-38.jpg

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

www.tgudhdp.cn_0434325J3-39.jpg

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

www.tgudhdp.cn_0434326436-40.jpg

www.tgudhdp.cn_0434324035-41.jpg

www.tgudhdp.cn_0434326257-42.jpg

最終效果:

www.tgudhdp.cn_0434324J1-0.jpg

 

學習 · 提示

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

關注大神微博加入>>

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