雖然PS更傾向于位圖處理軟件桐玻，但是近些年隨著PS的發(fā)展進(jìn)化号杏，矢量工具也變得越來越強(qiáng)大瓤摧，路徑形狀結(jié)合圖層樣式，可以說是UI設(shè)計(jì)師的最愛纵苛。
下面我們就來聊一聊PS十八般武藝的路徑大法剿涮。
首先要明確兩個(gè)概念————位圖和矢量圖。
這兩個(gè)概念是設(shè)計(jì)師的基本知識(shí)攻人，但是對(duì)于很多小白還是不大明白幔虏。
通俗的說，位圖就是我們?nèi)粘Ｋ玫降拇蟛糠謭D片贝椿，比如jpg/png/bmp…，位圖放大一定倍數(shù)就會(huì)模糊失真陷谱。矢量圖不論怎樣放大縮小都不會(huì)失真烙博，但是一般都需要特定的軟件才能夠打開，比如cdr/ai/dwg…烟逊，還有近些年比較流行應(yīng)用在網(wǎng)頁(yè)的svg渣窜。
路徑就與矢量相關(guān)。
我們先看一看路徑的組成宪躯。
上圖就是一條路徑乔宿，包含一條線和多個(gè)節(jié)點(diǎn)（專業(yè)叫錨點(diǎn)），節(jié)點(diǎn)有各自的調(diào)節(jié)桿（賽爾曲線）访雪。
一條路徑通過自帶的節(jié)點(diǎn)數(shù)據(jù)详瑞，定義了線條的位置比例坐標(biāo)，而調(diào)節(jié)桿則定義了路徑線條的走向（夾角）臣缀，點(diǎn)不論放大多少還是點(diǎn)坝橡，只是相對(duì)坐標(biāo)改變了，而調(diào)節(jié)桿還是調(diào)節(jié)桿精置，線條走向也不會(huì)變计寇。
這樣就形成了矢量原理。
扯的可能太深?yuàn)W脂倦，只要理解路徑是點(diǎn)番宁、線、面的關(guān)系就可以了赖阻。
還有“面”蝶押？ 對(duì)，看下面政供。
在PS中可以繪制路徑的就兩個(gè)工具播聪，鋼筆和形狀朽基，而在這兩個(gè)工具下還有一個(gè)很重要的選項(xiàng)————形狀和路徑。
沒錯(cuò)离陶，實(shí)際上形狀就相當(dāng)于“面”稼虎，是可被填充的。
使用這兩個(gè)工具時(shí)招刨，要特別注意你選擇的是繪制路徑還是形狀霎俩。
你可以使用鋼筆工具隨便畫一畫，點(diǎn)很容易沉眶，但是調(diào)節(jié)桿就不是很容易掌握了打却。
PS的選擇工具（那個(gè)箭頭圖標(biāo)），是針對(duì)路徑使用的谎倔，當(dāng)黑色箭頭（路徑選攘鳌）時(shí)是選擇路徑，而白色（直接選绕啊）是選擇路徑節(jié)點(diǎn)的（可以框選）捌肴，Ctrl可以切換兩種箭頭。
路徑（形狀）的繪制很重要藕咏，也很有講究状知，一個(gè)logo、icon美不美觀孽查，跟輪廓線條的繪制很有關(guān)系饥悴，有空我們?cè)賳为?dú)講講線條怎么畫才好。
形狀圖層與路徑的關(guān)系是包含關(guān)系盲再，需要依你的需要使用西设，比如摳圖？那直接畫路徑好了答朋，畫圖標(biāo)logo济榨？那還是直接畫形狀圖層吧。
別看你用的是PS绿映，實(shí)際上路徑的畫法是很多軟件都通用的擒滑，比如AI、犀牛等叉弦。
具體怎么使用我這里不多說丐一，網(wǎng)上大把教程。
下面再聊一聊路徑的“布爾運(yùn)算”淹冰。
實(shí)際上不叫布爾運(yùn)算库车，PSer以前用犀牛叫習(xí)慣了，實(shí)際就是路徑的加減法樱拴。
在鋼筆或形狀工具下柠衍，我們能夠找到上面的圖標(biāo)洋满，里面有很多選項(xiàng)，通過布爾運(yùn)算對(duì)路徑操作就能得到想要的結(jié)果（圖形）珍坊。
有些時(shí)候減不掉牺勾？呵呵，這個(gè)學(xué)問就大了阵漏，這個(gè)屬于PS的暗箱操作之一驻民，路徑是有“層”的！履怯！
在工具頂部欄是不是能找到一個(gè)層級(jí)調(diào)節(jié)的圖標(biāo)回还？（這個(gè)圖標(biāo)也不是很好用，太不具象）叹洲。
告訴你們秘籍吧柠硕，你想讓哪條路徑跑到最上層，就直接Ctrl+X运提，然后Ctrl+V仅叫，因?yàn)楸徽迟N的永遠(yuǎn)是粘到最頂層的。
而布爾運(yùn)算也是上層減下層糙捺。
很多人從來的不清楚路徑是有層級(jí)的，想用好PS路徑笙隙，在大腦養(yǎng)成虛擬的路徑層級(jí)很重要洪灯，畫圖標(biāo)時(shí)也要預(yù)先思考好應(yīng)該先畫那條路徑。
另外竟痰，形狀圖層的路徑與像素也有些密切的關(guān)系签钩，與選區(qū)的原理一模一樣，就不多講了坏快，不理解的去看看我寫的選區(qū)章節(jié)吧铅檩。
最后，在首選項(xiàng)（Ctrl+K）里面有個(gè)特殊的開關(guān)莽鸿，就是像素對(duì)齊昧旨，這個(gè)選項(xiàng)有利有弊，看你需要祥得，所以在使用PS時(shí)兔沃，要不時(shí)的進(jìn)去切換（Adobe咋就不整個(gè)快捷鍵呢？我很納悶兒）级及。
當(dāng)繪制兩個(gè)同心圓（路徑或形狀）時(shí)乒疏，將兩個(gè)圓對(duì)齊，勾選了像素對(duì)齊就可能因?yàn)閮蓚€(gè)圓直徑差存在奇數(shù)而對(duì)不齊饮焦。
盡量保證像素點(diǎn)的對(duì)齊能夠使圖像更清晰明確怕吴，也是設(shè)計(jì)師的基本素質(zhì)之一窍侧，注意是盡量。
一個(gè)對(duì)像素不負(fù)責(zé)的設(shè)計(jì)師不是好司機(jī)转绷！
這個(gè)自行體會(huì)吧~
小白：路徑和形狀圖層能夠相互轉(zhuǎn)換嗎伟件？
PSer：當(dāng)然能，路徑下在菜單的圖層選項(xiàng)下面找到“新建填充圖層”就可以了暇咆，形狀下因?yàn)楸旧硭慕Y(jié)構(gòu)就是路徑锋爪，你需要時(shí)直接拷貝粘貼就好了。
小白：當(dāng)兩個(gè)路徑節(jié)點(diǎn)重疊了怎么選區(qū)爸业？
PSer：直接選取工具點(diǎn)選就可以直接選取上面那個(gè)點(diǎn)其骄，框選就可以選擇全部，要選擇下面的扯旷？還是吧上面的移動(dòng)一下再說吧拯爽。
