描邊圖標(biāo),快速設(shè)計描邊小圖標(biāo)教程

2022-12-26 17:45:49 來源/作者: / 己有:20人學(xué)習(xí)過

描邊圖標(biāo),快速設(shè)計描邊小圖標(biāo)教程

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

描邊圖標(biāo),快速設(shè)計描邊小圖標(biāo)教程
<點圖片看大圖>

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

描邊圖標(biāo),快速設(shè)計描邊小圖標(biāo)教程
<點圖片看大圖>

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

描邊圖標(biāo),快速設(shè)計描邊小圖標(biāo)教程
<點圖片看大圖>

描邊圖標(biāo),快速設(shè)計描邊小圖標(biāo)教程
<點圖片看大圖>

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

描邊圖標(biāo),快速設(shè)計描邊小圖標(biāo)教程

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

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

描邊圖標(biāo),快速設(shè)計描邊小圖標(biāo)教程

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

描邊圖標(biāo),快速設(shè)計描邊小圖標(biāo)教程
<點圖片看大圖>