描邊圖標,設(shè)計描邊風格圖標教程

來源:站酷 作者:heyyer 學習:5795人次

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

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

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

tgudhdp.cn_04095SF9-0.jpg

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

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

tgudhdp.cn_04095T9C-1.jpg

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

tgudhdp.cn_04095SD8-2.jpg

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

tgudhdp.cn_04095T929-3.jpg

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

tgudhdp.cn_04095T092-4.jpg

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

tgudhdp.cn_04095V414-5.jpg

如下圖↓

tgudhdp.cn_04095Q162-6.jpg

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

tgudhdp.cn_04095W593-7.jpg

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

tgudhdp.cn_04095VI3-8.jpg

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

學習 · 提示

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

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

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