AdobePhotoshop路徑終極教程

AdobePhotoshop

路徑終極教程AdobePhotoshop路徑終極教程首先來簡要介紹一下鋼筆工具和路徑的概念鋼筆工具屬于矢量繪圖工具，其優(yōu)點(diǎn)是可以勾畫平滑的曲線，在縮放或者變形之后仍能保持平滑效果。鋼筆工具畫出來的矢量圖形稱為路徑，路徑是矢量的路徑允許是不封閉的開放狀，如果把起點(diǎn)與終點(diǎn)重合繪制就可以得到封閉的路?AdobePhotoshop路徑終極教程現(xiàn)在我們來繪制一個簡單的路徑,如下圖在工具欄選擇鋼筆工具（快捷鍵P）并保持鋼筆工具的選項(xiàng)如圖所示（在工具欄上方）：選擇第二種繪圖方式（單純路徑），并取消橡皮帶功能。AdobePhotoshop路徑終極教程然后用鋼筆在畫面中單擊，會看到在擊打的點(diǎn)之間有線段相連,保持按住Shift鍵可以讓所繪制的點(diǎn)與上一個點(diǎn)保持45度整數(shù)倍夾角（比如零度、90度）這樣可以繪制水平或者是垂直的線段（圖中從第5個點(diǎn)開始按下了Shift鍵）。AdobePhotoshop路徑終極教程從上面的簡單練習(xí)中我們得出兩個規(guī)律：我們并沒有直接繪制線段，而是定義了各個點(diǎn)的位置，軟件則在點(diǎn)間連線成型；控制線段形態(tài)（方向、距離）的，并不是線段本身，而是線段中的各個點(diǎn)的位置；記住兩個術(shù)語：那些點(diǎn)稱為“錨點(diǎn)”(anchor)“錨點(diǎn)”間的線段稱為“片斷”(segment)剛才我們繪制的那些錨點(diǎn)，由于它們之間的線段都是直線，所以又稱為直線型錨點(diǎn)。AdobePhotoshop路徑終極教程現(xiàn)在我們來繪制曲線形錨點(diǎn)AdobePhotoshop路徑終極教程我們看到，在繪制出第二個及之后的“錨點(diǎn)”并拖動方向線時，曲線的形態(tài)也隨之改變究竟曲線是怎樣生成的，我們又該如何來控制曲線的形態(tài)呢？除了具有直線的方向和距離外，曲線多了一個彎曲度的形態(tài)，方向和距離只要改變“錨點(diǎn)”位置就可以做到，但是彎曲度該如何控制？如圖在工具欄選擇“直接選擇工具”，注意是下方那個空心的箭頭AdobePhotoshop路徑終極教程假設(shè)我們剛才繪制的4個“錨點(diǎn)”分別是ABCD，用“直接選擇工具”去點(diǎn)取位于AB之間的片斷，會看到剛才我們繪制AB“錨點(diǎn)”時候定義的方向線AdobePhotoshop路徑終極教程仔細(xì)看一下這兩個方向線，再這樣想象：一個人要從A點(diǎn)到B點(diǎn)，在A點(diǎn)出發(fā)的時候，位于A點(diǎn)的其他人看到他是朝著上偏右的方向走的，而位于B點(diǎn)的人，看到他是朝著下偏右的方向來的，那么綜合兩地的觀測結(jié)果。就可以得出這個人行走的路線：必定是一個類似鍋蓋的上弧形。AdobePhotoshop路徑終極教程現(xiàn)在我們選擇如圖的“轉(zhuǎn)換點(diǎn)工具”，該工具用來修改方向線然后如下圖所示般改變AB“錨點(diǎn)”上的方向線，將會看到曲線彎曲度的改變

注意方向線末端有一個小圓點(diǎn)，這個圓點(diǎn)稱為“手柄”，要點(diǎn)擊手柄位置才可以改變方向線AdobePhotoshop路徑終極教程結(jié)合剛才所作的比喻，就不難理解了：修改B“錨點(diǎn)”方向線為下，相當(dāng)于指定那個人從A點(diǎn)上方出發(fā)后，從B點(diǎn)下方進(jìn)入，那么所走的路程就是一個S形再修改A“錨點(diǎn)”方向線為下，相當(dāng)于從A點(diǎn)下方出發(fā)，再從B點(diǎn)下方進(jìn)入，所走的就是一個下弧形的路程AdobePhotoshop路徑終極教程修改后的方向線,如下圖：AdobePhotoshop路徑終極教程明白了方向線的方向?qū)η€形態(tài)的影響后，我們來看一下方向線長短造成的影響

