地圖圖標(biāo),設(shè)計(jì)簡(jiǎn)潔的地圖主題UI圖標(biāo)教程
這個(gè)地圖主題圖標(biāo)整體風(fēng)格有點(diǎn)簡(jiǎn)潔的小清新感覺(jué),制作不難,主要還是用圖層樣式來(lái)制作,來(lái)學(xué)!做完交作業(yè)。
PSD源文件:http://theoat.com.cn/photoshop/sucai/2016/s796202.html
效果圖:
新建文檔,這里我用的是800*600像素,畫一個(gè)圓角矩形,顏色#e8e8e8。
為這個(gè)圓角矩形添加一個(gè)圖層樣式。
復(fù)制一層圓角矩形,將圖層的填充更改為0,添加一個(gè)投影樣式。
接下來(lái),我們畫出定位的那個(gè)圖標(biāo)的形狀來(lái),顏色#97d601。
這個(gè)形狀,可能好多人會(huì)用圓加矩形去拼接,這里我講一下我用的方法。先把垂直居中參考線標(biāo)注出來(lái),畫一個(gè)正圓。
使用直接選擇工具,選擇住圖中紅圈的錨點(diǎn),垂直下移一定的像素。
還是用直接選擇工具,選擇住這個(gè)錨點(diǎn),我們會(huì)發(fā)現(xiàn),出現(xiàn)了調(diào)節(jié)曲線片段的杠桿節(jié)點(diǎn),水平向左移動(dòng)一定像素。
- 相關(guān)教程
- TA的教程
- 收藏
- 返回
- P大點(diǎn)S
- ps網(wǎng)頁(yè)設(shè)計(jì)
- 地圖圖標(biāo)
- 地圖UI
- 地圖指針
學(xué)習(xí) · 提示
相關(guān)教程
- UI圖標(biāo)教程,用PS繪制一個(gè)獨(dú)特的漸變風(fēng)格播放器圖標(biāo)
- UI圖標(biāo)教程,用PS制作一個(gè)音樂(lè)圖標(biāo)
- 圖標(biāo)設(shè)計(jì),用PS繪制索尼PSP圖標(biāo)
- UI圖標(biāo)教程,在PS中繪制一枚炫酷的鐘表圖標(biāo)
- UI圖標(biāo)教程,用ps制作浪漫的冰晶圖標(biāo)
- 圖標(biāo)制作,用PS繪制一款簡(jiǎn)約風(fēng)格的解密游戲圖標(biāo)
- 插畫制作,用PS繪制簡(jiǎn)約沙漏插畫效果圖片
- 圖案設(shè)計(jì),用PS快速制作一個(gè)心形圖案
- 手機(jī)圖標(biāo),用PS繪制華為手機(jī)圖標(biāo)
- 相機(jī)圖標(biāo),用UI制作簡(jiǎn)單的彩虹相機(jī)圖標(biāo)
推薦教程
- PS繪制磚塊ICO圖標(biāo)
- UI視頻, 設(shè)計(jì)中得美術(shù)基礎(chǔ)
- 相機(jī)UI圖標(biāo)設(shè)計(jì)教程
- UI知識(shí),做UI的工作方式與流程
- 地圖圖標(biāo),設(shè)計(jì)簡(jiǎn)潔的地圖主題UI圖標(biāo)教程
- UI教程:設(shè)計(jì)電池icon
- ps設(shè)計(jì)折紙效果風(fēng)格的短信軟件圖標(biāo)
- UI知識(shí),設(shè)計(jì)師必須知道的優(yōu)秀UI設(shè)計(jì)原則
- ps設(shè)計(jì)盒子圖標(biāo)
- ps日歷圖標(biāo)