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

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

這個地圖主題圖標(biāo)整體風(fēng)格有點簡潔的小清新感覺,制作不難,主要還是用圖層樣式來制作,來學(xué)!做完交作業(yè)。

PSD源文件:http://m.tgudhdp.cn/photoshop/sucai/2016/s796202.html

效果圖:

m.tgudhdp.cn_0434324J1-0.jpg

新建文檔,這里我用的是800*600像素,畫一個圓角矩形,顏色#e8e8e8。

m.tgudhdp.cn_043432K15-1.jpg

為這個圓角矩形添加一個圖層樣式。

m.tgudhdp.cn_043432B23-2.jpg

m.tgudhdp.cn_043432F12-3.jpg

m.tgudhdp.cn_04343252R-4.jpg

復(fù)制一層圓角矩形,將圖層的填充更改為0,添加一個投影樣式。

m.tgudhdp.cn_0434325310-5.jpg

m.tgudhdp.cn_04343251B-6.jpg

接下來,我們畫出定位的那個圖標(biāo)的形狀來,顏色#97d601。

m.tgudhdp.cn_0434321a4-7.jpg

這個形狀,可能好多人會用圓加矩形去拼接,這里我講一下我用的方法。先把垂直居中參考線標(biāo)注出來,畫一個正圓。

m.tgudhdp.cn_043432E57-8.jpg

使用直接選擇工具,選擇住圖中紅圈的錨點,垂直下移一定的像素。

m.tgudhdp.cn_04343215S-9.jpg

m.tgudhdp.cn_0434323250-10.jpg

還是用直接選擇工具,選擇住這個錨點,我們會發(fā)現(xiàn),出現(xiàn)了調(diào)節(jié)曲線片段的杠桿節(jié)點,水平向左移動一定像素。

m.tgudhdp.cn_0434323316-11.jpg

m.tgudhdp.cn_043432N48-12.jpg

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

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

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

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