矢量工具,制作矢量圖標(biāo)的六個(gè)小技巧

2022-12-26 18:48:39 來源/作者: / 己有:110人學(xué)習(xí)過

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

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

第一劍 少商劍 形狀圖層

特點(diǎn):劍路雄勁,頗有石破天驚,風(fēng)雨大至之勢(shì)。

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

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

② 工具模式選擇路徑,一定要選擇路徑,而不是形狀,因?yàn)橹苯由傻男螤詈诤鹾跻淮笃浅2焕诙尉庉嬄窂健?/p>

_0356163F8-0.jpg

③ 形狀屬性面板中可以設(shè)置圓角。

_0356162G4-1.jpg

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

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

_0356164232-2.jpg

_03561BA8-3.jpg

一個(gè)矢量的圓角矩形就畫好了。