矢量圖標,Photoshop繪制矢量圖標的6個實用小技巧

2021-02-01 10:53:04 來源/作者: 互聯網 / 欣博 己有:630人學習過

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

  第一劍 少商劍 形狀圖層

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

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

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

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

Photoshop繪制矢量圖標的實用小技巧

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

Photoshop繪制矢量圖標的實用小技巧

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

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

Photoshop繪制矢量圖標的實用小技巧

Photoshop繪制矢量圖標的實用小技巧

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

  第二劍 中沖劍 自定義形狀工具

  特點:大開大闔,氣勢雄邁

  PS里內置了非常多的形狀,很多基礎圖形不需要自己繪制,直接在使用相應的圖形即可。

Photoshop繪制矢量圖標的實用小技巧

  首先新建一個圖層,然后使用多邊形工具,選擇3邊

Photoshop繪制矢量圖標的實用小技巧

  然后用形狀圖層工具繪制一個三角形

Photoshop繪制矢量圖標的實用小技巧

  如圖:

Photoshop繪制矢量圖標的實用小技巧

  第三劍 商陽劍 布爾運算

  特點:巧妙靈活,難以捉摸。

  一些復雜的圖形,都是靠各種圖形相加相減得到的。所以我們需要靈活運用布爾運算工具,來達到組合最終圖形的目的。

標簽(TAG) 矢量圖 矢量 標的