實(shí)例解析Photoshop路徑描邊的使用教程
Photoshop的路徑工具和鋼筆工具,很容易被人忽視,功能很強(qiáng)大,一直很低調(diào)。今天咱一塊嘮嘮怎么用路徑和鋼筆,快速繪制簡(jiǎn)易線狀圖標(biāo),這個(gè)看了都能做奧,哪怕是第一天學(xué)PS,也能做到。
有人說UI難學(xué),摸不到門路,那就從這一課開始吧。
大背景:扁平化下的極簡(jiǎn)主義
自從蘋果家扁平化后,整個(gè)世界都扁了。似乎被人們?nèi)恿撕芫玫臉O簡(jiǎn)主義,一夜之間又流行起來了??戳讼旅娴?,是不是很清新,很直接呀。這樣的圖標(biāo)適用于底部的標(biāo)簽欄中,及其頂部的左右按鈕上。也許有人會(huì)說:這也叫圖標(biāo),不就是些線條嘛嘛。呵呵,可別說,現(xiàn)在很多人就是好這口。在這樣一個(gè)信息爆炸,App滿天飛的年代,高效簡(jiǎn)潔自然有市場(chǎng)。扁平化代表了高效,我就是我,不需要多余的思考。
一、任務(wù)
這些線性圖標(biāo)難做嗎?讓我們分析一下它們的結(jié)構(gòu)。尺寸規(guī)格:一般線條為2px,也有的加強(qiáng)為3px的。風(fēng)格:線條簡(jiǎn)單,圖形指示意義明確。
2px的圖標(biāo)
3px的圖標(biāo)
二、任務(wù)分析(思考和困難)
繪制不難,怎么快速繪制才是關(guān)鍵。
大家思考一下,這個(gè)線形圖標(biāo)是怎么做出來的呢?
很多同學(xué)會(huì)想用Illustrator進(jìn)行繪制圖形,但這樣并不方便。在AI可能會(huì)出現(xiàn)繪制完后拖到PS中進(jìn)行調(diào)整,會(huì)導(dǎo)致邊緣線的大小變化,容易導(dǎo)致像素對(duì)不齊等情況。在迭代過程中不好保證圖標(biāo)描邊大小的統(tǒng)一性,只能一個(gè)一個(gè)的到AI中進(jìn)行更改非常的麻煩。折騰了半天畫個(gè)線性圖標(biāo),實(shí)在有些浪費(fèi)。
如果用PS可行嗎?先不要馬上否定,好好想想路徑工具和鋼筆工具。
是用圖層樣式?選擇工具?有人想到了樣式描邊的方法。貌似不行,因?yàn)槲捶忾]的圖標(biāo),用樣式描邊做出來卻是封閉的...
那么問題來了,用封閉路徑制作出來的圖標(biāo)在進(jìn)行縮放時(shí)形狀也會(huì)相應(yīng)的等比縮放,這樣會(huì)導(dǎo)致在需要不同大小的圖形時(shí),因縮放還需反復(fù)調(diào)整圖標(biāo)的路徑邊緣才能保證圖標(biāo)線條的一致性。因?yàn)檎讏D標(biāo)要求線條都相對(duì)統(tǒng)一,調(diào)來調(diào)去太浪費(fèi)青春!