今天寫了一個(gè)制作追波上超火的描邊小圖標(biāo)的小教程，很簡(jiǎn)單，主要是希望對(duì)新人有幫助，這種小圖標(biāo)學(xué)了用來(lái)制作APP引導(dǎo)頁(yè)效果很不錯(cuò)，本人也是學(xué)習(xí)的新人，希望邊學(xué)習(xí)邊總結(jié)，也希望各位可以多多包涵。

描邊圖標(biāo)是追波上MBE大神開(kāi)始設(shè)計(jì)的圖標(biāo)風(fēng)格，然后就掀起了一股時(shí)尚風(fēng)潮

下面是一些截圖：

<點(diǎn)圖片看大圖>www.16xx8.com

在繪制之前，我們先分析并總結(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-新建畫布800*600，命名描邊小圖標(biāo)--小雪糕，隨時(shí)命名是種好習(xí)慣哦。

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

<點(diǎn)圖片看大圖>

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

<點(diǎn)圖片看大圖>

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)了， 其他的幾段一樣的方法，效果如下

<點(diǎn)圖片看大圖>

<點(diǎn)圖片看大圖>

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

6：用矢量工具畫上嘴巴和舌頭

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

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

<點(diǎn)圖片看大圖>

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

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

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

<點(diǎn)圖片看大圖>

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

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

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

是不是很簡(jiǎn)單呢，熟練了，5分鐘就搞定哦。

寫教程好累啊，如果對(duì)你有幫助 請(qǐng)不要吝嗇你的點(diǎn)贊哦。