1、著作權所有 旗標出版股份有限公司1第第 13 章章路徑與幾何向量繪圖2本章提要本章提要13-1 Photoshop 中的向量繪圖觀念13-2 路徑的轉(zhuǎn)換與編輯13-3 使用筆型工具繪製路徑及形狀13-4用路徑功能來做填滿、筆畫及去背13-5 幾何向量圖形繪製工具13-6 形狀圖層的編輯313-1 Photoshop 中的向量繪圖觀念中的向量繪圖觀念l認識向量繪圖l認識路徑l使用路徑浮動視窗4認識向量繪圖認識向量繪圖l在第 4 章中我們曾使用筆刷工具在點陣圖上繪圖, 但事實上在電腦中繪製點陣圖和向量圖是有差別的。我們在點陣圖中進行的繪圖, 是使用繪圖工具更改像素的顏色, 可以柔邊、或套用濾鏡效果

2、處理個別像素。5認識向量繪圖認識向量繪圖l而繪製向量圖指的是繪製由線段或曲線所組成的形狀形狀 (也稱為向量物件), 例如您使用矩形工矩形工具具來繪製矩形, 便會以一定的長寬線段、位置和色彩來定義這個矩形, 您不但可以快速地選取繪製出來的矩形, 也可以重新調(diào)整形狀尺寸, 也可以編輯形狀的外框 (稱為路徑路徑) 和屬性 (例如筆畫、填色顏色和樣式)。6認識向量繪圖認識向量繪圖l使用 Photoshop 向量繪圖工具所繪製出來的形狀會出現(xiàn)在專屬的形狀形狀圖層, 而非一般圖層中, 且伴隨這個形狀圖層的產(chǎn)生, 將會有一個向向量圖遮色片量圖遮色片同時出現(xiàn)在路徑路徑浮動視窗中, 用來記錄該形狀的工作路徑工作

3、路徑。工作路徑是顯示在路路徑徑浮動視窗中的暫存路徑, 用來定義形狀的外框, 當我們需要更改形狀的外觀時, 便可以透過改變形狀的外框 (也就是路徑) 來達成。7認識向量繪圖認識向量繪圖8認識路徑認識路徑l在 Photoshop 中路徑路徑是向量繪圖的基礎, 所有的向量圖背後, 都是利用路徑來記錄與定義其形狀。除了繪製形狀時伴隨產(chǎn)生的工作路徑外, 您也可以直接使用幾何向量繪圖工具或筆型工筆型工具具繪製路徑。雖然路徑看起來就像是很細的線條直接繪製在影像上, 但事實上路徑本身並不是圖形, 它只是一種線條的記錄方式。9認識路徑認識路徑l路徑的用途非常多, 例如您可以將路徑當成向量圖遮色片使用, 隱藏圖層

4、中的區(qū)域, 也可以將路徑轉(zhuǎn)換為選取範圍, 進行填色或去背等工作。另外, 它還能輸出到支援路徑功能的向量繪圖軟體 (如 Illustrator)中加以利用。10認識路徑認識路徑l當您在繪製路徑時, 會在影像上 (其實是在形狀形狀圖層上) 製作出路徑的錨點及線段。連接兩錨點的線稱為線段, 如果兩端連接的錨點都具有直線屬性, 則此線段為直線；如果任一點具有曲線屬性, 則線段為曲線。選定具有曲線屬性的錨點時, 錨點左右兩側(cè)會出現(xiàn)方向線和方向點。在方向點上拉曳時, 方向線會隨之變動, 其代表曲線彎曲的程度。11認識路徑認識路徑l在曲線線段中, 每一個錨點都會包含一個或兩個以方向點結束的方向線。方向線和方

5、向點的位置會決定曲線線段的尺寸和形狀, 移動方向點或方向線就會改變曲線形狀。12使用路徑浮動視窗使用路徑浮動視窗l(fā)開啟路徑路徑浮動視窗可以對建立好的路徑進行編輯、管理。在路徑路徑浮動視窗您會看到有一層工作路徑在其中, 工作路徑本身是一種暫存性質(zhì)的路徑, 您最好把它儲存成一般路徑, 這樣才能保存繪製的結果13使用路徑浮動視窗使用路徑浮動視窗l(fā)關於路徑路徑浮動視窗的編輯、管理功能, 我們一一說明如下14使用路徑浮動視窗使用路徑浮動視窗15使用路徑浮動視窗使用路徑浮動視窗l(fā)新增、複製或儲存路徑新增、複製或儲存路徑不論是執(zhí)行新增、複製路徑, 或是將工作路徑存成一般路徑命令, 都會出現(xiàn)交談窗, 要求您輸

