矢量圖標(biāo)，Photoshop繪制矢量圖標(biāo)的6個(gè)實(shí)用小技巧

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

　　第一劍 少商劍 形狀圖層

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

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

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

　?、?工具模式選擇路徑，一定要選擇路徑，而不是形狀，因?yàn)橹苯由傻男螤詈诤鹾跻淮笃?，非常不利于二次編輯路徑?/p>

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

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

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

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

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

　　特點(diǎn)：大開(kāi)大闔，氣勢(shì)雄邁

　　PS里內(nèi)置了非常多的形狀，很多基礎(chǔ)圖形不需要自己繪制，直接在使用相應(yīng)的圖形即可。

　　首先新建一個(gè)圖層，然后使用多邊形工具，選擇3邊

　　然后用形狀圖層工具繪制一個(gè)三角形

　　如圖：

　　第三劍 商陽(yáng)劍 布爾運(yùn)算

　　特點(diǎn)：巧妙靈活，難以捉摸。

　　一些復(fù)雜的圖形，都是靠各種圖形相加相減得到的。所以我們需要靈活運(yùn)用布爾運(yùn)算工具，來(lái)達(dá)到組合最終圖形的目的。