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

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

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

_04343245X-35.jpg

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

_0434322592-36.jpg

_04343233O-37.jpg

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

_043432E26-38.jpg

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

_0434325J3-39.jpg

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

_0434326436-40.jpg

_0434324035-41.jpg

_0434326257-42.jpg

最終效果:

_0434324J1-0.jpg