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

來源:站酷 作者:heyyer 學(xué)習(xí):5795人次

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

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

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

www.tgudhdp.cn_04095SF9-0.jpg

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

2、用矩形工具畫一個(gè)矩形

www.tgudhdp.cn_04095T9C-1.jpg

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

www.tgudhdp.cn_04095SD8-2.jpg

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

www.tgudhdp.cn_04095T929-3.jpg

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

www.tgudhdp.cn_04095T092-4.jpg

6、用直接選擇工具,框選兩個(gè)錨點(diǎn)之間。

www.tgudhdp.cn_04095V414-5.jpg

如下圖↓

www.tgudhdp.cn_04095Q162-6.jpg

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

www.tgudhdp.cn_04095W593-7.jpg

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

www.tgudhdp.cn_04095VI3-8.jpg

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

學(xué)習(xí) · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時(shí),大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時(shí)隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
用戶80339251982019-03-02 12:03
第20步能不能稍微解釋清楚一點(diǎn)。似乎我并沒有辦法做到。。。
昵昵星人2016-04-26 02:09
頂_頂2016-04-23 03:20
第20步能不能稍微解釋清楚一點(diǎn)。似乎我并沒有辦法做到。。。

關(guān)注大神微博加入>>

網(wǎng)友求助,請回答!