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

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

因?yàn)椋蚁胱龀梢粋€(gè)立體的圖標(biāo),所以,最頂上的錨點(diǎn),我們也適當(dāng)向下移動(dòng)一點(diǎn),把圓壓扁。

_0434323E1-13.jpg

_0434324A0-14.jpg

OK,現(xiàn)在我們已經(jīng)完成了左邊部分的調(diào)節(jié),如果還是按照這個(gè)方法去調(diào)節(jié)右邊,不好精確控制,無法保證百分百的對稱,所以,我畫了一個(gè)矩形,對齊垂直居中的參考線,模式減去。

_0434326230-15.jpg

選擇住矩形的路徑和圓形變形后的路徑,合并形狀組件。

_0434324430-16.jpg

復(fù)制這個(gè)一半的形狀,水平翻轉(zhuǎn),移動(dòng)到右邊,保持其切面與參考線貼合,選擇住這兩個(gè)一半的形狀,再次合并形狀組件,這樣我們就徹底的得到了一個(gè)對稱的形狀圖標(biāo)了。

_0434325914-17.jpg

復(fù)制一層定位的形狀,置于這層的下層,更改顏色為#85bb03,我們來構(gòu)建立體面。

_043432OE-18.jpg