當前位置:首頁>ps入門教程>ps基礎教程>工具教程>教程內(nèi)容

矢量工具,制作矢量圖標的六個小技巧

來源:優(yōu)設 作者:鳳尾竹 學習:38352人次

分別講解幾個做矢量圖片相關的工具,分別是形狀圖層、自定義形狀工具、布爾運算、分層繪制、路徑選擇工具、鋼筆工具

今天竹子要介紹的這6個圖標繪制招數(shù),簡單易懂,但功效卓著。久習可得奇效,達到任何矢量圖形都易如反掌,無論各種橫的,豎的,奇形怪狀的圖形都信手拈來。(以下界面演示以Photoshop CC為演示工具)

第一劍 少商劍 形狀圖層

特點:劍路雄勁,頗有石破天驚,風雨大至之勢。

PS是一個像素處理軟件,可以做到和AI一樣繪制各種復雜的矢量圖形。有讀者會問為什么不用AI,而要學習PS繪制路徑,因為PS才是適合UI設計的工具軟件,且各種圖形PS可以做到像素對齊,AI繪制的路徑導入PS還是要二次調(diào)節(jié)。所以下面教你如何通過形狀圖層來繪制矢量圖標。

① 前景色選擇黑色,前景選擇的顏色就是繪制出形狀圖層的顏色

② 工具模式選擇路徑,一定要選擇路徑,而不是形狀,因為直接生成的形狀黑乎乎一大片,非常不利于二次編輯路徑。

www.theoat.com.cn_0356163F8-0.jpg

③ 形狀屬性面板中可以設置圓角。

www.theoat.com.cn_0356162G4-1.jpg

這是Photoshop CC版本中一個非常棒的功能。尤其是對UI設計師而言。形狀屬性位于屬性面板中,我們可以自由設置各種參數(shù)。

例如:圖形尺寸、填充顏色、描邊顏色、描邊寬度、描邊樣式(包括虛線、對齊方式、線段端點和合并類型)、圓角半徑選項(對橢圓形不可用)

www.theoat.com.cn_0356164232-2.jpg

www.theoat.com.cn_03561BA8-3.jpg

一個矢量的圓角矩形就畫好了。

學習 · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習時,大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時隨地,想學就能學:ps_bbs,或掃右側(cè)二維碼!
  • 關注我們學更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
染年涼城似染瑾2018-12-17 01:28
回復支持一下樓主
[emoji:03be]果馨[emoji2018-12-01 10:49
作業(yè)呢?
花開、誰笑2018-11-30 03:25
作業(yè)呢?
飄血2016-07-08 12:07
太基礎了,沒什么學習價值,浪費時間。
飄血2016-07-08 12:00
太基礎了,沒什么學習價值,浪費時間。
相守夢傾盡2016-05-15 03:39
感謝樓主
路西法仰慕者2016-05-15 01:10
都沒人回復
讓愛奔跑2016-05-14 11:29
一會交作業(yè)
留下緣分2016-05-14 09:36
要交作業(yè)嗎?
依賴沉默2016-05-14 05:14
做不出來呀
顛簸有點亂2016-05-14 05:14
我要交作業(yè)
隱于我2016-05-14 03:13
怎交作業(yè)?
夢或痛或心痛oO2016-05-14 12:30
回復支持一下樓主
余悸cc2016-05-14 10:31
太難了
騎自行車游敖漢2016-05-14 09:45
作業(yè)呢?

關注大神微博加入>>

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