如下圖般，在同一方向上拖拉方向線：（可使用“直接選擇工具”）對于一個“錨點(diǎn)”而言，如果方向線越長，那么曲線在這個方向上走的路程就越長，反之就越短?？梢赃@樣設(shè)想，曲線是一個橡皮筋，在頭尾兩端有兩個力在各自的方向上拉，哪個方向上力氣大，則橡皮筋就朝向這個方向多靠攏一些。AdobePhotoshop路徑終極教程除了修改“錨點(diǎn)”之外，也可以利用“直接選擇工具”，在片斷上修改曲線的形態(tài)

如下圖：注意：這并不能說是“修改了片斷”，而應(yīng)該說是“同時修改了兩個錨點(diǎn)”

牢記原則：片斷是由“錨點(diǎn)”組成的，只有修改“錨點(diǎn)”才能改變片斷形態(tài)，這是不可逆的因果關(guān)系。AdobePhotoshop路徑終極教程做一下小結(jié)：

對于這條曲線上的除了起點(diǎn)和終點(diǎn)的BC兩個“錨點(diǎn)”而言，都存在兩條方向線：

一條是從上一個“錨點(diǎn)”“來向”的方向線；另一條是通往下一個“錨點(diǎn)”的“去向”的方向線。

對于起點(diǎn)，只存在“去向”的方向線；對于終點(diǎn)，只存在“來向”的方向線。AdobePhotoshop路徑終極教程下面讓我們做個小練習(xí)，如圖：現(xiàn)在要求在兩個紅點(diǎn)之間繪制一條緊貼鼠標(biāo)外廓的曲線，可能你們繪制出來的是如下圖這個樣子的。雖然要求是達(dá)到了，但是這樣的路徑上使用了4個錨點(diǎn)再看下圖：AdobePhotoshop路徑終極教程同樣的曲線效果，這里只用了兩個“錨點(diǎn)”來繪制

移動兩個紅點(diǎn)的位置再行繪制，很可能你們繪制的效果是這樣：而實(shí)際上呢，也只需要用兩個“錨點(diǎn)”就可以繪制這條曲線了，如下圖再換個位置繪制一條，也只需要兩個錨點(diǎn)，如下圖：記住一個原則：繪制曲線的“錨點(diǎn)”數(shù)量越少越好

因?yàn)槿绻板^點(diǎn)”數(shù)量增加，不僅會增加繪制的步驟，同時也不利于后期的修改。AdobePhotoshop路徑終極教程到這里，大家一定會產(chǎn)生兩個問題：兩個“錨點(diǎn)”似乎可以包攬全部曲線形態(tài)了？

這個觀點(diǎn)顯然是錯誤的，例如我們前面第一個實(shí)例所繪制的曲線，就需要兩個以上的錨點(diǎn)那么，如何讓所用的“錨點(diǎn)”數(shù)量最少？

實(shí)際上這里還隱含著另外一個問題：究竟在哪里定“錨點(diǎn)”才是最佳的？AdobePhotoshop路徑終極教程下面是我個人總結(jié)出來的規(guī)律：

兩個“錨點(diǎn)”之間的曲線形態(tài)分為兩類：C形和S形

C形的幾種形態(tài)如下圖：它們的方向線，如下圖：AdobePhotoshop路徑終極教程S形曲線的幾種形態(tài)如下圖：S形的方向線如下圖：AdobePhotoshop路徑終極教程下面的動畫演示了在調(diào)整方向線的時候，從C形到S形之間的分界點(diǎn)：在了解（并且理解）C、S這兩種曲線的形態(tài)以后

大家在繪制之前就可以分析出究竟需要多少個“錨點(diǎn)”

