今天為大家推薦一篇非常棒的教程，主要是告訴大家如何快速的制作一個超火的描邊風格小圖標，其實操作方法很簡單，10分鐘輕松搞定。

在追波網(wǎng)上看到MBE大神的描邊小圖標很是喜歡，就自己網(wǎng)上搜索學習怎么繪制這種風格的圖標，這里就是將我練習的方法做一個總結(jié)，關(guān)鍵就是布爾運算和路徑錨點，好了廢話不多說，我們從最簡單的小太陽開始?。?！

注意：1、這個是我看的知乎教程，還有特別感謝知乎的設(shè)計師阿牛，我的練習就是學習了他的Sketch畫描邊圖標教程。

          2、文章多圖

          3、新手向，老司機請自行略過

先來個最終效果圖，是不是很可愛啊?。?！

具體的制作步驟如下：

1、新建一個追波尺寸的畫布800*600，背景色選白色，名稱為描邊風格小圖標，注意分辨率為72

2、畫一個300*300的圓形，填充顏色為#ffdb00，描邊為12像素的#000000的黑色描邊。注意這里描邊的風格應(yīng)該選居中描邊，結(jié)尾和轉(zhuǎn)角選擇圓角形式。

3、然后我們ctrl+j復(fù)制圓形圖層，并分別命名為小太陽描邊和小太陽填充。并將小太陽填充的圖層關(guān)閉，將小太陽描邊圖層的填充去掉，只留下描邊。

4、我們用直接選擇工具（小白）選中描邊，這時會出現(xiàn)錨點和路徑的線（抱歉，我也不知道這線叫什么），然后我們用鋼筆工具這一欄里的添加錨點工具，給描邊添加6個錨點。

5、6個錨點添加完后（如圖1），我們在用直接選擇工具（小白）選擇錨點進行刪除（如圖2）。發(fā)現(xiàn)問題了這里只添加4個錨點就夠了，然后選路徑進行刪除就好了。

圖1

圖2

6、同理我們弄對角的另一邊，弄完的結(jié)果如圖

7、這一步，我們將小太陽填充的圖層顯示出來，并且把它放在"描邊"圖層的下面?？矗。⌒Ч幌伦泳统鰜砹?。

8、嘴巴和腮紅的部分不多說了，根據(jù)圖形之間的大小關(guān)系，自己繪制就可以。

9、這里重點說下嘴巴的畫法，這里我們畫一個60*40的圓（如圖1），建立水平參考線，找到橢圓的水平中心位置。建立個矩形（要比半個橢圓大，如圖2），選中橢圓和矩形的圖層，ctrl+e后，用路徑選擇工具（小黑）配合布爾運算的減去頂層形狀，減去上邊的矩形，并選擇合并形狀組件（如圖3）。下面我們繪制個60*16圓角為8的圓角矩形，這里方便CS6的用戶使用，可以繪制兩個16*16的圓加一個44*16的矩形進行組合。將其放在剛剛減好的圖形上（如圖4），放好后，ctrl+e合并兩個圖層，并改為黑色（如圖5）。

圖1

圖2

圖3

圖4

圖5

10、這里我們繪制他的小舌頭（對?。?yīng)該是舌頭）。大家可以根據(jù)自己的大小關(guān)系建立，我這里是26*12的橢圓。

11、現(xiàn)在開始給太陽添加高光和反光（也就是添加兩個內(nèi)陰影），一個為#ffffff，角度-160度，距離、阻塞和大小為30、0、0（如圖1）；另一個為#fe8602，角度為20，距離、阻塞和大小為30、0、0（如圖2）

圖1

圖2

12、這步我們將眼睛、嘴巴、和腮紅進行排放，放在一個合適并且可愛的位置，將腮紅和舌頭的顏色選為#fe8602，并將腮紅的組調(diào)整不透明度為30%

13、最后添加些色彩繽紛的小圖形作為點綴修飾，使主體更加生動可愛

教程結(jié)束，以上就是PS快速制作一個可愛的斷點描邊表情教程，怎么樣，是不是很簡單啊，喜歡的朋友可以嘗試自己制作一下哦！

最新評論