6、入路徑名稱l路徑的切換路徑的切換目前正在作用的路徑會以反白表示, 點選您要用的路徑, 即可切換至該路徑。16使用路徑浮動視窗使用路徑浮動視窗l(fā)關閉路徑關閉路徑 在灰色區(qū)域按一下, 就可以取消路徑的作用狀態(tài) (也就是沒有任何路徑被選取)。l複製路徑複製路徑將要複製的路徑拉曳到建立新增路徑建立新增路徑鈕處, 即可複製路徑。l刪除路徑刪除路徑將要刪除的路徑拉曳到刪除目前路徑刪除目前路徑鈕。1713-2 路徑的轉(zhuǎn)換與編輯路徑的轉(zhuǎn)換與編輯l路徑的產(chǎn)生有幾種不同的方式, 你可以轉(zhuǎn)換選取範圍、利用筆型工具繪製路徑、或是直接套用幾何向量圖形；而繪製好的路徑亦可再做進一步的編修動作, 或是轉(zhuǎn)換為選取範圍, 進行

7、填色或特效的應用。l路徑與選取範圍的轉(zhuǎn)換l路徑的編輯l路徑的變形l路徑的布林運算與排列功能18路徑與選取範圍的轉(zhuǎn)換路徑與選取範圍的轉(zhuǎn)換l首先我們就從最簡單的將選取範圍轉(zhuǎn)換成路徑開始介紹。路徑和選取範圍可以互相轉(zhuǎn)換, 其操作方法如下：l將選取範圍轉(zhuǎn)換為路徑l當影像中已有選取範圍時, 您可以按下路徑路徑浮動視窗中的從選取範圍建立工作路徑從選取範圍建立工作路徑鈕, 將該選取範圍快速轉(zhuǎn)換成工作路徑19路徑與選取範圍的轉(zhuǎn)換路徑與選取範圍的轉(zhuǎn)換20路徑與選取範圍的轉(zhuǎn)換路徑與選取範圍的轉(zhuǎn)換l您也可以在路徑路徑浮動視窗選單中執(zhí)行製作工作路製作工作路徑徑命令21路徑與路徑與選取範圍的轉(zhuǎn)換選取範圍的轉(zhuǎn)換22路徑與

8、選取範圍的轉(zhuǎn)換路徑與選取範圍的轉(zhuǎn)換l轉(zhuǎn)換後的路徑會存放在工作路徑路徑中, 您可依需要將它更名儲存, 或繼續(xù)編修路徑。l將路徑轉(zhuǎn)換為選取範圍將路徑轉(zhuǎn)換為選取範圍有兩種做法, 茲分述如下：l方法一：用路徑路徑浮動視窗操作按住 Ctrl 鍵不放, 然後在路徑路徑浮動視窗中, 待滑鼠指標呈 狀態(tài)時, 按一下要轉(zhuǎn)換的路徑即可?；蚴菍⒁D(zhuǎn)換成選取範圍之路徑拉曳至載入路徑作為選取範圍載入路徑作為選取範圍鈕上。23路徑與選取範圍的轉(zhuǎn)換路徑與選取範圍的轉(zhuǎn)換24路徑與選取範圍的轉(zhuǎn)換路徑與選取範圍的轉(zhuǎn)換l方法二：用路徑路徑浮動視窗選單操作。請選取要轉(zhuǎn)換的路徑後按下右上角的 鈕, 執(zhí)行製作選取範圍製作選取範圍命令25

9、路徑的編輯路徑的編輯l工具箱裡與路徑的編修相關的筆型工具有下列幾種l路徑選取工具路徑選取工具的功能在於將路徑 (包含工作路徑、一般路徑及形狀形狀圖層附屬的向量圖遮色片向量圖遮色片) 整個選取起來 (所有錨點和線段都會被選取), 以方便整體移動、刪除、旋轉(zhuǎn)、排列或是做變形處理。26路徑的編輯路徑的編輯27路徑的編輯路徑的編輯l直接選取工具直接選取工具可選取單一錨點、線段, 或利用框選的方式選取部份路徑, 然後做移動、刪除等動作。28路徑的編輯路徑的編輯l增加錨點工具增加錨點工具與刪除錨點工具刪除錨點工具可用來增、刪錨點, 操作方式如下29路徑的編輯路徑的編輯l轉(zhuǎn)換錨點工具轉(zhuǎn)換錨點工具能轉(zhuǎn)換錨點的

