實例解析Photoshop路徑描邊的使用教程

Photoshop的路徑工具和鋼筆工具，很容易被人忽視，功能很強大，一直很低調(diào)。今天咱一塊嘮嘮怎么用路徑和鋼筆，快速繪制簡易線狀圖標，這個看了都能做奧，哪怕是第一天學PS，也能做到。

有人說UI難學，摸不到門路，那就從這一課開始吧。

大背景：扁平化下的極簡主義

自從蘋果家扁平化后，整個世界都扁了。似乎被人們?nèi)恿撕芫玫臉O簡主義，一夜之間又流行起來了。看了下面的，是不是很清新，很直接呀。這樣的圖標適用于底部的標簽欄中，及其頂部的左右按鈕上。也許有人會說：這也叫圖標，不就是些線條嘛嘛。呵呵，可別說，現(xiàn)在很多人就是好這口。在這樣一個信息爆炸，App滿天飛的年代，高效簡潔自然有市場。扁平化代表了高效，我就是我，不需要多余的思考。

一、任務(wù)

這些線性圖標難做嗎?讓我們分析一下它們的結(jié)構(gòu)。尺寸規(guī)格：一般線條為2px，也有的加強為3px的。風格：線條簡單，圖形指示意義明確。

2px的圖標

3px的圖標

二、任務(wù)分析(思考和困難)

繪制不難，怎么快速繪制才是關(guān)鍵。

大家思考一下，這個線形圖標是怎么做出來的呢?

很多同學會想用Illustrator進行繪制圖形，但這樣并不方便。在AI可能會出現(xiàn)繪制完后拖到PS中進行調(diào)整，會導(dǎo)致邊緣線的大小變化，容易導(dǎo)致像素對不齊等情況。在迭代過程中不好保證圖標描邊大小的統(tǒng)一性，只能一個一個的到AI中進行更改非常的麻煩。折騰了半天畫個線性圖標，實在有些浪費。

如果用PS可行嗎?先不要馬上否定，好好想想路徑工具和鋼筆工具。

是用圖層樣式?選擇工具?有人想到了樣式描邊的方法。貌似不行，因為未封閉的圖標，用樣式描邊做出來卻是封閉的...

那么問題來了，用封閉路徑制作出來的圖標在進行縮放時形狀也會相應(yīng)的等比縮放，這樣會導(dǎo)致在需要不同大小的圖形時，因縮放還需反復(fù)調(diào)整圖標的路徑邊緣才能保證圖標線條的一致性。因為整套圖標要求線條都相對統(tǒng)一，調(diào)來調(diào)去太浪費青春!