12-8 應用路徑(4)
到目前為止我們還不知道路徑究竟有什么實用價值。畫是畫出來了,能做些什么呢?路徑的應用可以分為兩大用途,一是點陣應用,二是矢量應用。
在這里要提醒大家記住的是,一個選區(qū)對圖像而言也是沒有任何實際效果的,除非我們利用這個選區(qū)去填充顏色或建立蒙版等操作,選區(qū)才算是發(fā)揮了作用。同樣,單純的路徑對于圖像來說也沒有任何效果。雖然在Photoshop中可以看到路徑,但保存為其他的圖像格式(如jpg、gif、bmp等)時,路徑形同虛設。一定要將路徑加以應用才能對圖像產生實質性的影響。
另外,如果要保存路徑信息,應該將圖像存儲為PSD文件格式,正如同要保存圖層信息一樣。保存為其他的圖像格式則無法保留。所以大家要注意保存好PSD源文件。
點陣應用最通常的就是將其轉為選區(qū)。我們知道,普通的選區(qū)工具很難創(chuàng)建曲線型邊緣,而路徑則可以很容易地建立。但這種用途也喪失了路徑在修改上的優(yōu)勢。路徑之所以優(yōu)秀有兩大原因,一是因為可以創(chuàng)建曲線。二就是因為其修改方便。
首先想一下,我們將選區(qū)用在什么地方呢?在以往的學習中,最早是利用選區(qū)對圖像進行填充顏色,或局部色彩調整,后來升級到利用選區(qū)建立填充圖層和色彩調整層。這兩種圖層的優(yōu)點這里就不再重復介紹了。往更深層思考,這兩種圖層其實都是帶著蒙版的,由蒙版對填充層或調整層的面積進行控制。那么歸根結底,是將選區(qū)轉為了蒙版。后來我們又將蒙版擴展為對普通的圖層進行控制?梢哉f,在現(xiàn)實的制作中,尤其在圖像合成類型的設計稿中,只要有圖層就幾乎伴隨著蒙版。
除了蒙版以外,選區(qū)的另外一個可見的應用就是描邊。先預設好畫筆,然后通過【編輯_描邊】來完成。但我們并不注重這個功能,因為選區(qū)一定是封閉的,選區(qū)描邊出來的線條也都是封閉的。那么在大多數情況下就可以通過圖層樣式來實現(xiàn)。圖層樣式快速、可修改的優(yōu)勢是普通的描邊無法比擬的。
當然,選區(qū)描邊也并非一無是處,因為它是以畫筆設定為基礎的,可以營造出圖層樣式不能實現(xiàn)的效果。比如可以設定較大的間距實現(xiàn)點線的效果;蛘咴O定直徑漸隱來實現(xiàn)由粗到細的效果。還可以指定其他的筆尖形狀(類似樹葉、稻草等)。只是這一類效果在網頁設計中很少被使用。
總結起來,在Photoshop中,選區(qū)的最大價值在于建立蒙版。那么如果需要將路徑轉為選區(qū),其目的大多數也是為了建立蒙版。此外路徑也可以用來描邊,由于路徑允許是開放的,因此描出來的邊也可以是一條開放線段。這比起選區(qū)來就更具有靈活性。但描邊屬于點陣應用,因為描邊的成品存放于普通圖層中,不再具備矢量特性。
1241那現(xiàn)在我們就來學習一下如何將路徑轉為選區(qū)。首先在路徑調板中確認是否正確選擇了路徑組,然后點擊下左圖紅色箭頭處的按鈕即可轉為選區(qū)。或者〖CTRL_回車〗,也可以按住CTRL單擊路徑調板中的縮略圖,就會看到選區(qū)被創(chuàng)建。此外,點擊路徑調板右上角的圓三角按鈕后選擇“建立選區(qū)”,則會出現(xiàn)如下右圖的設置框,其中各選項的作用大家應該都能明白,這里就不再介紹了。需要注意的是,如果路徑是開放的,那么相當于將兩個端點之間以直線連接后創(chuàng)建選區(qū)。
1242此外,路徑調板中的按鈕功能是描邊。
按鈕則是填充顏色。點擊圓三角按鈕后出現(xiàn)相應的設置框。這兩者都屬于點陣應用,點陣就意味著是作用于圖層的,因此還要正確地選擇圖層。
-
事實上不必通過選區(qū),路徑可以直接作為圖層的蒙版,并保留可編輯性。比起描邊填充和轉為選區(qū),這才是路徑最主要的應用。
首先創(chuàng)建一個路徑,如下圖。錨點的繪制順序為數字所標(大家可自定順序)。注意錨點4其實是一個半曲線錨點,就是在繪制之后,接著就按住ALT鍵單擊該錨點,刪除錨點的去向方向線。這樣下一個繪制出來的錨點5也是直線型錨點,因此沒有方向線顯示出來。而錨點5與錨點1之間的片斷15還是曲線,因為錨點1具有兩條方向線。
在繪制的過程中有些方向線或錨點可能超出畫面范圍,尤其在圖像邊緣繪制時。此時可以適當拉大圖像窗口方便操作。注意不是放大圖像,放大圖像并不能在圖像周圍留出空隙。
需要注意的是,選區(qū)在創(chuàng)建時是不可能超出圖像之外的,但路徑卻可以。不過這對于應用后的實際效果來說,并無影響,不用擔心會超出原有圖像的邊界。大家也可以自己嘗試描邊和填充 。
1243確保路徑處于顯示狀態(tài),通過【圖層_矢量蒙版_當前路徑】即可為圖層創(chuàng)建矢量蒙版,如下左圖。圖層調板如下中圖所示,注意紅色箭頭處的蒙版縮略圖,不是點陣蒙版通常的黑白圖像,而是灰色與白色。注意背景圖層是無法創(chuàng)建蒙版的,將其轉為普通圖層最快速的方法是:按住ALT鍵雙擊圖層調板中的背景圖層。
點陣蒙版的白色表示圖層顯示區(qū)域,黑色表示隱藏區(qū)域。矢量蒙版也是用白色表示顯示,而使用灰色表示隱藏,主要是為了在調板中避免兩者縮略圖的混淆。
我們還注意到在圖像中顯示著路徑的曲線,這是因為矢量蒙版處于被選擇狀態(tài),處于選擇狀態(tài)表示可以對其進行修改。單擊矢量蒙版縮略圖就可以將其取消,取消后的路徑調板如下右圖。此時圖像中的路徑就消失了。
需要注意的是,即使矢量蒙版如下右圖那樣并未處于選擇狀態(tài),但鼠標在其上方停留一段時間后畫面中也會顯示出路徑,鼠標移開即消失。如果要編修改矢量蒙版的路徑,應該如下中圖那樣將其選擇。
-
-
1244與點陣蒙版相同,矢量蒙版也存在著與圖層的鏈接關系。鏈接關系體現(xiàn)在各種變換(如移動、旋轉等)上。點擊兩者縮覽圖之間的鎖鏈標志就可解除鏈接。這樣兩者可以各自進行變換操作。但需要注意的是,在“點陣蒙版時代”,需確認目前選擇的是圖層還是蒙版,然后用移動工具〖V〗進行操作。但移動工具是無法移動路徑的。這樣在“矢量蒙版時代”,無論你選擇的是圖層還是矢量蒙版,只要是移動工具,就無法單獨移動路徑。
若要移動路徑,應使用路徑選擇工具〖A/SHIFT_A〗去完成,當然前提是路徑必須處于顯示狀態(tài)。事實上,無論矢量蒙版與圖層的鏈接關系是否存在,路徑選擇工具都可以單獨移動蒙版中的路徑(蒙版中的路徑需處于顯示狀態(tài)),也就是說圖層與蒙版的鏈接限制對路徑選擇工具是無效的。
細心的讀者可能會聯(lián)想到一個問題,那就是在學習選區(qū)和蒙版時候所遇到過的鋸齒邊問題。如果創(chuàng)建選區(qū)的時候沒有開啟抗鋸齒,在將其作為蒙版之后,會在隱藏與顯示的區(qū)域分界上出現(xiàn)鋸齒現(xiàn)象。路徑工具沒有抗鋸齒的選項,那么將其作為蒙版之后,是否出現(xiàn)鋸齒效果呢?
驗證的過程很簡單,就是在下方建立一個色彩填充層(注意不能在有選區(qū)或路徑的前提下),可以用對比強烈的顏色(如反轉色)以突出效果。結果如下左圖所示,不難看出路徑蒙版的邊緣與背景融合得很好。紅色區(qū)域的局部放大如下右圖,可以看到邊緣部分實際上是有淡化過渡效果的。
-
我們所說的“將路徑轉為選區(qū)”其實是不確切的,因為轉變意味舊滅新生,如“繭轉變?yōu)槎?rdquo;。確切的說法應該是“利用路徑建立了選區(qū)”,在選區(qū)建立后原先的路徑仍然還顯示在路徑調板中,并沒有消失。矢量蒙版也是一樣。
在以往所學的所有知識中,我們習慣性地認為:位于Photoshop圖層中的內容(包括蒙版)都是點陣的。這個想法現(xiàn)在要加以修正,因為矢量蒙版本身攜帶矢量信息又依附于圖層,因此圖層中的內容就也就包含了矢量。
“利用路徑建立矢量蒙版”的操作,實際上是復制了一條路徑出來存放于相應的圖層中,它與原先的路徑沒有依存關系,將原先的路徑刪除也不會對它有影響。平時在路徑調板中,可能看不到矢量蒙版路徑的存在。當帶有矢量蒙版的圖層被選擇時,才會在路徑調板中顯示。取消圖層選擇后,又會從路徑調板中消失。如下2圖的對比。
需要注意的是,以下左圖的狀態(tài)為前提,如果點擊了“圖層0”的矢量蒙版縮覽圖,則該路徑會自動處于選擇狀態(tài),就如下右圖。此時可對其進行修改等操作。如果只是點擊了“圖層0”的縮覽圖,則矢量蒙版的路徑雖然也會在路徑調板中顯示,卻不會像下右圖那樣處于選擇狀態(tài)。這樣如果此時要對其進行修改,還需要再次點擊一下矢量蒙版縮覽圖才可。兩者的區(qū)別雖然不大,但也能為操作節(jié)省時間。
-
現(xiàn)在又有了更多的問題:矢量蒙版能否取代點陣蒙版?矢量與點陣蒙版能否同時使用?如果可以同時使用,那么當兩者所指定的隱藏區(qū)域不同時又該如何處理?
1245先回答第一個問題:不能。在點陣蒙版中可以輕易實現(xiàn)多重半透明,最簡單的就是制作黑白漸變的蒙版,得到一個不透明度漸變的效果。如下圖。這種多重不透明度稱為Alpha透明,也稱作Alpha通道(意指可容納多個不透明度級別,如常見的256級)。大家現(xiàn)在動手把它做出來,因為接著要用到。
而矢量蒙版只能簡單地將圖層內容控制為隱藏或顯示,即要么完全看的見,要么完全看不見。無法提供更豐富的變化。如果不是這個原因,矢量蒙版是可以完全替代點陣蒙版的。
1246在已有了一個點陣蒙版的基礎上,使用矩形工具〖U/SHIFT_U〗,以路徑方式
在圖像中畫出一個矩形封閉路徑,如下左圖。然后點擊圖層調板下方的建立蒙版按鈕
。就會看到如下右圖的效果,一個圖層中有兩個蒙版同時存在。兩個蒙版的位置與建立先后順序沒有關系,位于左方的是點陣蒙版,右方的是矢量蒙版。這樣就解答了第二個問題。
對于圖層而言,現(xiàn)在同時受到兩個蒙版的控制。如果兩者中有任何一個指定某區(qū)域為隱藏(即位于矢量蒙版路徑范圍之外,或在點陣蒙版中為黑色),那么該區(qū)域就為隱藏狀態(tài)。這是一種邏輯“或”關系,即所有條件中一個條件成立就算數。而圖層中所顯示的區(qū)域,必須既在點陣蒙版中為白色,又同時位于矢量蒙版的路徑范圍之內。這是一種邏輯“與”關系,即所有條件同時成立才算數。
與民主機構的“一票否決制”類似,大家可以把這個特點簡要記憶為“一票隱藏制”。
-
1247剛才我們使兩個蒙版的內容不同,是為了講解的需要,實際這樣做并無意義。兩者應配合使用,取長補短地作用于圖層。矢量的長處是曲線、任意修改、縮放不失真。點陣的長處是支持Alpha透明。那么在通常的情況下,應該以矢量蒙版為主去控制圖層的顯示區(qū)域,而用點陣蒙版在路徑范圍之內制作羽化或半透明效果。如下左圖就顯示了這種配合的效果。圖層調板內容如下中圖所示。
-
如果準備利用點陣蒙版在圖層顯示區(qū)域的邊緣制作羽化效果,可參考這樣一條思路:先利用路徑建立矢量蒙版,再建立一個全白的點陣蒙版。使路徑處于顯示狀態(tài),在路徑調板中使用描邊功能即可。如下2圖所示。
當然,要注意設定好相應的畫筆和前景色。并且描邊的時候要確認選擇了點陣蒙版,不要將邊描到了圖層中。
-
還記得在早期教程中作過的一個設計稿么,如下左圖。其中使用了蒙版對色相飽和度調整層進行控制,如下中圖。這個蒙版是通過選區(qū)創(chuàng)建的。為了得到蒙版的弧線,當時是用橢圓選區(qū)減去矩形選區(qū)完成的,F(xiàn)在學會了路徑,做這樣的蒙版就是小菜一碟了。如下右圖,通過對矩形路徑添加錨點并移動些許,就完成了蒙版制作。
現(xiàn)在大家就自己動手對原先的蒙版進行“升級”吧:將原先的點陣蒙版刪除,用繪制好的路徑作為調整層的矢量蒙版。不過要注意圖像下方還有一塊矩形區(qū)域,應該使用添加方式在矢量蒙版中相應位置畫一個矢量矩形。
-
-
矢量化的蒙版可以提供給我們更加豐富的創(chuàng)作空間,現(xiàn)在通過修改路徑,我們可以做出如下左圖的效果。如下右圖顯示出了矢量蒙版的形狀。注意在修改過程中有些錨點或方向線可能會超出圖像尺寸,此時可以將圖像窗口拉大一些方便操作。
-
其實,路徑蒙版最經常應用的地方并不是像上面那樣去搶點陣蒙版的飯碗,它的最大價值在于為填充圖層建立蒙版,使我們可以在圖像中繪制出所需要的色塊。色塊在網頁設計中是很常用的,比如欄目標題或導航菜單,都是由色塊加工而來的。我們在學習圖層樣式的時候也提到過“色塊加圖層樣式”的制作手法。
回憶一下,在“古代”繪制一個矩形,要新建空白圖層,接著創(chuàng)建矩形選區(qū)后再填色。后來在“近代”我們學習了色彩填充層,以上步驟就簡化為:創(chuàng)建矩形選區(qū)后建立填充層。相比前者,這樣的好處是以后可以隨意更改填充色。但兩者的蒙版其實都屬于點陣類型,如果對色塊進行變換操作,則可能會損失圖像的質量。矢量在變換中是無損的,所以在“現(xiàn)代”我們就可以建立矢量填充層來滿足需要。
1248按照一般的思路,創(chuàng)建帶有矢量蒙版的填充層,是在路徑方式下(頂部公共欄顯示為)先畫好路徑并保持顯示狀態(tài),然后點擊圖層調板下方的
按鈕建立純色填充層。其實Photoshop已經考慮到會經常有這樣的需要,因此提供了形狀圖層繪制方式,即頂部公共欄中的
方式,如下左圖。在此方式下繪制路徑,將自動建立一個帶矢量蒙版的純色(以前景色為準)填充層。
1249在學習路徑以前,為了避免混淆,我們在課程中都只使用到填充像素的方式。相信有許多讀者曾對此感到困惑,現(xiàn)在這些問題就迎刃而解了。Photoshop路徑的繪圖方式其實也可以理解為表現(xiàn)形式,總有3種(鋼筆工具只有前兩種),可在頂部的公共欄中選擇。分別為:
形狀圖層:直接對圖像產生影響。攜帶矢量信息。與圖層選擇無關。所繪制的路徑將自動被應用,成為新建純色填充層的蒙版。
路徑:對圖像不產生影響。攜帶矢量信息。與圖層選擇無關。單純繪制路徑,不做其他應用。
填充像素:直接對圖像產生影響。不攜帶矢量信息。與圖層選擇有關。所繪制的路徑將自動轉為圖層中的點陣色塊。
至于它們的應用范圍,大體上以形狀圖層為主,因為其可以產生矢量化的色塊方便進行變換和修改。若再為其添加圖層樣式,則就是網頁設計中常用的制作手法。其次是路徑
,主要用在除了蒙版以外的矢量用途,如創(chuàng)建選區(qū)和描邊等。填充像素
方式應盡可能少使用,因為其畫面效果與形狀圖層完全一樣,但不具備形狀圖層的矢量和隨時更改填充顏色的功能。即使在一些必須使用點陣圖層的時候(如使用濾鏡),形狀圖層也可以通過柵格化轉為普通的點陣圖層。況且直接對一個色塊使用濾鏡的機會并不多。所以從理論及實踐上來看,可以用形狀圖層取代填充像素。
學習 · 提示
相關教程