10、屬性, 而且還能用拉曳的方法改變線段曲度30路徑的變形路徑的變形l路徑的變形處理和一般影像的變形差不多, 您只要先用路徑選取工具路徑選取工具將要變形的路徑選起來, 然後執(zhí)行編輯編輯/變形路徑變形路徑、編輯編輯/任意變?nèi)我庾冃温窂叫温窂矫钕碌母鞣N變形命令即可。31路徑的變形路徑的變形32路徑的布林運算與排列功能路徑的布林運算與排列功能l路徑的布林運算合成l路徑和幾何形狀一樣也能做布林運算的合成, 其操作方法是先選取 2 個以上的路徑, 然後在選項列中選取需要的合成方式 ( ), 按下右邊的 鈕後便可合成！l路徑的排列功能l路徑也有對齊排列的功能, 同時選取多個路徑時, 其選項列的各種對齊對齊與

11、均分均分功能就會啟動, 以供您使用。33路徑的布林運算與排列功能路徑的布林運算與排列功能3413-3 使用筆型工具繪製路徑及形狀使用筆型工具繪製路徑及形狀lPhotoshop 產(chǎn)生路徑和形狀的方式, 除了轉(zhuǎn)換選取範圍和幾何向量繪圖工具外, 最主要就是筆型工具筆型工具了。Photoshop 的筆型工具不僅可以繪製路徑, 也可以畫出形狀 (會產(chǎn)生在形狀形狀圖層中), 它與幾何向量繪圖工具幾乎是一樣的, 差別只在於用筆型工具繪圖時彈性更大。以下是Photoshop 所提供的筆型工具：3513-3 使用筆型工具繪製路徑及形狀使用筆型工具繪製路徑及形狀l筆型工具筆型工具和創(chuàng)意筆型工具創(chuàng)意筆型工具都是用來

12、繪製路徑和形狀的工具。l增加錨點工具增加錨點工具能讓您在路徑上增加錨點, 便於變化或編修錨點之用。l刪除錨點工具則能讓您刪除錨點。l轉(zhuǎn)換錨點工具轉(zhuǎn)換錨點工具能轉(zhuǎn)換錨點所具有的屬性。3613-3 使用筆型工具繪製路徑及形狀使用筆型工具繪製路徑及形狀3713-3 使用筆型工具繪製路徑及形狀使用筆型工具繪製路徑及形狀l使用筆型工具時, 不論是繪製形狀還是路徑, 操作都是相同的, 您只需要在下筆前, 在選項列中選擇要畫路徑或形狀即可。l由於利用筆型工具繪製向量圖時, 其選項列的功能與 13-5 節(jié)所介紹的幾何向量繪圖工具大同小異, 故以下我們只針對路徑的繪製一一說明每種筆型工具的操作方法。38使用筆型

13、工具繪製路徑使用筆型工具繪製路徑l筆型工具筆型工具是一般用來繪製路徑最常見的工具, 使用筆型工具筆型工具能繪製出精確的直線和平滑曲線。l繪製直線路徑l使用筆型工具筆型工具繪製的最簡單線段就是直線線段, 請先按下工具箱中的筆型工具筆型工具, 然後在影像上按下滑鼠左鈕, 即可建立新的錨點來連接線段形成路徑。39使用筆型工具繪製路徑使用筆型工具繪製路徑l繼續(xù)按滑鼠即可設定其他線段的錨點。繪製完成後, 最後一個錨點會變成實心方形以表示為被選取的狀態(tài), 其餘未被選取的錨點則會變成空心方形。40使用筆型工具繪製路徑使用筆型工具繪製路徑l繪製曲線路徑l在建立錨點時若按住左鈕拉曳, 則能建立具有曲線性質(zhì)的錨點