其實(shí)就是分析出，有多少個可以用一條曲線（C形或S形）來繪制的區(qū)域雖然“錨點(diǎn)”的數(shù)量可以反映出繪圖人的水平和熟練度

但是對于大多數(shù)人而言，只要能夠滿足需要就足夠了

所以在實(shí)際繪圖的時候，不必過于苛求減少“錨點(diǎn)”的數(shù)目AdobePhotoshop路徑終極教程現(xiàn)在來實(shí)際繪制一個M形,類似麥當(dāng)勞的標(biāo)志

我們將介紹三種過程,請先看清楚文字說明再看動畫演示

第一種方法：在完成繪制后，再修改第二個“錨點(diǎn)”的“去向”的方向線，并可以適當(dāng)移動“錨點(diǎn)”位置

（繪制完后按住Ctrl鍵在路徑之外任意位置點(diǎn)擊，即可完成繪制）AdobePhotoshop路徑終極教程在其中我們注意到一個現(xiàn)象：

新建立一個曲線“錨點(diǎn)”并拖動它的方向線的時候

實(shí)際上隨著鼠標(biāo)移動的是“去向”這條方向線，而“來向”方向總是與之成180度水平夾角的，并且長度也相同

所以，雖然本來我們應(yīng)該把第二個“錨點(diǎn)”的“去向”定為右上方

但是為了“來向”的正確，不得已先將其定在右下方，然后在完成繪制后，再單獨(dú)修改其“去向”

這種方法可以形容為“丟去保來”（同理，也可以“丟來保去”）

在繪制數(shù)量較多的“錨點(diǎn)”時就顯得很不方便，因?yàn)榭偪床坏秸_的曲線。AdobePhotoshop路徑終極教程現(xiàn)在我們介紹第二種繪制過程：

在建立第二個“錨點(diǎn)”并遵循“來向”定義好方向線之后，再修改“去向”方向線，使曲線可以正確地繪制下去

（繪制完后按住Ctrl鍵在路徑之外任意位置點(diǎn)擊，即可完成繪制）AdobePhotoshop路徑終極教程雖然頻繁地切換工具有點(diǎn)麻煩，但可以讓曲線始終沿著指定的路線繪制（同理，也可以先遵循“去向”定好方向線，再修改“來向”）實(shí)際上，在定好第二個“錨點(diǎn)”后，不用到工具欄切換工具

將鼠標(biāo)移動到方向線手柄上，按住ALT鍵即可暫時切換到“轉(zhuǎn)換點(diǎn)工具”進(jìn)行調(diào)整；

而按住Ctrl鍵將暫時切換到“直接選擇工具”，可以用來移動“錨點(diǎn)”位置

松開Alt或Ctrl鍵即恢復(fù)鋼筆工具，可繼續(xù)繪制，

要注意的是：雖然“直接選擇工具”也可以修改方向線，但“來向”“去向”有時候（當(dāng)兩者同時顯示的時候）會被其一起修改AdobePhotoshop路徑終極教程最后第三種方法，應(yīng)該是大家今后在繪制中所使用的標(biāo)準(zhǔn)方法：

此法實(shí)際就是上面講到的快捷鍵的另一種操作方式，也是在不切換工具的條件下，使用快捷鍵來完成方向線的修改

做到不間斷地繪制整條曲線。（繪制完后按住Ctrl鍵在路徑之外任意位置點(diǎn)擊，即可完成繪制）AdobePhotoshop路徑終極教程在動畫中大家看到一個提示“調(diào)整結(jié)束后，先松開鼠標(biāo)再放開ALT鍵，否則將打亂來向方向線”。如果Alt鍵先被松開，將會使這個“錨點(diǎn)”的“來向”和“去向”恢復(fù)到長度相等的水平夾角位置這沒有多大關(guān)系，再按下ALT鍵即可再次單獨(dú)調(diào)整AdobePhotoshop路徑終極教程接著我們再來嘗試?yán)L制一個心形，如下圖

