編者按：很多朋友問，PS能做矢量嗎？能，路徑或者圖形工具。下面這篇PS路徑的文章，炒雞詳細(xì)，這樣的好文章真應(yīng)該整理分享出來讓大家更好的學(xué)習(xí)PS、PS路徑（此處應(yīng)有掌聲），由于此文超過20000字，所以只能分成兩篇來發(fā)了，下篇請繼續(xù)關(guān)注下次的更新哦。此外，茂趣創(chuàng)意之前發(fā)過一篇《史上最全的PS蒙板教程》，可以在最底下的閱讀原文獲取哦。文末有特別驚喜哦！
溫馨提示：請及時(shí)分享收藏，根據(jù)微信最新搜索規(guī)則，朋友圈內(nèi)容為首要顯示內(nèi)容，而收藏夾會增加微信容量占內(nèi)存。
在開始這一章節(jié)之前，大家最好做到一件事，那就是忘記前面所學(xué)，以全新的心態(tài)來學(xué)習(xí)本章節(jié)的內(nèi)容。按照之前我們的所學(xué)的，所有對圖像產(chǎn)生實(shí)質(zhì)性效果(如創(chuàng)建選區(qū)就不屬于實(shí)質(zhì)性)的操作，可以分為兩類。
一是繪制，主要用畫筆工具完成的，這個(gè)繪制除了通常意義上的產(chǎn)生新圖像之外，也包括用畫筆修改圖層蒙版這樣的操作，都稱為繪制。此外使用文字工具也應(yīng)算是一種繪制。
二是調(diào)整，比如最常用到的色彩調(diào)整，將紅色變?yōu)榫G色等。再就是針對圖層的各種操作，比如更改不透明度等。還有圖層樣式的設(shè)定。此外還應(yīng)當(dāng)包括更改圖像大小即改變圖像像素?cái)?shù)量這樣的操作，都可以稱為調(diào)整。
在掌握了前面的這些知識后，我們已經(jīng)掌握了絕大部分的基礎(chǔ)知識和技術(shù)，即使現(xiàn)在停止學(xué)習(xí)也可以勝任實(shí)際工作。換句話說就是可以“出師”了，在這里先恭喜大家一下。傳說老虎的本領(lǐng)都是貓傳授的，但貓沒有教老虎爬樹的本領(lǐng)。而這正救了貓的命，因?yàn)槔匣⒊鰩熀笠邑圥K。我們大家不是貓和老虎，我也不打算留一手。
路徑就是前面我們說過的三大基礎(chǔ)概念(選區(qū)、圖層、路徑)中的第三，也是Photoshop“任督二脈”中的督脈，由此可見路徑的地位非同尋常。盡管如此，但路徑在畫面效果的表現(xiàn)上并無獨(dú)特之處，它主要被用來建立一個(gè)封閉區(qū)域，然后在這個(gè)區(qū)域內(nèi)可以進(jìn)行類似填充或色彩調(diào)整這樣的操作，也可作為圖層蒙版。而這些工作似乎完全可以交給選區(qū)去完成，事實(shí)上到現(xiàn)在為止我們也都一直在使用選區(qū)進(jìn)行這些操作，也并沒有覺得有什么效果是做不出來的。再復(fù)雜的選區(qū)也可以通過不斷修補(bǔ)最終完成。
雖然路徑在畫面效果的表現(xiàn)上并非不可替代(比如可用選區(qū)替代)，但其矢量、靈活的特點(diǎn)卻是獨(dú)一無二。矢量的意義已不必再次說明，相關(guān)的內(nèi)容我們早已學(xué)習(xí)過。而所謂靈活，一是針對其創(chuàng)建，二是針對其修改。
讓我們來看一個(gè)例子，要制作出一個(gè)類似下左圖的形狀，我們可以通過先創(chuàng)建一個(gè)矩形選區(qū)，然后減去一個(gè)橢圓選區(qū)來得到所需的選區(qū)形狀，如下中圖。然后利用這個(gè)選區(qū)建立一個(gè)色彩填充圖層，圖層調(diào)板類似下右圖所示。
如果我們使用路徑來建立蒙版，在圖像效果上兩者并沒有什么不同，只是在圖層調(diào)板中則會看到蒙版的樣子好像有些不同。如下左圖和中圖。不過，路徑可以很方便地進(jìn)行修改，如下右圖，將紅色箭頭處的路徑點(diǎn)往上方移動些許，就可以變?yōu)橐粋€(gè)新蒙版形狀。
如果是用選區(qū)建立的蒙版，此時(shí)就需要刪除原先的蒙版，然后建立新選區(qū)再將其作為圖層蒙版。
或許大家會覺得其實(shí)不用那么麻煩，可以通過修改原有的蒙版來實(shí)現(xiàn)。這樣想是沒錯的，但是如果要改為以下的這些形狀呢？選區(qū)的修改工作就非常繁瑣了。而如果是路徑，修改起來則簡單的多，只要在上圖的基礎(chǔ)上，拖動兩下鼠標(biāo)就可以完成了。
因此使用路徑的意義不是為了讓畫面效果更出色，是為了讓創(chuàng)建及修改的過程更簡單更方便。在Photoshop中可以通過很多方式使用路徑，其中最常用也最有價(jià)值的方式就是將其作為圖層蒙版，這樣也稱為矢量蒙版。與通過選區(qū)所建立的點(diǎn)陣蒙版相比，它具有縮放不失真，修改方便等優(yōu)點(diǎn)。同時(shí)也存在著一個(gè)非常大的缺點(diǎn)，如果不是因?yàn)橛羞@個(gè)缺點(diǎn)，它就可以完全取代點(diǎn)陣蒙版。
錨點(diǎn)1路徑的概念
首先要記住路徑是矢量的。如果說圖像中什么東西是矢量的，那么它就是由路徑所組成的。
其次，路徑可以是與選區(qū)類似的封閉區(qū)域，也可以只是一條首尾并不相連的線段，分別稱作封閉路徑和開放路徑。而線段可以是直線也可以是曲線，或兩者兼而有之。
再者，路徑在Photoshop中是指示性的，本身并不能直接構(gòu)成圖像的一部分，只有在將其作為圖層蒙版或填色及畫筆描邊后，才可以對圖像像素產(chǎn)生影響。在這點(diǎn)上與選區(qū)類似，單純的創(chuàng)建或修改選區(qū)也不能直接令圖像發(fā)生改變。
最后，在Photoshop中只有特定的幾個(gè)工具能夠針對路徑進(jìn)行操作，它們分別是鋼筆工具
，自由鋼筆工具
，添加錨點(diǎn)工具
，刪除錨點(diǎn)工具
，轉(zhuǎn)換點(diǎn)工具
。這5種工具用來繪制及修改路徑。此外還有路徑選擇工具
和直接選擇工具
，這兩者都是用來選取路徑的，但在功能上有所區(qū)別。
大家回憶一下我們在學(xué)習(xí)選區(qū)工具的時(shí)候，曾經(jīng)介紹過一個(gè)多邊形套索工具
，它創(chuàng)建選區(qū)的方式是在不同的地方單擊，連接單擊的各個(gè)點(diǎn)來產(chǎn)生選區(qū)。創(chuàng)建簡單的路徑也就是采用這種方法。
2用鋼筆工具的事項(xiàng)
選擇鋼筆工具
〖P/SHIFT_P〗。在公共欄將繪圖方式改為“路徑”
(如下左圖紅色箭頭處)。這一步非常重要，如果沒有選擇正確將會產(chǎn)生色彩填充效果。我們現(xiàn)在只是需要了解路徑，色彩填充是路徑的一種應(yīng)用方式，將在以后學(xué)習(xí)。另外如果現(xiàn)在開啟“橡皮帶”選項(xiàng)會影響我們的學(xué)習(xí)，可點(diǎn)擊下左圖綠色箭頭處，確保其沒有開啟。
為了得到較為直觀的鼠標(biāo)光標(biāo)提示，建議大家在首選項(xiàng)中的顯示與光標(biāo)〖CTRL_K，CTRL_3〗項(xiàng)目中，將其它光標(biāo)設(shè)為“標(biāo)準(zhǔn)”，如下右圖。
-
3繪制直線路徑
一個(gè)400×300(可自行設(shè)定其它大小)的圖像，此時(shí)將鼠標(biāo)移到圖像內(nèi)，光標(biāo)應(yīng)顯示為
，然后依次在圖像中4個(gè)不同地方單擊，就會看到這4點(diǎn)間形成了一條路徑。如下圖所示。細(xì)心的讀者可能會注意到，在點(diǎn)擊了第一個(gè)地方之后，鼠標(biāo)的光標(biāo)從
變?yōu)榱?/p>
。前者表示將要繪制一條新路徑，后者表示正處在路徑繪制之中。記住這些光標(biāo)顯示很有用，本章后面還會對路徑操作中所出現(xiàn)的各種光標(biāo)做一個(gè)總結(jié)。
現(xiàn)在注意看一下圖像中的顯示，可以很明顯地看到我們單擊的4處地方，每個(gè)單擊的點(diǎn)都有一個(gè)方塊，這些方塊有的空心(如1、2、3處)有的實(shí)心(如4處)。這些點(diǎn)稱為錨點(diǎn)。每兩個(gè)錨點(diǎn)間的線段稱為片斷。按照下圖中來說，錨點(diǎn)1與錨點(diǎn)2之間的片斷我們將其命名為片斷12，以此類推命名片斷23和片斷34。
錨點(diǎn)的英文名為anchor，片斷的英文名為segment，大家要記住這兩個(gè)單詞，因?yàn)樵谠S多矢量繪圖軟件(如CorelDraw)和三維制作軟件(如3DSMAX)中都有它們。一些較新版本的軟件往往是先以英文語言版本發(fā)布的，而中文語言版本要滯后一段時(shí)間，因此記憶常用的軟件詞匯是必要的。
我們剛才繪制這個(gè)路徑的過程，實(shí)際并不是直接畫出了3條線段，而是通過鋼筆工具指定了4個(gè)錨點(diǎn)，Photoshop自動在這些錨點(diǎn)之間依次連接線段構(gòu)成了一條路徑。也就是說，畫路徑的過程實(shí)際上就是指定錨點(diǎn)位置的過程，錨點(diǎn)的位置決定路徑的走向。記住這個(gè)概念很重要。既然是錨點(diǎn)決定走向，那么對于一個(gè)已經(jīng)完成繪制的路徑，更改錨點(diǎn)的位置也就可以更改路徑的走向。
4選擇并移動路徑錨點(diǎn)
需要使用直接選擇工具
〖A/SHIFT_A〗才可以移動錨點(diǎn)，現(xiàn)在我們先切換到直接選擇工具
，在路徑上任意位置點(diǎn)擊一下，會看到路徑上的各錨點(diǎn)都以空心方塊顯示，如下左圖。然后我們在其中的錨點(diǎn)3上單擊，會看到其變?yōu)榱藢?shí)心方塊。如下中圖。實(shí)心方塊就表示該錨點(diǎn)(也可以是多個(gè)錨點(diǎn))處于被選擇狀態(tài)，回憶一下我們剛才在繪制路徑的時(shí)候，最后一個(gè)錨點(diǎn)都會自動處于被選擇狀態(tài)。
現(xiàn)在可以使用直接選擇工具
移動錨點(diǎn)3，移動過程中可按住SHIFT鍵保持水平、垂直或45度角方向。在移動過程中鼠標(biāo)光標(biāo)為
。效果如下右圖。為了方便比較，使用淡紅色表示原先的走向。
在這里我們看到，移動錨點(diǎn)3后，同時(shí)引起了線段23和線段34的改變，這不難理解，因?yàn)檫@兩條線段都與錨點(diǎn)3有關(guān)聯(lián)。那么，如果我們移動錨點(diǎn)1或者錨點(diǎn)4，由于它們一個(gè)是起點(diǎn)錨點(diǎn)，一個(gè)是終點(diǎn)錨點(diǎn)，所以更改它們的位置只會改變一條線段的走向，分別是線段12和線段34。
-
-
5選擇多個(gè)路徑錨點(diǎn)的方法
可以移動多個(gè)錨點(diǎn)，前提當(dāng)然是要先選擇多個(gè)錨點(diǎn)。還記得添加選區(qū)的快捷鍵么，是SHIFT，在這里也是一樣。在先選擇了一個(gè)錨點(diǎn)后，然后按住SHIFT鍵單擊其他的錨點(diǎn)即可加上。如下左圖。如果對已處于選擇的錨點(diǎn)按住SHIFT鍵單擊，則會取消該錨點(diǎn)的選擇。
也可以在錨點(diǎn)之外按住鼠標(biāo)拖拉，框選多個(gè)錨點(diǎn)。如下右圖。
-
6用方向鍵輕移路徑錨點(diǎn)
如果一個(gè)或多個(gè)錨點(diǎn)處于選擇狀態(tài)，且當(dāng)前選擇的是直接選擇工具
，就可以使用鍵盤的上下左右方向鍵來移動錨點(diǎn)，按住SHIFT鍵可加速。我們在學(xué)習(xí)移動圖層的時(shí)候也用過這種方法，當(dāng)時(shí)被稱為“輕移圖層”，現(xiàn)在我們也可將之命名為“輕移錨點(diǎn)”或“輕移路徑”。
7在路徑面板中選擇路徑
需要注意的是，如果路徑?jīng)]有顯示在圖像中，就不能對其進(jìn)行選擇并移動錨點(diǎn)和其他的操作。如果大家之前由于一些誤操作導(dǎo)致路徑在圖像中消失，可以在路徑調(diào)板中點(diǎn)擊“工作路徑”，即可在圖像中看到路徑。如下圖。如果想要顯示其錨點(diǎn)，可使用路徑選擇工具
和直接選擇工具
在路徑上任意位置點(diǎn)擊一下。
在這里要特別說明的是，路徑調(diào)板與圖層調(diào)板是不同的，圖層調(diào)板會將所有圖層中的內(nèi)容都依次顯示在其中，也就是說，我們通過圖層調(diào)板就可以得知圖像中所有圖層的情況。而路徑調(diào)板并不是這樣，即使在圖像中使用了多個(gè)矢量路徑，也并不會在路徑調(diào)板中依次列出。如果只通過路徑調(diào)板觀看，我們并不能得知圖像中所有路徑的情況。這一點(diǎn)我們在本課后面的內(nèi)容中將切實(shí)體會到?，F(xiàn)在暫時(shí)不必深究。
對于一條已經(jīng)繪制完成的路徑來說，其錨點(diǎn)的數(shù)量也就固定了。但對于路徑的修改，除了我們上面的移動錨點(diǎn)位置這種方式之外，也有可能需要增加片斷的數(shù)量產(chǎn)生更復(fù)雜的路徑，或者減少片斷的數(shù)量簡化路徑。我們已經(jīng)知道影響路徑片斷的是錨點(diǎn)，因此這樣的操作實(shí)際就相當(dāng)于是添加和刪除錨點(diǎn)。
8刪除路徑錨點(diǎn)
在路徑上刪除現(xiàn)有錨點(diǎn)的方法是使用鋼筆工具
〖P/SHIFT_P〗，將其移動到已有的錨點(diǎn)之上，注意鼠標(biāo)光標(biāo)變?yōu)?/p>
，此時(shí)單擊即可刪除該錨點(diǎn)，如下左圖。如果要添加錨點(diǎn)，就是將鼠標(biāo)移動到現(xiàn)有的路徑片斷上，光標(biāo)將變?yōu)?/p>
，此時(shí)單擊即可添加一個(gè)新錨點(diǎn)，如下中圖。如果我們使用直接選擇工具
移動這個(gè)新增錨點(diǎn)，會發(fā)現(xiàn)這是一條曲線，如下右圖。曲線是路徑繪制中最重要的技能，本課后面部分將會予以介紹?，F(xiàn)在暫時(shí)不必理會。
以上兩個(gè)操作的前提是必須將路徑的錨點(diǎn)顯示出來，否則鋼筆工具移動到錨點(diǎn)之上并不會變?yōu)?/p>
，將始終是
，而此時(shí)單擊將繪制新路徑。因此在路徑操作中，鼠標(biāo)光標(biāo)的提示很重要。
另外Photoshop提供了專門的添加錨點(diǎn)工具
和刪除錨點(diǎn)工具
，添加錨點(diǎn)工具可直接在沒有顯示錨點(diǎn)的路徑上添加新錨點(diǎn)，它可在路徑的任意位置上使用。
而刪除錨點(diǎn)工具
在沒有顯示錨點(diǎn)的路徑上將顯示為直接選擇工具
的光標(biāo)，在點(diǎn)擊路徑后會顯示其錨點(diǎn)，此時(shí)在已有的錨點(diǎn)上單擊即可刪除該錨點(diǎn)。該工具只能在已有的錨點(diǎn)上有效，在其他位置上還是顯示為直接選擇工具
的光標(biāo)。
-
-
9添加和刪除路徑錨點(diǎn)的注意事項(xiàng)
總結(jié)起來，添加或刪除錨點(diǎn)其實(shí)都可以由鋼筆工具來完成，也就是說其已兼?zhèn)淞死L制及修改錨點(diǎn)兩個(gè)功能。而添加錨點(diǎn)工具和刪除錨點(diǎn)工具屬于專項(xiàng)工具，主要應(yīng)用在使用鋼筆工具可能發(fā)生誤操作的時(shí)候。試想一下，如果我們想要在結(jié)構(gòu)密集的眾多錨點(diǎn)中刪除一些錨點(diǎn)，那么使用鋼筆工具就有一定風(fēng)險(xiǎn)，因?yàn)槠渲挥型Ａ粼谝延绣^點(diǎn)位置上才發(fā)揮刪除作用，停留在片斷之上將發(fā)揮添加作用，而停留在片斷和錨點(diǎn)之外將發(fā)揮繪制新路徑作用，雖然有鼠標(biāo)光標(biāo)的指示，但我們的操作還是必須非常小心。此時(shí)如果使用專門的刪除錨點(diǎn)工具，則就不必?fù)?dān)心會添加錨點(diǎn)和繪制新路徑了。添加錨點(diǎn)工具的使用前提也是如此。另外，可以在公共欄中關(guān)閉“自動添加/刪除”選項(xiàng)，這樣鋼筆工具就不再具備增減錨點(diǎn)的能力。
到現(xiàn)在為止，我們所繪制的路徑都是直線的，也就是每兩個(gè)錨點(diǎn)之間都是以直線相連接的，是最簡單的路徑形態(tài)。而使用路徑的真正意義除了我們之前所說的那些之外，也有很大一部分是由于它可以方便且準(zhǔn)確地創(chuàng)建和修改曲線。
錨點(diǎn)方向線
雖然我們已經(jīng)學(xué)習(xí)過了很多知識，但是如果要我們畫出一個(gè)S形來，卻還是很困難。按照通常的思路，就是在圖層中填充顏色，或者創(chuàng)建一個(gè)帶S形狀的蒙版。這兩種方法其實(shí)是相同的，因?yàn)樗鼈兌夹枰柚鷦?chuàng)建選區(qū)來完成。當(dāng)然，有的人可能會想到建立一個(gè)帶著全黑蒙版的色彩填充層，然后使用畫筆工具用白色在黑色蒙版中繪制出一個(gè)S形。理論上這樣做是正確的，但畫筆工具完全依賴手動的鼠標(biāo)軌跡，而手動軌跡很難形成一個(gè)平滑的曲線?？梢哉f到目前為止我們并無法繪制出平滑且準(zhǔn)確的曲線。而這一點(diǎn)可以通過路徑來實(shí)現(xiàn)。
現(xiàn)在關(guān)閉之前的圖像，再新建一個(gè)圖像(400×300或任意尺寸)，切換到鋼筆工具
〖P/SHIFT_P〗來繪制新路徑，之前我們是在不同部位點(diǎn)擊產(chǎn)生錨點(diǎn)，現(xiàn)在的操作有所不同。
10繪制曲線路徑
在起點(diǎn)按下鼠標(biāo)并向右上方拖動些許，會看到一個(gè)錨點(diǎn)的產(chǎn)生以及兩條以錨點(diǎn)為中心的射線隨著鼠標(biāo)拖動，在合適的地方松手，完成起點(diǎn)錨點(diǎn)的繪制?，F(xiàn)在移動到第二個(gè)地方，同樣按下鼠標(biāo)拖放些許，方向大致為右下方，拖動時(shí)除了看到兩條與之前相同的射線外，還能看見一條曲線在逐漸形成。松手后完成這個(gè)錨點(diǎn)的繪制。最后在終點(diǎn)的位置再按下鼠標(biāo)拖動些許，方向?yàn)橛疑戏?，松手后完成。這樣我們就得到一個(gè)由3個(gè)錨點(diǎn)產(chǎn)生的曲線路徑，過程可參考下圖。為了方便觀看，我們在步驟之間使用了藍(lán)色分隔線。并用紅色數(shù)字表示將要繪制的錨點(diǎn)，用綠色數(shù)字表示已完成繪制的錨點(diǎn)。
11有關(guān)路徑錨點(diǎn)方向線的理解
我們所看到的這些射線稱之為方向線，它們決定著曲線的形態(tài)?，F(xiàn)在大家一定對此感到一頭霧水，這沒有關(guān)系，它們其實(shí)很容易就可以理解。假設(shè)在城市中有AB兩地，它們之間的道路分布及方向如下左圖所示?，F(xiàn)在有一個(gè)人從A地出發(fā)到B地，且不走最短的直線行程，那么：
如果A地的人看到他是面向南方出發(fā)的，而B地的人看到他是面向北方進(jìn)入的，綜合兩地的觀察結(jié)果，這個(gè)人走的路線如下第2圖所示。
如果A地的人看到他是面向北方出發(fā)的，而B地的人看到他是面向南方進(jìn)入的，這個(gè)人走的路線如下第3圖所示。
如果A地的人看到他是面向南方出發(fā)的，而B地的人看到他也是面向南方進(jìn)入的，這個(gè)人走的路線就如下第4圖所示。當(dāng)然還有第4條路線。就是面向北方出發(fā)也面向北方進(jìn)入，這里就不必再做圖示了。
-
-
-
12選擇路徑并隱藏錨點(diǎn)
現(xiàn)在使用路徑選擇工具
或直接選擇工具
在路徑之外的位置點(diǎn)擊一下，就會看到路徑上的所有錨點(diǎn)都被隱藏了。如下左圖。當(dāng)然前提是要保證路徑調(diào)板中工作路徑還處于被選擇狀態(tài)。
13選擇路徑片斷并顯示錨點(diǎn)和方向線
使用直接選擇工具
〖A/SHIFT_A〗在錨點(diǎn)12之間的片斷點(diǎn)擊一下，就會看到兩條射線。如下右圖。
-
現(xiàn)在，我們就可以將上右圖中的錨點(diǎn)1和錨點(diǎn)2理解為AB兩地，從錨點(diǎn)1是“面向右上”出發(fā)，而進(jìn)入錨點(diǎn)2時(shí)候是“面向右下”。這樣綜合起來判斷，片斷12就應(yīng)該是一個(gè)蓋形(上弧)，如下左圖。使用直接選擇工具點(diǎn)擊片斷23，也會看到從錨點(diǎn)2出發(fā)和到達(dá)錨點(diǎn)3的兩條方向線，基于同樣的判斷，片斷23就應(yīng)該是一個(gè)碗形(下弧)。如下右圖。
14路徑錨點(diǎn)方向線的來向與去向
現(xiàn)在我們可以理解為：對于一個(gè)錨點(diǎn)而言，都有“來向”與“去向”兩條方向線?！叭ハ颉狈较蚓€影響的是該錨點(diǎn)與下一個(gè)錨點(diǎn)間片斷的彎曲度。而“來向”方向線則影響著該錨點(diǎn)與前一個(gè)錨點(diǎn)間片斷的彎曲度。
既然錨點(diǎn)決定片斷，那么片斷也可以反證錨點(diǎn)。如果將曲線片斷作為圓弧對象來看，按照幾何理論，方向線就應(yīng)當(dāng)是位于圓弧某一點(diǎn)位置上的切線。這個(gè)“某一點(diǎn)”正是錨點(diǎn)。
-
15更改路徑錨點(diǎn)方向線的角度和長度
現(xiàn)在我們嘗試更改錨點(diǎn)2的“去向”方向線，來看看會有怎樣的變化。先使用直接選擇工具
選擇片斷23，再切換到轉(zhuǎn)換點(diǎn)工具
〖P/SHIFT_P〗，在方向線末端的圓點(diǎn)上按住并往左拖動些許位置，看到片斷23的彎曲度發(fā)生了變化，效果如下左圖。這實(shí)質(zhì)上是修改了方向線的角度，造成了片斷彎曲度的變化。
也可以不改變角度，在現(xiàn)有角度的方向上拖動，將方向線伸長或者縮短，也會造成片斷彎曲度變化。如下右圖。
-
16理解更改路徑錨點(diǎn)方向線長度
對于修改方向線長度所造成的影響，我們可以這樣來理解：錨點(diǎn)間的片斷是一根有彈性的橡皮筋，方向線長一些就好比往某個(gè)方向上拉動的力量大一些，這樣橡皮筋就會在這個(gè)方向上多彎曲一些。反過來如果方向線較短則表示拉動的力量較小，而橡皮筋則較少向這個(gè)方向彎曲。
如果將方向線看待為X軸，曲線的相離程度為Y軸，則兩者對比應(yīng)如下圖所示。不難看出，在同樣大的兩個(gè)矩形區(qū)域右端(代表X軸方向上經(jīng)過同樣的距離)，曲線在Y軸上的高度有明顯的不同。方向線較長，則曲線貼近方向線的距離也就越遠(yuǎn)。
方向線非常非常重要，它是路徑的靈魂所在。因此我們在這一小節(jié)所安排的內(nèi)容并不多，給大家足夠的時(shí)間來消化所學(xué)的知識，請務(wù)必透徹理解。在這里我們來總結(jié)一下目前所學(xué)的知識。
首先，可以從路徑形態(tài)上將錨點(diǎn)分為直線型和曲線型兩種。那么：
直線型錨點(diǎn)沒有獨(dú)立的方向線，或者說直線型錨點(diǎn)的方向線與路徑走向是一致的。所以一般我們說起方向線，就是指曲線錨點(diǎn)。
曲線型錨點(diǎn)由兩個(gè)方向線，它們控制著曲線的彎曲程度，改變方向線的角度和長度會影響曲線的彎曲度。這兩條方向線一個(gè)控制著“來向”曲線形態(tài)，另一個(gè)控制“去向”曲線形態(tài)。
曲線形態(tài)
直線型路徑并沒有太大的意義，路徑的一個(gè)很大優(yōu)勢在于其可以很方便地創(chuàng)建曲線。創(chuàng)建直線型錨點(diǎn)的方法就是在不同的地方單擊點(diǎn)，而創(chuàng)建曲線路徑是在需要的地方按下鼠標(biāo)并拖動才能完成，這拖動的操作實(shí)際上就是在建立錨點(diǎn)的曲線方向線。也就是說，拖動的程度將會直接影響曲線的彎曲度。
雖然知道了這些知識，也知道如何繪制曲線路徑(不就是按住拖動么)，但我們似乎還有些不知所措，那就是該如何去控制曲線的樣子，又該如何去確定錨點(diǎn)的位置呢？換言之，如果現(xiàn)在想要利用路徑畫一個(gè)曲線的形狀，比如一個(gè)心形或者一個(gè)五星之類的，究竟應(yīng)該如何著手？先不要著急，還有一些知識需要學(xué)習(xí)。
現(xiàn)在我們來動手做一下，新建一個(gè)合適尺寸的白底圖像，選擇鋼筆工具
〖P/SHIFT_P〗，公共欄中應(yīng)設(shè)定為路徑方式
。接著鼠標(biāo)移動到圖像中，光標(biāo)指示應(yīng)為
(表示將建立一條新的路徑)，然后在起點(diǎn)按下鼠標(biāo)并向下拖動一段距離，松手，然后在第二個(gè)地方執(zhí)行同樣的操作。形成一條曲線路徑。然后結(jié)束路徑繪制。
17結(jié)束路徑繪制
如果要結(jié)束路徑的繪制，可切換到其他的路徑工具，如路徑選擇工具〖A〗、形狀工具〖U〗。最常用最方便的應(yīng)該是按住CTRL在路徑之外點(diǎn)一下(這實(shí)際上是臨時(shí)切換到了直接選擇工具
)。在以后要學(xué)習(xí)的Illustrator中也可以使用此方法結(jié)束繪制。另外，如果將鼠標(biāo)移動到起點(diǎn)錨點(diǎn)上，光標(biāo)指示將變?yōu)?/p>
(前提是已有至少兩個(gè)錨點(diǎn)存在，否則無效)，這時(shí)若點(diǎn)擊則會建立一個(gè)封閉區(qū)域，繪制也將隨之結(jié)束。
以上通過兩個(gè)錨點(diǎn)建立曲線的操作(第一個(gè)點(diǎn)按下并拖動、第二個(gè)點(diǎn)按下并拖動、按住CTRL在路徑外單擊結(jié)束繪制)，大家可以多做幾次，每次在拖動起點(diǎn)或終點(diǎn)方向線的時(shí)候嘗試不同的長度和方向，就會看到不同的曲線形態(tài)。不過無論怎樣變化，都不外乎幾種形態(tài)，正所謂萬變不離其中。
18C形曲線形態(tài)
比如下圖中的這幾種，都很像英文字母C，所以我們將其稱之為C形曲線。想象一下，如果我們?yōu)槊總€(gè)曲線標(biāo)上XY橫豎坐標(biāo)，那么以下曲線的兩條方向線指向都處在X軸同一側(cè)，或Y軸同一側(cè)。這就是C形曲線的共同點(diǎn)。所謂方向線指向，就是從錨點(diǎn)的空心方塊出發(fā)，到方向線末端的實(shí)心圓點(diǎn)的這個(gè)方向。
形象地說，C形曲線的兩條方向線，要么是一起向上指向，要么是一起向下、向左或向右指向。而它們之間的夾角不會超過90度。
19S形曲線形態(tài)
下圖的幾種，它們的兩條方向線夾角都大于90度，分別位于X軸或Y軸的兩側(cè)，也就是說，要么一上一下，要么一左一右。這樣的曲線我們可以稱之為S形曲線。
20特殊曲線形態(tài)
需要注意的是，有些看上去類似C形的曲線，其實(shí)兩條方向線的夾角已經(jīng)超過了90度。如下左圖。有些曲線看上去像是由兩個(gè)C形組成，但其實(shí)不然，如下中圖。而有些看上去什么都不像，如下右圖。這些都是特殊的曲線形態(tài)，其特點(diǎn)是有一條或兩條方向線特別長。這樣極端的形態(tài)并不適合用來繪制一個(gè)完整的物體，因?yàn)槠淝昂蟮钠渌^點(diǎn)和片斷也將受其影響，形態(tài)很難控制。因此很少會使用到，在這里是為了將曲線形態(tài)表述完整才特地舉例。
-
-
所有的復(fù)雜曲線，都可以看作是由C形或S形曲線相接組成的。而我們就可以借此來判斷如何繪制所需的曲線，也就是判斷出有幾個(gè)C形或S形。現(xiàn)在大家來看下左圖中鼠標(biāo)的3條輪廓線，判斷一下，它們屬于什么類型的曲線？每一條各需要幾個(gè)錨點(diǎn)？得出結(jié)論后再繼續(xù)往下學(xué)習(xí)。
建議大家自己先嘗試?yán)L制，可以將下圖保存后在Photoshop中打開，然后繪制路徑。
繪制曲線
我們已經(jīng)說過，繪制路徑其實(shí)根本就在于錨點(diǎn)，錨點(diǎn)的位置和方向線決定了片斷(即錨點(diǎn)之間的線段)的形態(tài)，許多個(gè)片斷相連就組成了我們所看到的曲線。所以判斷錨點(diǎn)的位置就顯得很重要，而判斷錨點(diǎn)位置的方法，其實(shí)也就是分析出C形和S形片斷曲線的所在。如下左圖，不難看出，1號是C形，2號和3號是S形。根據(jù)我們所掌握的知識，它們都是由兩個(gè)錨點(diǎn)所組成的。錨點(diǎn)的位置就是每條曲線的起點(diǎn)和終點(diǎn)。因此它們的繪制效果應(yīng)該如下右圖。
-
我們已經(jīng)明白這些理論上的內(nèi)容，那如何能夠繪制出所想要的曲線呢？這里大家要明白的是，如果是憑空來繪制曲線，比如畫一條眉毛或一只眼睛，這需要有繪畫方面的美術(shù)知識。鑒于大多數(shù)人都不具備這樣的能力，我們就通過臨摹現(xiàn)成的圖像來學(xué)習(xí)。也就是我們在一個(gè)已經(jīng)成型的圖案中，用曲線去勾勒它的輪廓。
其實(shí)無論是否具備美術(shù)知識，操作的方法都是一樣的，區(qū)別只在于那些有美術(shù)基礎(chǔ)知識的人，可以憑空想象出眉毛或眼睛的曲線應(yīng)該是怎樣的形態(tài)，而不具備的人需要通過觀察現(xiàn)成的圖像才能感知。即使并不具備美術(shù)知識的讀者，也不要灰心，如果你能每天臨摹10只眼睛，不用多久你也能擁有憑空繪制眼睛的能力，因?yàn)榇竽X在重復(fù)思維中逐漸固化了那樣的曲線形態(tài)。不斷練習(xí)是掌握Photoshop的必經(jīng)之路，再詳細(xì)的教程，再優(yōu)秀的老師也不能取代這個(gè)階段。
在實(shí)際操作中，錨點(diǎn)的位置通常是比較容易確定的，難點(diǎn)主要在于錨點(diǎn)方向線的控制上。方向線有兩個(gè)控制因素，一是角度，二是長度。角度相對來說簡單些，就是錨點(diǎn)處的曲線切線，并且要朝向下一錨點(diǎn)的方向就可以了。而長度則影響著曲線與方向線的相離程度，如果曲線的跨度很大(圓弧距離長)，則方向線應(yīng)長些，反之則短些。這樣分析起來，好像沒有一個(gè)是難點(diǎn)了。OK,Let'sgo!
首先在1號曲線的左端起點(diǎn)(起點(diǎn)并不一定左邊，只是大家都習(xí)慣從左往右而已)，按下鼠標(biāo)并拖動方向線，這個(gè)方向線的角度就應(yīng)該如下左圖中的黑色線條，而兩條紅色線條是錯誤的角度，上面一條相離圓弧太遠(yuǎn)，下面一條則與圓弧相割。同樣是錯誤，但情節(jié)有輕重。在這兩者中，上面一條紅線還不會造成太大的誤差，可以通過下一個(gè)錨點(diǎn)的方向線來補(bǔ)償一些。而位于下面的紅線所造成的誤差則很難彌補(bǔ)。因此，如果說一定要錯的話，寧相離勿相割。當(dāng)然畫出正確的方向線才是努力的方向。
大家已經(jīng)在操作中得知，鼠標(biāo)在按下并拖動之后將出現(xiàn)兩條長度相同的方向線，成180度夾角，跟隨鼠標(biāo)(光標(biāo)為
)的都是“去向”方向線。那么以下右圖來說，對于起點(diǎn)(錨點(diǎn)1)而言，我們拖動的方向就是通往錨點(diǎn)2的方向線。在錨點(diǎn)2處拖動的時(shí)候，拖動的方向也還是通往下一錨點(diǎn)的方向線。但是對于這兩個(gè)錨點(diǎn)之間的片斷而言，在錨點(diǎn)2處對其形態(tài)產(chǎn)生影響的，應(yīng)該是與鼠標(biāo)拖動方向相反的“來向”方向線，如下右圖中的綠色箭頭。因此在繪制時(shí)要注意觀察。
按照這個(gè)思路和方法，就可以完成3條獨(dú)立曲線的繪制。大家可以按照教程所提供的圖像，也可以自己尋找其他圖像臨摹。
-
現(xiàn)在為止我們都只是繪制簡單的兩點(diǎn)曲線，即起點(diǎn)和終點(diǎn)。但在實(shí)際應(yīng)用中所需要繪制的路徑，并不可能都這樣單一，大多數(shù)都是“蜿蜒曲折”的。我們現(xiàn)在就來學(xué)習(xí)能夠應(yīng)用于實(shí)際應(yīng)用的繪制方法。
再新建一個(gè)圖像，準(zhǔn)備繪制一個(gè)如下左圖m形狀的路徑。它應(yīng)該是由兩個(gè)C形曲線構(gòu)成，錨點(diǎn)和方向線應(yīng)該如下中圖所示，注意中間那個(gè)錨點(diǎn)的方向線夾角很特殊，并不是像以往我們所看到的那樣成180度。但大家仔細(xì)想一下就能理解，中間這個(gè)錨點(diǎn)的方向線必須要是這樣的夾角，才能形成m形。如果無法理解，請回到本課有關(guān)錨點(diǎn)方向線的小節(jié)鞏固相關(guān)知識。
雖然我們明白了道理，但是在繪制過程中，中間那個(gè)錨點(diǎn)的方向線卻無法形成特定的夾角。我們繪制的實(shí)際過程應(yīng)該如下右圖所示，首先在錨點(diǎn)1處沿著紅色箭頭拖動出方向線，然后在錨點(diǎn)2處沿著綠色箭頭拖動方向線，這樣位于錨點(diǎn)1與錨點(diǎn)2之間的片斷就是我們需要的形狀了。至此沒有問題。
當(dāng)我們在錨點(diǎn)3處沿著藍(lán)色箭頭拖動方向線的時(shí)候，卻發(fā)現(xiàn)錨點(diǎn)23之間的片斷形態(tài)并不是我們所需要的C形，而是成了一個(gè)S形。此時(shí)我們就需要修改錨點(diǎn)2的方向線來達(dá)到目的。
-
-
21顯示及修改路徑錨點(diǎn)方向線
修改錨點(diǎn)方向線的方法并不復(fù)雜，但首先必須選擇錨點(diǎn)，我們在介紹直線型路徑的時(shí)候就已經(jīng)學(xué)習(xí)過了，用直接選擇工具
〖A/SHIFT_A〗在錨點(diǎn)上單擊即可選擇。不過由于曲線形路徑有時(shí)候很難判斷錨點(diǎn)的所在，可以先在片斷上單擊一下，就會看到路徑中所有錨點(diǎn)的位置，這樣就可以比較準(zhǔn)確地選擇了。被選擇的錨點(diǎn)以實(shí)心小方塊顯示，未選擇的錨點(diǎn)以空心小方塊顯示。可以參照本課第二小節(jié)中操作速查1205的方法選擇多個(gè)錨點(diǎn)。
當(dāng)在錨點(diǎn)上單擊之后，該錨點(diǎn)的兩條方向線就會同時(shí)顯示出來。此時(shí)選擇轉(zhuǎn)換點(diǎn)工具
，在需要修改的方向線末端圓點(diǎn)(這個(gè)圓點(diǎn)也稱作手柄)處拖動，即可修改方向線的角度和長度，如下左圖。也可以使用直接選擇工具
，在手柄處按住ALT鍵不放，拖動方向線。如下中圖。如果沒有按住或中途松開了ALT鍵，就會造成如下右圖的錯誤。另外，在拖動手柄的過程中如果按住SHIFT鍵，可以鎖定方向線為45度角的整數(shù)倍，即0、45、90等角度。
-
-
以上操作中需要注意的是，如果是通過拖拉方式選擇的多個(gè)錨點(diǎn)，那么這些錨點(diǎn)的方向線可能都不顯示，這時(shí)必須在一個(gè)錨點(diǎn)上單擊以顯示出該錨點(diǎn)的方向線。也可以逐個(gè)單擊所選的錨點(diǎn)，這樣它們的方向線都會顯示出來。
另外，如果用直接選擇工具
在初始的180度夾角的方向線手柄上拖動，無論拖動哪個(gè)手柄，都會同時(shí)改變兩條方向線，就如同上右圖所展示的那樣。切記一定要按住ALT不放才可以移動單個(gè)手柄。但對于已經(jīng)不是180度初始夾角的水平線而言，就不必按住ALT鍵了，直接選擇工具
可以直接單獨(dú)拖動其中一個(gè)手柄。
在路徑的繪制過程中，如果沒有掌握操作的技巧，可能就要頻繁地切換工具才能完成操作，這不僅降低了效率，也令旁人覺得你手忙腳亂不夠?qū)I(yè)。因此務(wù)必要牢記我們在這里所教授的繪制技巧，并多加練習(xí)。
現(xiàn)在我們可以歸納出的技巧是：從理論上來說，選擇錨點(diǎn)和修改錨點(diǎn)方向線，應(yīng)該分別使用不同的工具。但我們可以在使用直接選擇工具
完成錨點(diǎn)的選擇(顯示出方向線)后，按住ALT鍵(方向線為初始的水平夾角時(shí))或直接(方向線非初始水平夾角時(shí))去拖動手柄，完成方向線的修改。這樣就免去了切換到轉(zhuǎn)換點(diǎn)工具
的麻煩。
現(xiàn)在我們所學(xué)習(xí)的方法，是在完成錨點(diǎn)的繪制后，再修改錨點(diǎn)以完成操作。這雖然可以達(dá)到目的，但當(dāng)所要繪制的路徑上有許多錨點(diǎn)的時(shí)候，這些不正確的方向線會使畫面顯得凌亂，也會影響我們的判斷。
作者：賀曉輝，如需轉(zhuǎn)載務(wù)必注明出處：茂趣創(chuàng)意微信公眾號，微信號：maofuns，違者必究，謝謝各路小編。歡迎分享給你的朋友，分享才是美德~