14、, 而依拉曳的程度大小與角度可以決定曲線的彎曲度。41使用筆型工具繪製路徑使用筆型工具繪製路徑l如果勾選選項列中的自動增加自動增加 /刪除選項刪除選項, 則當滑鼠指標移到線段上時會自動轉(zhuǎn)換為增加錨點工具增加錨點工具, 滑鼠指標移到錨點上時會自動轉(zhuǎn)換為刪除錨點工具刪除錨點工具。42使用創(chuàng)意筆工具繪製路徑使用創(chuàng)意筆工具繪製路徑l使用創(chuàng)意筆工具創(chuàng)意筆工具繪製形狀或路徑時, 您只需要按住滑鼠左鈕拉曳, 電腦便會依拉曳的路徑自動產(chǎn)生錨點。在選項列中勾選磁性磁性選項, 就如同使用磁性套索工具磁性套索工具一樣, 在按一下滑鼠左鈕決定路徑的起點後, 直接沿著影像邊緣移動滑鼠, 線段就會自動貼齊影像邊緣, 並在

15、適當?shù)奈恢米詣赢a(chǎn)生錨點, 結束時雙按滑鼠左鈕即可。43封閉路徑與開放路徑封閉路徑與開放路徑l沒有起點或結尾的路徑稱為封閉路徑, 例如圓形；有明確端點的, 例如直線或波浪線, 則稱為開放路徑。其中勾選創(chuàng)意筆工具創(chuàng)意筆工具選項列的磁性磁性項目所繪製出來的路徑一定是封閉路徑。4413-4 用路徑功能用路徑功能 來做填滿、筆畫及去背來做填滿、筆畫及去背l之前提到了路徑有很多的功能, 接著在本節(jié)中我們就來實地嘗試一下使用路徑功能來做填滿、筆畫及去背的動作。l利用路徑來填滿l路徑的筆畫功能45利用路徑來填滿利用路徑來填滿l製作好的路徑可以直接在內(nèi)部填上前景色, 只需在路徑路徑浮動視窗選取要用的路徑, 然後

16、按下方的以前景色填滿路徑以前景色填滿路徑鈕即可。46利用路徑來填滿利用路徑來填滿l如果您想要做出更複雜的填色效果, 請在路徑路徑浮動視窗選單中, 執(zhí)行填滿路徑填滿路徑命令 (或是按住 Alt 鍵, 再按下方的 鈕)47路徑的筆畫功能路徑的筆畫功能l路徑除了可以用來填色, 也能製作出筆畫效果。例如常見到的鏤空文字, 便可以利用此功能來製作。以下我們以霓虹燈效果為例, 示範如何利用路徑來做描邊的動作。l光彩炫目的霓虹燈文字Step1-首先利用筆型工具筆型工具完成以下路徑48路徑的筆畫功能路徑的筆畫功能Step2-接著選取用來描邊的繪圖工具 (這裡我們選用筆刷工具筆刷工具), 並依下圖設定顏色、粗細

17、.等等屬性step3-在路徑浮動視窗中選取要描邊的路徑, 然後執(zhí)行選單中的筆畫次路徑筆畫次路徑命令 (若無選取路徑, 則為筆畫路徑筆畫路徑命令), 在筆畫次路徑筆畫次路徑交談窗中選擇筆刷工具筆刷工具後按下確定確定鈕即可。49路徑的筆畫功能路徑的筆畫功能50路徑的筆畫功能路徑的筆畫功能Step4-重複步驟 2、3 的動作。在重複描邊的過程中, 記得逐漸縮小筆刷、加強筆刷的硬度, 並把顏色設定為漸漸變淡, 就能做出霓虹燈管的效果。另外, 在步驟 3 中, 只要在筆畫路徑筆畫路徑交談窗中選擇用來描邊的工具,之後若要再用同樣的工具描邊, 可以直接按下路徑路徑浮動視窗下方的使用筆刷繪製路徑使用筆刷繪製路

18、徑鈕。51路徑的去背功能路徑的去背功能l路徑還有一個重要功能, 那就是去背去背, 以路徑做基礎的去背動作是以建立向量圖遮色片向量圖遮色片來達成。每張影像都可以設定一個向量圖遮色片, 當設定了去背路徑的影像輸入到 PageMaker 或 Illustrator 等軟體中時, 就會自動呈現(xiàn)去背狀態(tài)。向量圖遮色片的設定方式如下Step1-繪製出適當路徑 (選取橋的部分)。52路路徑徑的的去去背背功功能能53路徑的去背功能路徑的去背功能Step2-將工作路徑存成一般路徑。Step3-接著執(zhí)行圖層圖層/增加向量圖遮色片增加向量圖遮色片/目前路徑目前路徑命令。54路徑的去背功能路徑的去背功能5513-5