（繪制完后按住Ctrl鍵在路徑之外任意位置點(diǎn)擊，即可完成繪制）注意：如果沒有先按住Alt鍵就連接起點(diǎn)，將無法單獨(dú)調(diào)整方向線，此時再按下Alt鍵即可單獨(dú)調(diào)整。AdobePhotoshop路徑終極教程到這里，大家對路徑已經(jīng)有了大概的認(rèn)識，下面我們補(bǔ)充一些繪制中的其他問題

半曲線“錨點(diǎn)”的繪制：有時候我們需要一個“錨點(diǎn)”左邊是曲線，右邊是直線，就需要用這種方法來繪制，如下圖：AdobePhotoshop路徑終極教程繪制“錨點(diǎn)”后，按住Alt鍵單擊一下錨點(diǎn)，那么這個“錨點(diǎn)”的“去向”就變?yōu)榱酥本€

只有“去向”能改變?yōu)橹本€，如果需要“來向”為直線，則需要在上一個“錨點(diǎn)”操作即使轉(zhuǎn)換為半曲線“錨點(diǎn)”了，繪制下一個“錨點(diǎn)”的時候仍然是可以帶有方向線的，如下圖：AdobePhotoshop路徑終極教程這樣看來似乎很矛盾，為何還有曲線出現(xiàn)？

須記住，假設(shè)半曲線“錨點(diǎn)”A的“去向”為直線，這樣對于下一個“錨點(diǎn)”B而言，B的“來向”也是直線。但是如果“錨點(diǎn)”B的“去向”為曲線的話，還是會導(dǎo)致AB之間的片斷呈曲線形，不過這條曲線永遠(yuǎn)只能是C形曲線，因?yàn)樗鄙倭硗庖粭l方向線的控制，可以用一條形狀相類似的正常曲線“錨點(diǎn)”來比較一下。AdobePhotoshop路徑終極教程下圖演示了從“半曲線”轉(zhuǎn)換為“正常曲線”“錨點(diǎn)”的步驟AdobePhotoshop路徑終極教程下圖演示了從“正常曲線”轉(zhuǎn)換為“半曲線”“錨點(diǎn)”的步驟AdobePhotoshop路徑終極教程除了轉(zhuǎn)換“錨點(diǎn)”類型外，還可以在已有的路徑上增加或減少“錨點(diǎn)”的數(shù)量，如下圖：可以看到，在選擇了路徑的情況下，停留在路徑上方的鋼筆工具可以自動判斷增加或是減少“錨點(diǎn)”。如果停在片斷上方，為增加錨點(diǎn)；如果停在已有“錨點(diǎn)”上方，則為減去該“錨點(diǎn)”。注意：增加或是減少“錨點(diǎn)”可能導(dǎo)致路徑形態(tài)改變AdobePhotoshop路徑終極教程既然鋼筆工具本身就附帶了增加和減去的功能，那么為何在工具欄中還有單獨(dú)的增加“錨點(diǎn)”和減去“錨點(diǎn)”工具呢？這是因?yàn)橛袝r候可能需要在“錨點(diǎn)”密集區(qū)增加更多錨點(diǎn)，如果就用鋼筆工具的話，則有可能誤減已有的“錨點(diǎn)”AdobePhotoshop路徑終極教程對于一條已經(jīng)繪制完畢的路徑，有時候需要在其上追加錨點(diǎn)（也有可能是在半途意外終止繪制）

首先應(yīng)將路徑顯示出來（可從路徑面板查找并點(diǎn)擊路徑）

然后使用鋼筆工具在末尾的“錨點(diǎn)”單擊（當(dāng)移動到末尾“錨點(diǎn)”的時候光標(biāo)會有提示）

此時即可繼續(xù)繪制，見下圖：AdobePhotoshop路徑終極教程如果要將多條獨(dú)立的路徑連接在一起，可以如下圖操作：

需要注意的是在調(diào)整方向線的時候可以按住Alt鍵單獨(dú)調(diào)整其中一條還有一個繪制曲線的技巧：

要繪制一條光滑的曲線，就必須保持“錨點(diǎn)”上“來向”與“去向”的夾角為180度的水平角（方向線長短無關(guān)）

注意如果更改了夾角，就有可能形成類似m的形狀A(yù)dobePhotoshop路徑終極教程現(xiàn)在我們已經(jīng)學(xué)會了用鋼筆來勾畫任意的路徑形狀了

