編按：

描邊圖標(biāo)？這是什么？

9102年了，居然還有人不知道描邊圖標(biāo)？

也是，畢竟都火過(guò)了。不過(guò)說(shuō)不定什么時(shí)候又重新火起來(lái)了呢。

描邊圖標(biāo)是追波上MBE大神開(kāi)始設(shè)計(jì)的圖標(biāo)風(fēng)格，然后就掀起了一股時(shí)尚風(fēng)潮，如果想看大神的所有作品，請(qǐng)戳大神的主頁(yè)。

技多不壓身，指不定什么時(shí)候就能派上用場(chǎng)呢，何況描邊圖標(biāo)也實(shí)在是太可愛(ài)了！

而且描邊圖標(biāo)非常容易上手，對(duì)新人可以說(shuō)是非常友好了?？靵?lái)一起學(xué)習(xí)吧！

  在繪制之前，我們先分析并總結(jié)一下上面圖標(biāo)的特點(diǎn)：

  1.圖形外觀圍繞著深色描線,也可以叫描邊，描線與圖形偶爾錯(cuò)位開(kāi)。

  2.描邊有斷線。

  3.圖形線條簡(jiǎn)單，比較圓潤(rùn)，基本上都是圓角，圖形容易繪制，也很可愛(ài)，十分的萌萌噠。

  4.色澤比較鮮艷大膽，幾乎都是明亮色，明黃色，藍(lán)色為主。

  了解了描邊小圖標(biāo)的特點(diǎn)，那么下面我們就開(kāi)始講如何繪制了。

  繪制工具：AI,PS SKETCH。這里就用PS來(lái)舉例。

   開(kāi)始繪制萌萌噠小雪糕 啦。

   1：打開(kāi)PS-新建畫(huà)布800*600，命名描邊小圖標(biāo)--小雪糕，隨時(shí)命名是種好習(xí)慣哦。

  2:用矢量矩形工具繪制出雪糕的外形，尺寸看著辦哦，我這里用的是 W200*H260，上面圓角100px，下面圓角40px，描邊為10像素，黑色。注意這里描邊的風(fēng)格應(yīng)該選擇第二個(gè)居中描邊，端點(diǎn)和角點(diǎn)一般選擇圓角形式，命名雪糕的描邊，如不清楚請(qǐng)看下圖：

  3：復(fù)制雪糕描邊圖層--命名新圖層為雪糕 ，這里的雪糕圖層，需要關(guān)掉描邊，打開(kāi)填充并填充藍(lán)色，然后將雪糕圖層置于雪糕描邊圖層下面，并將藍(lán)色雪糕圖層向右移動(dòng)20像素，效果如下：

  4：這一步做描邊斷線的效果，鼠標(biāo)選中雪糕描邊圖層，點(diǎn)擊小白工具（直接選擇工具）會(huì)出現(xiàn)錨點(diǎn)和路徑，這里我們先做一小段，點(diǎn)擊鋼筆工具添加一些錨點(diǎn)，多少根據(jù)實(shí)際情況而定，至少得3個(gè)錨點(diǎn)以上，用小白工具選中中間的錨點(diǎn)并按delete鍵刪除，效果就出來(lái)了，描邊被分開(kāi)了， 其他的幾段一樣的方法，效果如下

  5：用橢圓工具繪制眼睛，關(guān)掉描邊打開(kāi)填充，并填充黑色，畫(huà)上眼睛，這里就不多說(shuō)了，很簡(jiǎn)單，注意大小盡量用偶數(shù)哦，這里用的16*16px。

  6：用矢量工具畫(huà)上嘴巴和舌頭。

  嘴巴需要用到布爾運(yùn)算的加減，畫(huà)一個(gè)橢圓，大小根據(jù)實(shí)際而定，盡量所有繪制都用偶數(shù)。

  然后同一個(gè)圖層上畫(huà)一個(gè)矩形用減去頂層形狀，注意一定要和橢圓在同一個(gè)圖層。

    然后再在同一個(gè)圖層上增加一個(gè)圓角矩形，這里選擇的是合并形狀。

    舌頭直接畫(huà)個(gè)橢圓就好了就不多說(shuō)啦，嘴巴就畫(huà)好了。

   7：打開(kāi)描邊，填充也打開(kāi)，用矩形工具（調(diào)整矩形下面左右的圓角度數(shù)）繪制雪糕棒，如圖：

  8：給雪糕添加投影，方法--復(fù)制雪糕圖層，調(diào)整復(fù)制圖層大小如圖路徑，并添加內(nèi)陰影。

  內(nèi)陰影調(diào)整--顏色深藍(lán)色，角度為20，距離、阻塞和大小為34、0、0，如下圖：

   9：然后就是畫(huà)上一些小修飾物就大功告成啦

   是不是超級(jí)簡(jiǎn)單，快做根雪糕消消暑吧~

   同學(xué)們也可自由發(fā)揮做一些其他的圖標(biāo)，期待你的分享哦！

本文配套的練習(xí)素材請(qǐng)加QQ群：143686347下載

做PS高手，快速提升工作效率，部落窩教育《 Photoshop全面精通班》視頻和《 AI平面與電商設(shè)計(jì)從零到精通》直播課全心為你！

掃下方二維碼關(guān)注公眾號(hào)，隨時(shí)隨地學(xué)習(xí)PS：

相關(guān)推薦：

PS設(shè)計(jì)由蚊子組成的APP圖標(biāo)

確認(rèn)過(guò)眼神，這個(gè)黑膠唱片機(jī)有點(diǎn)萌

版權(quán)信息：

原標(biāo)題：5分鐘繪制超火描邊小圖標(biāo)

來(lái)源：站酷  作者：杰西卡龍