今天為大家推薦一篇非常棒的教程，主要是告訴大家如何快速的制作一個(gè)超火的描邊風(fēng)格小圖標(biāo)，其實(shí)操作方法很簡(jiǎn)單，10分鐘輕松搞定。

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

注意：1、這個(gè)是我看的知乎教程，還有特別感謝知乎的設(shè)計(jì)師阿牛，我的練習(xí)就是學(xué)習(xí)了他的Sketch畫(huà)描邊圖標(biāo)教程。

          2、文章多圖

          3、新手向，老司機(jī)請(qǐng)自行略過(guò)

先來(lái)個(gè)最終效果圖，是不是很可愛(ài)?。。?！

具體的制作步驟如下：

1、新建一個(gè)追波尺寸的畫(huà)布800*600，背景色選白色，名稱(chēng)為描邊風(fēng)格小圖標(biāo)，注意分辨率為72

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

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

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

5、6個(gè)錨點(diǎn)添加完后（如圖1），我們?cè)谟弥苯舆x擇工具（小白）選擇錨點(diǎn)進(jìn)行刪除（如圖2）。發(fā)現(xiàn)問(wèn)題了這里只添加4個(gè)錨點(diǎn)就夠了，然后選路徑進(jìn)行刪除就好了。

圖1

圖2

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

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

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

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

圖1

圖2

圖3

圖4

圖5

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

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

圖1

圖2

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

13、最后添加些色彩繽紛的小圖形作為點(diǎn)綴修飾，使主體更加生動(dòng)可愛(ài)

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

最新評(píng)論