Photoshop CS6的描邊功能(譯)
譯者注:這篇文章主要是探討Photoshop cs6中增強(qiáng)的形狀描邊功能與傳統(tǒng)的圖層樣式描邊之間的異同。通過對(duì)比我們可以更清楚的看二者的區(qū)別,更重要的是加深了我們對(duì)工具的認(rèn)識(shí),可以更好的發(fā)揮創(chuàng)意和提高效率。
本文在翻譯的時(shí)候?yàn)榱朔蠂说拈喿x的習(xí)慣,有少數(shù)地方略作修改。很敬仰大設(shè)計(jì)師Marc Edwardshttp://dribbble.com/bjango,在和他聊twitter的過程中被他的專業(yè)精神和折騰精神折服,以后會(huì)跟大家分享更多他的文章。
在PS CS6中有兩種方法為形狀圖層賦予描邊效果——通過添加圖層樣式,這是從ps 6.0時(shí)代以來就有的古老功能,而不是現(xiàn)在的cs6(譯者注:cs6的版本號(hào)是13);或者是通過全新的形狀工具選項(xiàng)。乍一看,二者有些類似,但是仔細(xì)研究就會(huì)發(fā)現(xiàn)他們還是有顯著的不同的。
更高的描邊質(zhì)量
在用圖層樣式做描邊效果時(shí),如果用到較大的數(shù)值,描邊往往會(huì)成為成段的曲線(譯者注:內(nèi)描邊除外)。然而,通過矢量描邊我們可以得到完美的結(jié)果。我猜測這是因?yàn)?,矢量描邊是由原始的矢量形狀圖層數(shù)據(jù)而來,而圖層樣式的描邊是由該形狀的位圖蒙版而來。二者采用的是完全不同的技術(shù),這樣就可以想明白了。
那么,當(dāng)描邊數(shù)值較小時(shí)二者差別大嗎?實(shí)踐表明,這時(shí)候的差別是細(xì)微的。(如以下gif圖示)
(譯者著:低數(shù)值的描邊可用于精確地圓角制作)
還要說明的就是,矢量描邊的數(shù)值可以是非整數(shù),所以你可以在一個(gè)非視網(wǎng)膜輸出設(shè)備的效果圖文件中使用0.5px的描邊,然后它可以精確的為視網(wǎng)膜輸出設(shè)備放大為1px。圖層樣式描邊數(shù)值只能為整數(shù),所以在改變文件大小時(shí)可能會(huì)出現(xiàn)舍入誤差。
更好的蒙版羽化(mask feathering behaviour)表現(xiàn)
當(dāng)形狀使用蒙版羽化功能時(shí),形狀的描邊也會(huì)產(chǎn)生模糊效果,但圖層樣式的描邊效果不會(huì)因此模糊(譯者注:經(jīng)測試發(fā)現(xiàn),外部描邊時(shí)形狀會(huì)放大變形,內(nèi)部描邊時(shí)描邊會(huì)模糊,填充會(huì)縮小變形)。這說不上好與壞,可以實(shí)現(xiàn)不同的效果嘛。
更好的角點(diǎn)功能
根據(jù)PS的工作原理,圖層樣式描邊都是圓或者圓角的(譯者注:內(nèi)部描邊除外)。但是形狀描邊可以是圓角,斜面,或者斜角(譯者注:此處改變了下順序,和下圖中依次對(duì)應(yīng))。斜面我用的很少,但斜接還是很棒的功能?。ㄗg者注:斜接描邊我們可以采用內(nèi)部描邊,但填充尺寸會(huì)相應(yīng)減?。?。
更大的描邊數(shù)值
圖層樣式描邊數(shù)值最大可以設(shè)置為250px,形狀描邊最大值可以設(shè)置為288px,險(xiǎn)勝。你甚至還可以先給形狀施加描邊,再擴(kuò)大圖像大小來巧妙的將矢量描邊放大(測試最大為1600px甚至更高)。(譯者注:偏愛用描邊功能的朋友可以給該形狀單獨(dú)分個(gè)組,再給這個(gè)組描邊,不就500px了嗎,不夠我們再加?。?/p>
開放路徑的描邊
除了多樣的路徑邊角效果,形狀描邊還支持開放路徑描邊,圖層樣式中的描邊用腳趾頭想想就不可以(譯者注:如果對(duì)開放路徑使用圖層樣式我們會(huì)得到封閉的描邊)。
神奇的虛線描邊
矢量描邊可以是虛線,而且該虛線可以和形狀的蒙版羽化功能同時(shí)使用。我們同樣可以使用漸變描邊,并且描邊可以使用透明效果,這簡直太棒了!
迸發(fā)狀描邊
這樣看來,大家貌似都會(huì)毫不猶豫的在PS cs6中使用形狀描邊了,但是圖層樣式描邊也不是吃白飯的——這里不得不提到圖層描邊的一個(gè)極其隱蔽的殺手級(jí)功能——迸發(fā)狀描邊(shape burst gradient stroke)。(譯者注:推薦大家看看這個(gè)視頻:http://my.tv.sohu.com/u/vw/23174028學(xué)習(xí)這一大多數(shù)PSer都不了解的killer skill, 感謝 飛魚的聲納http://startwmlife.com/)使用這個(gè)功能我們可以輕松的做出如下的圖像效果
迸發(fā)狀漸變描邊的漸變效果可以沿路徑分布,專做這類復(fù)雜效果!
描邊透明度
圖層樣式描邊可以為描邊顏色添加自己的透明度,而形狀描邊只能通過漸變描邊修改兩端的不透明值來實(shí)現(xiàn),顯得麻煩了。
譯者吐槽:圖層樣式描邊可以使用圖層混合模式;如果是漸變描邊的話還可以使用仿色。另外,形狀描邊在左上角,個(gè)人感覺那塊區(qū)域有點(diǎn)遠(yuǎn)…
本文地址:http://m.likemindfilms.com/tutorial/ps1372.html
- 專訪:石墨文檔產(chǎn)品總監(jiān)羅穎
- UI設(shè)計(jì)不得不知的移動(dòng)端UI尺寸適
- 光音移動(dòng)設(shè)計(jì)規(guī)范 — 表單類
- 體驗(yàn)設(shè)計(jì)中的排序問題
- 網(wǎng)頁設(shè)計(jì)精粹 網(wǎng)頁中那些迷人的按
- aliued:響應(yīng)式設(shè)計(jì)的現(xiàn)狀與趨勢
- 10個(gè)智能對(duì)象處理的ps技巧
- 網(wǎng)頁UI - 原子設(shè)計(jì)理論(上)
- 如何通過設(shè)計(jì)提升banner點(diǎn)擊率?
- 晉小彥視覺設(shè)計(jì)系列文章(二):全屏