描邊圖標(biāo),設(shè)計描邊風(fēng)格圖標(biāo)教程

2022-12-26 11:05:58 來源/作者: / 己有:23人學(xué)習(xí)過

這樣風(fēng)格的圖標(biāo)其實很簡單的,用PS 和 AI 都能做,但是如果不考慮像素級的話呢,用AI 會快很多。

下面是隨便找了一個圖形參考的,步驟可能會很啰嗦也很多哦,辛苦觀看。淚目::>_<::

1、新建【Dribbble牌】畫布800x600

_04095SF9-0.jpg

顏色模式、分辨率別選錯哦。

2、用矩形工具畫一個矩形

_04095T9C-1.jpg

3、選擇參數(shù),將填充去掉,打開描邊,像素點自行選擇。

_04095SD8-2.jpg

4、調(diào)整一下描邊的形式,【對齊】自行選擇【端點】和【角點】一般都選擇圓角

_04095T929-3.jpg

5、得到以下形狀后,用鋼筆工具,在紅色箭頭區(qū)域點幾個錨點,間距自行選擇。

_04095T092-4.jpg

6、用直接選擇工具,框選兩個錨點之間。

_04095V414-5.jpg

如下圖↓

_04095Q162-6.jpg

7、然后按鍵盤上的刪除鍵 delete,就得到以下形狀。

_04095W593-7.jpg

8、再畫一個矩形,設(shè)置如下,關(guān)閉描邊,打開填充。

_04095VI3-8.jpg

9、隨便選擇一個顏色,拖動到描邊矩形中,注意黃色矩形與描邊矩形的間距是否一致。