描邊圖標，快速設(shè)計描邊小圖標教程(4)

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

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

下面是一些截圖：

<點圖片看大圖>www.theoat.com.cn

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

1.圖形外觀圍繞著深色描線,也可以叫描邊，描線與圖形偶爾錯位開。

2.描邊有斷線

3.圖形線條簡單，比較圓潤，基本上都是圓角，圖形容易繪制，也很可愛，十分的萌萌噠。

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

了解了描邊小圖標的特點，那么下面我們就開始講如何繪制了。

繪制工具：AI,PS SKETCH。這里就用PS來舉例。

開始繪制萌萌噠小雪糕 啦。

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

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

<點圖片看大圖>

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

<點圖片看大圖>

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

<點圖片看大圖>

<點圖片看大圖>

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

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

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

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

<點圖片看大圖>

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

舌頭直接畫個橢圓就好了就不多說啦，嘴巴就畫好了。

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

<點圖片看大圖>

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

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

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

是不是很簡單呢，熟練了，5分鐘就搞定哦。

寫教程好累啊，如果對你有幫助 請不要吝嗇你的點贊哦。