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

2022-12-26 18:31:36 來(lái)源/作者: / 己有:35人學(xué)習(xí)過(guò)

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

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

效果圖:

_0434324J1-0.jpg

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

_043432K15-1.jpg

為這個(gè)圓角矩形添加一個(gè)圖層樣式。

_043432B23-2.jpg

_043432F12-3.jpg

_04343252R-4.jpg

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

_0434325310-5.jpg

_04343251B-6.jpg

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

_0434321a4-7.jpg

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

_043432E57-8.jpg

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

_04343215S-9.jpg

_0434323250-10.jpg

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

_0434323316-11.jpg

_043432N48-12.jpg