但很多時候并不需要完全從無到有的來繪制一條新路徑

Photoshop提供了一些基本的路徑形狀

我們可以在這些基本路徑的基礎(chǔ)上加以修改形成需要的形狀

這樣不僅快速，并且效果也比完全和手工繪制的要好AdobePhotoshop路徑終極教程下圖是在網(wǎng)頁設(shè)計中經(jīng)常用到的圖形使用第一種繪制方式（建立一個用前景色填充的矢量層），如下圖先看最上方圖形的繪制過程：在工具欄選擇矩形形狀工具注意樣式要關(guān)閉，選擇一個顏色作為填充色，如下圖然后在圖像中繪制一個矩形的形狀，如下圖AdobePhotoshop路徑終極教程畫好之后注意圖層面板上新建立一個帶路徑的色彩填充層

單擊下圖所示區(qū)域可以隱藏或顯示路徑，雙擊其前方的色彩塊可以更改填充色。注意：如果要修改這個層中的路徑，則路徑必須在顯示狀態(tài)如果路徑顯示會影響了一些（如描邊等）制作時的視覺效果，則應(yīng)先隱藏路徑AdobePhotoshop路徑終極教程由于我們要修改這條路徑，所以要先將路徑顯示

然后使用增加“錨點(diǎn)”工具增加4個錨點(diǎn)，再將一些“錨點(diǎn)”向上移動即可

記?。簾o論在直線還是曲線上增加錨點(diǎn)，所增加默認(rèn)的都是曲線型“錨點(diǎn)”

如果需要直線型錨點(diǎn)，則要使用“轉(zhuǎn)換點(diǎn)工具”點(diǎn)擊增加出來的錨點(diǎn)AdobePhotoshop路徑終極教程下圖的紅色區(qū)域就是使用這種方法制作出來的同樣是剛才的矩形，把步驟略加修改一下，如下圖：AdobePhotoshop路徑終極教程下圖上方的紅色區(qū)域就是使用這種方法制作的現(xiàn)在來繪制那個中空的圖形，繪制的思想就是先畫一個大框，然后在中間減去一個小框

注意：在繪制完第一個大框之后，要在工具設(shè)定中改為“從形狀區(qū)域減去”方式再繪制小框在選擇路徑進(jìn)行對齊操作的時候最好使用“路徑選擇工具”，如果使用“直接選擇工具”有時候無法選擇整條路徑，過程如下圖：AdobePhotoshop路徑終極教程再來繪制一個類似標(biāo)簽卡的圖形，如下圖：AdobePhotoshop路徑終極教程上面的幾種方法，都是利用了帶路徑的色彩填充層來制作效果。除了色彩填充以外，路徑也可以用來制作調(diào)節(jié)圖層（調(diào)節(jié)圖層在另外教程中介紹）。制作順序如下：

1原圖：2使用第二種繪制方式（單純繪制路徑）3在圖像中繪制兩個封閉路徑，注意兩個路徑為相加方式，即在繪制第一個之后選擇相加方式繪制第二個。AdobePhotoshop路徑終極教程4在圖層面板啟動調(diào)節(jié)圖層中的“亮度/對比度”5“亮度/對比度”設(shè)置如下圖:AdobePhotoshop路徑終極教程6在新建的調(diào)節(jié)圖層上啟動“描邊”樣式7“描邊”樣式設(shè)置如下圖：AdobePhotoshop路徑終極教程這樣我們就完成了制作，如下圖：AdobePhotoshop路徑終極教程最后我們來制作一個較復(fù)雜的圖形，如下圖：該圖形原來是一個完整的橢圓，被分割為了兩個部分，這種效果在Illustrator中很容易實(shí)現(xiàn)，只需要在橢圓上繪制一條曲線，然后使用分割命令即可。在Photoshop中就較為復(fù)雜一些（所以復(fù)雜的路徑最好在Illustrator中制作）AdobePhotoshop路徑終極教程繪制過程如下：

首先使用橢圓形狀工具，選擇填充層繪圖方式，繪制一個橢圓，如下圖：然后隱藏該層的路徑，切換到單純路徑繪圖方式繪制一個如