日韩小视频-日韩久久一区二区三区-日韩久久一级毛片-日韩久久久精品中文字幕-国产精品亚洲精品影院-国产精品亚洲欧美云霸高清

下載吧 - 綠色安全的游戲和軟件下載中心

軟件下載吧

當前位置:軟件下載吧 > 圖形圖象 > PHOTOSHOP > 地圖圖標,設計簡潔的地圖主題UI圖標教程

地圖圖標,設計簡潔的地圖主題UI圖標教程

時間:2024-03-08 06:46作者:下載吧人氣:17

這個地圖主題圖標整體風格有點簡潔的小清新感覺,制作不難,主要還是用圖層樣式來制作,來學!做完交作業。

PSD源文件:http://www.16xx8.com/photoshop/sucai/2016/s796202.html

效果圖:

地圖圖標,設計簡潔的地圖主題UI圖標教程

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

地圖圖標,設計簡潔的地圖主題UI圖標教程

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

地圖圖標,設計簡潔的地圖主題UI圖標教程

地圖圖標,設計簡潔的地圖主題UI圖標教程

地圖圖標,設計簡潔的地圖主題UI圖標教程

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

地圖圖標,設計簡潔的地圖主題UI圖標教程

地圖圖標,設計簡潔的地圖主題UI圖標教程

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

地圖圖標,設計簡潔的地圖主題UI圖標教程

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

地圖圖標,設計簡潔的地圖主題UI圖標教程

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

地圖圖標,設計簡潔的地圖主題UI圖標教程

地圖圖標,設計簡潔的地圖主題UI圖標教程

還是用直接選擇工具,選擇住這個錨點,我們會發現,出現了調節曲線片段的杠桿節點,水平向左移動一定像素。

地圖圖標,設計簡潔的地圖主題UI圖標教程

地圖圖標,設計簡潔的地圖主題UI圖標教程

因為,我想做成一個立體的圖標,所以,最頂上的錨點,我們也適當向下移動一點,把圓壓扁。

地圖圖標,設計簡潔的地圖主題UI圖標教程

地圖圖標,設計簡潔的地圖主題UI圖標教程

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

地圖圖標,設計簡潔的地圖主題UI圖標教程

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

地圖圖標,設計簡潔的地圖主題UI圖標教程

復制這個一半的形狀,水平翻轉,移動到右邊,保持其切面與參考線貼合,選擇住這兩個一半的形狀,再次合并形狀組件,這樣我們就徹底的得到了一個對稱的形狀圖標了。

地圖圖標,設計簡潔的地圖主題UI圖標教程

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

地圖圖標,設計簡潔的地圖主題UI圖標教程

OK,現在我們開始細化圖標,首先我們先為最下層的立體面添加一個投影。

地圖圖標,設計簡潔的地圖主題UI圖標教程

地圖圖標,設計簡潔的地圖主題UI圖標教程

復制一層這個立體面,將圖層的填充更改為0,添加一下投影樣式,完善投影。

地圖圖標,設計簡潔的地圖主題UI圖標教程

地圖圖標,設計簡潔的地圖主題UI圖標教程

現在回到圖標形狀圖層,添加圖層樣式。

地圖圖標,設計簡潔的地圖主題UI圖標教程

地圖圖標,設計簡潔的地圖主題UI圖標教程

地圖圖標,設計簡潔的地圖主題UI圖標教程

復制一層圖標主體,將圖層填充更改為0,添加一個內發光。

地圖圖標,設計簡潔的地圖主題UI圖標教程

地圖圖標,設計簡潔的地圖主題UI圖標教程

設置前景色為#52a5ef,畫一個藍色的橢圓,并添加一個圖層樣式。

地圖圖標,設計簡潔的地圖主題UI圖標教程

地圖圖標,設計簡潔的地圖主題UI圖標教程

地圖圖標,設計簡潔的地圖主題UI圖標教程

還是使用橢圓工具,畫出下圖中的圓環,(簡單的兩個圓相減,別告訴我不會畫),添加一個圖層樣式。

地圖圖標,設計簡潔的地圖主題UI圖標教程

地圖圖標,設計簡潔的地圖主題UI圖標教程

地圖圖標,設計簡潔的地圖主題UI圖標教程

地圖圖標,設計簡潔的地圖主題UI圖標教程

設置前景色為#b5cbe5,還是畫一個橢圓,創建剪貼蒙版,構建白色圓環的立體感。為避免邊緣的生硬,我在屬性面板中設置了1像素的羽化。

地圖圖標,設計簡潔的地圖主題UI圖標教程

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

地圖圖標,設計簡潔的地圖主題UI圖標教程

地圖圖標,設計簡潔的地圖主題UI圖標教程

綠色指針的高光,我們畫一個矩形,旋轉,將顏色更改為#b8e64a,創建剪貼蒙版。

地圖圖標,設計簡潔的地圖主題UI圖標教程

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

地圖圖標,設計簡潔的地圖主題UI圖標教程

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

地圖圖標,設計簡潔的地圖主題UI圖標教程

地圖圖標,設計簡潔的地圖主題UI圖標教程

地圖圖標,設計簡潔的地圖主題UI圖標教程

最終效果:

地圖圖標,設計簡潔的地圖主題UI圖標教程

標簽P大點S,地圖圖標,ps網頁設計,地圖UI,地圖指針

相關下載

查看所有評論+

網友評論

網友
您的評論需要經過審核才能顯示

公眾號

主站蜘蛛池模板: 国产17部性孕妇孕交在线 | 成人看免费一级毛片 | 日本三级成人午夜视频网 | 99久久伊人一区二区yy5o99 | 国产精品成人aaaaa网站 | 日本黄色大片在线播放视频免费观看 | 久久久久女人精品毛片九一 | 99热在线免费 | 欧洲亚洲一区二区三区 | 免费播放巨茎人妖不卡片 | 俄罗斯美女毛片 | 欧美一级在线观看播放 | 宅女深夜福利视频在线 | 毛片在线播放网站 | 成人午夜 | 欧美日韩亚洲成色二本道三区 | 欧美日韩中文字幕在线视频 | 日韩美女一区 | 狠狠色狠狠色综合日日32 | 国产日本欧美高清免费区 | 可以免费看黄的网址 | 成人在线免费视频 | 国产精品久久久天天影视香蕉 | 91精品日本久久久久久牛牛 | 看真人一一级毛片 | 日韩欧美视频在线播放 | 26uuu天天夜夜综合 | 国产99视频精品草莓免视看 | 亚洲综合日韩精品欧美综合区 | 91成年人 | avtt亚洲一区中文字幕 | 久久成人免费网站 | 久久久网站亚洲第一 | 成人黄色免费网站 | 大臿蕉香蕉大视频成人 | 91精品久久久久久久久网影视 | 99精品视频免费在线观看 | 91大神大战丝袜美女在线观看 | 91麻精品国产91久久久久 | 国产精品久久久香蕉 | 视频一区在线观看 |