19、幾何向量圖形繪製工具幾何向量圖形繪製工具l在了解路徑和筆型工具後, 接著介紹 Photoshop 中的幾何向量圖形繪製工具。l矩形工具l圓角矩形工具l橢圓形工具l多邊形工具l直線工具l自訂形狀工具56矩形工具矩形工具l選取了任何一個向量圖繪製工具後, 上方就會出現(xiàn)對應的選項列l(wèi)繪製向量圖l在工具箱中選取矩形工具矩形工具, 按下選項列上的形狀圖形狀圖層層鈕, 然後在影像上按住滑鼠不放, 拉曳出適當?shù)木匦巍?7矩形工具矩形工具l套用樣式l選取該形狀形狀圖層後, 點選樣式樣式浮動視窗中的各類樣式, 則會把該形狀圖層中的填色都套用成同一樣式。58矩形工具矩形工具l若按下樣式樣式浮動視窗下方的清除樣式清

20、除樣式鈕, 就可以把已套用的樣式清除。59矩形工具矩形工具l樣式樣式浮動視窗中的各類樣式, 其實就是內(nèi)建的特效組, 您可以從套用樣式的形狀圖層中看出, 每一個樣式都是由多個不同效果效果做成的。60矩形工具矩形工具l繪製路徑l在工具箱中選取矩形工具矩形工具, 按下選項列上的路徑路徑鈕, 然後在影像上按住滑鼠不放, 可拉曳出矩形路徑。61矩形工具矩形工具l填滿像素l在工具箱中選取矩形工具矩形工具, 按下選項列上的填滿像填滿像素素鈕, 然後在影像上按住滑鼠不放, 可拉曳出矩形點陣圖填色區(qū)塊。62圓角矩形工具圓角矩形工具63橢圓形工具橢圓形工具l選擇橢圓形工具橢圓形工具後, 按住滑鼠左鈕拉曳即可畫出橢

21、圓形；若按住 Shift 鍵再拉曳則可繪出正圓形。64多邊形工具多邊形工具l多邊形工具多邊形工具可以繪製多邊形, 並能在選項列上調(diào)整多邊形的邊數(shù) (自行輸入邊數(shù)), 此外, 此工具繪製出的都是每邊等長的正多邊形65直線工具直線工具l使用直線工具直線工具可以繪製直線, 並可在選項列上調(diào)整直線的寬度 。66自訂形狀工具自訂形狀工具l自訂形狀工具自訂形狀工具提供了一些非幾何形狀的圖樣, 讓您可以選擇套用成向量圖、路徑或是點陣圖填色區(qū)塊。除了 Photoshop 內(nèi)附的幾種圖樣外, 您也可以繪製自製的向量圖形, 然後把它存成自訂形狀工具自訂形狀工具, 這樣就可以重複利用了。l使用內(nèi)建的自訂形狀l自訂形

22、狀67使用內(nèi)建的自訂形狀使用內(nèi)建的自訂形狀l在選取自訂形狀工具自訂形狀工具後, 在選項列的形狀形狀列示窗中, 可以選取 Photoshop 內(nèi)建的形狀68使用內(nèi)建的自訂形狀使用內(nèi)建的自訂形狀l此外, 選項列中還有一些關於繪製的屬性可以調(diào)整69自訂形狀自訂形狀l自訂形狀自訂形狀的形狀組是以 .csh 的檔案格式存在 Photoshop 的資料夾中, 所以您不但可以自訂形狀, 也可以將常用的形狀組在一起, 存成專屬的形狀組 (.csh), 以方便日後使用。請在形狀形狀列示窗中, 按下右上方的鈕, 便可以看到管理自自訂形狀訂形狀的各項命令70自自訂訂形形狀狀71自訂形狀自訂形狀l自訂形狀形狀的方式就是利用路徑來自訂, 其方法如下Step1-用向量繪圖工具組合出想要的形狀Step2-然後執(zhí)行編輯編輯/定義自訂形狀定義自訂形狀命令, 在形狀形狀名稱名稱交談窗中替自訂的形狀命名, 然後按下確定鈕即可72自訂形狀自訂形狀l完成自訂的形狀之後, 記得把它存成形狀組 (.csh), 這樣下一次重新開啟 Photoshop 時, 就能把該形狀組匯入, 使用該自訂形狀了。7313-6 形狀圖層的編輯形狀圖層的編輯l形狀形狀圖層可說是向量圖形的專用圖層, 其基本操作與一般圖