第7章路徑和矢量圖形的使用

1、第7章 路徑和矢量圖形的使用 本章重點 Photoshop CS5是一個以編輯和處理位圖圖像為主的圖像處理軟件。同時為了應用的需要，也包含了一定的矢量圖形處理功能，以此來協(xié)助位圖圖像的設計。路徑是Photoshop CS5矢量設計功能的充分體現(xiàn)。用戶可以利用路徑功能繪制線條或曲線，并對繪制后的線條進行填充和描邊，從而完成一些繪圖工具所不能完成的工作。通過本章的學習，應掌握路徑和矢量圖形的使用方法。 本章內(nèi)容包括： 路徑的概述 路徑面板 路徑的創(chuàng)建和編輯 選擇和變換路徑 應用路徑 創(chuàng)建路徑形狀 7.1 路徑概述 圖像有兩種基本構成方式，一種是矢量圖形；另一種是位圖圖像。對于矢量圖形來說，路徑和點

2、是它兩個組成元素。路徑指矢量對象的線條，點則是確定路徑的基準。在矢量圖像的繪制中，圖像中每個點和點之間的路徑都是通過計算自動生成的。在矢量圖形中記錄的是圖像中每個點和路徑的坐標位置。當縮放完成時，矢量圖依然是相當清晰的，沒有馬賽克現(xiàn)象。同時由于矢量圖計算模式的限制，一般無法表達大量的圖像細節(jié)，因此看上去色彩和層次上都與位圖有一定的差距，感覺不夠真實，缺乏質(zhì)感。 與矢量圖像不同，位圖圖像中記錄的是像素的信息，整個位圖圖像是由像素構成的。位圖圖像不必記錄繁瑣復雜的矢量信息，而以每個點為圖像單元的方式真實地表現(xiàn)自然界中任何畫面。因此，通常用位圖來制作和處理照片等需要逼真效果的圖像。但是隨著位圖圖像的

3、放大，馬賽克的效果越來越明顯，圖像也變得越來越模糊。 在Photoshop CS5中，路徑功能是其矢量設計功能的充分體現(xiàn)?！奥窂健笔侵赣脩艄蠢L出來的由一系列點連接起來的線段或曲線。用戶可以沿著這些線段或曲線填充顏色，或者進行描邊，從而繪制出圖像。此外，路徑還可以轉換成選取范圍。這些都是路徑的重要功能。7.2 路徑面板 執(zhí)行菜單中的“窗口|路徑”命令，調(diào)出“路徑”面板，如圖7-1所示。由于還未編輯路徑，此時在面板中沒有任何路徑內(nèi)容。在創(chuàng)建了路徑后，就會在路徑面板中顯示相應路徑，如圖7-2所示。圖7-1 為創(chuàng)建路徑的路徑面板 圖7-2 創(chuàng)建了路徑后的路徑面板路徑縮覽圖用前景色填充路徑用畫筆描邊路徑

4、將路徑作為選區(qū)載入從選區(qū)生成工作路徑創(chuàng)建新路徑刪除當前路徑工作路徑路徑名稱當前路徑彈出菜單按鈕 其中，各項功能的說明如下。 路徑縮略圖：用于顯示當前路徑的內(nèi)容。它可以迅速地辨識每一條路徑的形狀。 彈出菜單按鈕：單擊此按鈕，會彈出下拉菜單，如圖7-3所示。從中可以選擇相應的菜單命令。 路徑名稱：便于在多個路徑之間區(qū)分。如在新建路徑時不輸入新路徑的名稱，則Photoshop CS5會自動一次命名為路徑1、路徑2、路徑3，依此類推。 當前路徑：選中某一路徑后，則以藍顏色顯示這一路徑。此時圖像中只顯示這一路徑的整體效果。 工作路徑：這是一種臨時路徑，名稱圖7-3 路徑彈出菜單以斜體字表示。當在建立一個

5、新的工作路徑時，原有工作路徑將被刪除。 用前景色填充路徑：單擊此按鈕，Photoshop CS5將以前景色填充被路徑包圍的區(qū)域。 用畫筆描邊路徑：單擊此按鈕，可以按設置的繪圖工具和前景色顏色沿著路徑進行描邊。 將路徑作為選區(qū)載入：單擊此按鈕，可以將當前路徑轉換為選取范圍。 從選區(qū)生成工作路徑：單擊此按鈕，可以將當前選區(qū)轉換為工作路徑。 創(chuàng)建新路徑：單擊此按鈕，可以創(chuàng)建一個新路徑。 刪除當前路徑：單擊此按鈕，可以刪除當前選中的路徑。7.3 路徑的創(chuàng)建和編輯 用鼠標右鍵單擊工具箱中的 （鋼筆工具），將彈出路徑工作組，如圖7-1所示。路徑工作組中包含5個工具，它們的功能如下。 （鋼筆工具）：路徑工具

6、組中最精確的繪制路徑工具，可以繪制光滑而復雜的路徑。 （自由鋼筆工具）：類似于鋼筆工具，只是在繪制過程中將自動生成路徑。通常情況下，該工具生成的路徑還需要再次編輯。 （添加錨點工具）：用于為已創(chuàng)建的路徑添加錨點。 （刪除錨點工具）：用于從路徑中刪除錨點。 （轉換錨點工具）：用于將圓角錨點轉換為尖角錨點或?qū)⒓饨清^點轉換為圓角錨點。圖7-4 路徑工作組7.3.1 利用鋼筆工具創(chuàng)建路徑利用鋼筆工具創(chuàng)建路徑 1. 使用鋼筆工具繪制直線路徑使用鋼筆工具繪制直線路徑 “鋼筆工具”是建立路徑的基本工具，使用該工具可創(chuàng)建直線路徑和曲線路徑。使用鋼筆工具繪制一個六邊形，其具體操作步驟如下： 1） 新建一個文件，

7、然后選擇工具箱上的 （鋼筆工具），此時鋼筆工具選項欄如圖7-5所示。圖7-5 鋼筆工具選項欄 其中，各項參數(shù)的說明如下。 橡皮帶：選中該復選框后，移動鼠標時光標和剛繪制的錨點之間會有一條動態(tài)變化的直線或曲線，表明若在光標處設置錨點會繪制什么樣的線條，對繪圖起輔助作用，如圖7-6所示。 自動添加刪除：選中該復選框，當光標經(jīng)過線條中部時指針旁會出現(xiàn)加號，此時單擊可在曲線上添加一個新的錨點；當光標在錨點附近時指針旁會出現(xiàn)負號，此時單擊會刪除此錨點。圖7-6 選中“橡皮帶”效果 2）將光標移到圖像窗口，單擊確定路徑起點，如圖7-7所示。 3） 將光標移到要建立的第二個錨點的位置上單擊，既可繪制連接第二

8、個錨點與開始點的線段，再將鼠標移到第三個錨點的位置單擊，效果如圖7-8所示。 圖7-7 確定路徑起點 圖7-8 確定第三個錨點位置 4）同理，繪制出其他線段。當繪制線段回到開始點時，在光標右下方會出現(xiàn) 標記，如圖7-9所示，單擊后封閉路徑，如圖7-10所示。 圖7-9 封閉路徑標志 圖7-10 封閉路徑效果2. 使用鋼筆工具繪制曲線路徑使用鋼筆工具繪制曲線路徑 使用“鋼筆工具”除了可以直線路徑外，還可繪制曲線路徑。使用鋼筆工具繪制一個心形，其具體操作步驟如下： 1）選擇工具箱上的 （鋼筆工具），選中選項欄中的“橡皮帶”復選框。 2）將光標移到圖像窗口，單擊確定路徑起點。 3） 移動光標，在適當

9、的位置上單擊，并不松開鼠標進行拖動，此時可在該錨點處出現(xiàn)一條有兩個方向點的方向線，如圖7-11所示，確定其方向后松開鼠標。 4）同理，繼續(xù)繪制其他曲線，當光標移到開始點上單擊封閉路徑，效果如圖7-12所示。 圖7-11 拉出方向線 圖7-12 繪制心型3. 連接曲線和直線路徑連接曲線和直線路徑 使用“鋼筆工具”繪制路徑時，常常需要既包括直線段又包括曲線段。將直線和曲線路徑進行連接的具體操作步驟如下： 1）繪制一條曲線路徑，如圖7-13所示。 2） 按鍵盤上的Alt鍵，單擊第二個錨點，此時錨點的一條方向線消失了，如圖7-14所示。 3）在合適的位置上單擊鼠標，即可創(chuàng)建直線路徑，如圖7-15所示。

10、 圖7-13 繪制曲線 圖7-14 去除一條方向線圖7-15 創(chuàng)建直線路徑 4）按鍵盤上的Alt鍵，單擊第三個錨點即可出現(xiàn)方向線，如圖7-16所示。 5）在合適的位置上單擊并拖動鼠標，即可重新繪制出曲線，如圖7-17所示。 圖7-16 拉出一條方向線 圖7-17 重新繪制曲線7.3.2 利用自由鋼筆工具創(chuàng)建路徑利用自由鋼筆工具創(chuàng)建路徑 “自由鋼筆工具”的功能與“鋼筆工具”基本相同，但是操作方式略有不同?！颁摴P工具”是通過建立錨點而建立路徑，“自由鋼筆工具”是通過繪制曲線來勾繪路徑，它會自動添加錨點。使用自由鋼筆工具繪制路徑的具體操作步驟如下： 1）打開一個圖像文件。 2）選擇工具箱中的 （自由

11、鋼筆工具），其選項欄如圖7-18所示。圖7-18 “自由鋼筆工具”選項欄 其中，各項參數(shù)的說明如下。 曲線擬合：用于控制路徑圓滑程度，取值范圍為0.510像素，數(shù)值越大，創(chuàng)建的路徑錨點越少，路徑也越圓滑。 磁性的：與“磁性套索工具”相似，也是通過選區(qū)邊緣在指定寬度內(nèi)的不 同像素值的反差來確定路徑，差別在于使用磁性鋼筆生成的是路徑，而“磁性套索工具”生成為選區(qū)。 鋼筆壓力：在使用光筆繪圖板時才起作用，當選中該復選框時，鋼筆壓力的增加將導致寬度減小。 3）在圖像工作區(qū)按下鼠標不放，沿圖像的邊緣拖動鼠標，此時將會自動生成錨點，效果如圖7-19所示。圖7-19 自動生成的錨點7.3.3 利用路徑面板創(chuàng)

12、建路徑利用路徑面板創(chuàng)建路徑 通常用戶建立的路徑都被系統(tǒng)保存為工作路徑，如圖7-20所示。當用戶在路徑面板空白處單擊鼠標取消路徑的顯示狀態(tài)后，再次繪制新路徑時，該工作路徑將被替換，如圖7-21所示。 圖7-20 工作路徑 圖7-21 被替換的工作路徑 為了避免這種情況的發(fā)生，在繪制路徑前，可以單擊路徑面板下方的 （創(chuàng)建新路徑）按鈕，創(chuàng)建一個新的路徑。然后使用 （鋼筆工具）繪制路徑即可。 通常新建的路徑被依次命名為“路徑1”、“路徑2”如果需要在新建路徑時重命名路徑，可以按住Alt鍵的同時單擊路徑面板下方的（創(chuàng)建新路徑）按鈕，此時會彈出“新建路徑”對話框，如圖7-22所示。然后輸入所需的名稱，單擊

13、“確定”按鈕，即可創(chuàng)建新的路徑。圖7-22 “新建路徑”對話框 7.3.4 添加錨點工具添加錨點工具 （添加錨點工具）用于在已創(chuàng)建的路徑上添加錨點。添加錨點的具體操作步驟如下： 1）選擇工具箱中的 （添加錨點工具）。 2）將鼠標移到路徑上所需添加錨點的位置，如圖7-23所示。然后單擊鼠標左鍵，即可添加一個錨點，如圖7-24所示。圖7-23 將鼠標移到需添加錨點的位置 圖7-24 添加錨點的效果 7.3.5 刪除錨點工具刪除錨點工具 （刪除錨點工具）用于從路徑中刪除錨點。刪除錨點的具體操作步驟如下： 1）選擇工具箱中的 （刪除錨點工具）。 2）將鼠標移動到要刪除錨點的位置，如圖7-25所示。然后

14、單擊鼠標左鍵，即可刪除一個錨點，如圖7-26所示。 圖7-25 將鼠標移動到要刪除錨點的位置 圖7-26 刪除錨點的效果7.3.6 轉換錨點工具轉換錨點工具 利用 （轉換點工具），可以將一個兩側沒有控制柄的直線形錨點（圖7-27）轉換為兩側具有控制柄的圓滑錨點，如圖7-28所示；或?qū)A滑錨點轉換為曲線形錨點。轉換錨點的具體操作步驟如下： 圖7-27 直線形錨點 圖7-28 圓滑錨點 1）選擇工具箱中的（轉換點工具）。 2）在直線形錨點上按住鼠標左鍵并拖動，可以將錨點轉換為圓滑錨點；反之，在圓滑錨點上單擊鼠標，則可以將該錨點轉換成直線形錨點。7.4 選擇和變換路徑 初步建立的路徑往往很難符合要求

15、，此時可以通過調(diào)整錨點的位置和屬性來進一步調(diào)整路徑。7.4.1 選擇錨點或路徑選擇錨點或路徑1. 選擇錨點選擇錨點 在對已繪制的路徑進行編輯操作時，往往需要選擇路徑中的錨點或整條路徑。如果要選擇路徑中的錨點，只需選擇工具箱中的 （直接選擇工具），然后在路徑錨點處單擊或框選即可。此時選中的錨點會變?yōu)楹谏≌叫?；未選中的錨點為空心小正方形，如圖7-29所示。 提示：提示：利用 （直接選擇工具）選擇錨點時，按住鍵盤上的Shift鍵的同時單擊錨點，可以連續(xù)選中多個錨點。圖7-29 選擇錨點7.4.2 移動錨點或路徑移動錨點或路徑1. 移動錨點移動錨點 要改變路徑的形狀，可以利用 （直接選擇工具）單擊

16、錨點，當選中的錨點變?yōu)楹谏≌叫螘r，按住鼠標左鍵拖動錨點即可移動錨點，從而改變路徑的形狀。2. 移動路徑移動路徑 選擇工具箱中的 （選擇工具），在要移動的路徑上按住鼠標左鍵并進行拖動，即可移動路徑。7.4.3 變換路徑變換路徑 選中要變換的路徑，執(zhí)行菜單中的“編輯|自由變換路徑”命令或執(zhí)行菜單中的“編輯|變換路徑”子菜單中的命令，即可對當前所選擇的路徑進行變換操作。 變換路徑操作和變換選區(qū)操作一樣，它包括“縮放”、“旋轉”、“透視”和“扭曲”等操作。執(zhí)行變換路徑命令后，其工具屬性欄如圖7-30所示。在該工具屬性欄中可以重新定義其中的數(shù)值，以精確改變路徑的形狀。圖7-30 變換路徑時的工具屬性

17、欄7.5 應用路徑 應用路徑包括“填充路徑”、“描邊路徑”、“刪除路徑”、“剪切路徑”、“將路徑轉換為選區(qū)”和“將選區(qū)轉換為路徑”操作。7.5.1 填充路徑填充路徑 對于封閉的路徑，Photoshop CS5還提供了用指定的顏色、圖案、歷史記錄等對路徑所包圍的區(qū)域進行填充的功能，具體操作步驟如下： 1）選中要編輯的圖層，然后在路徑面板中選中要填充的路徑。 2）單擊路徑面板右上角的小三角，或者按住鍵盤上的Alt鍵單擊路徑面板下方的 （用前景色填充路徑）按鈕，彈出如圖7-31所示的“填充路徑”對話框。圖7-31 “填充路徑”對話框 其中，各項參數(shù)的說明如下。 使用：設置填充方式，可選擇使用前景色、

18、背景色、圖案或歷史記錄等。 模式：設置填充的像素與圖層原來像素的混合模式，默認為“正?！?。 不透明度：設置填充像素的不透明度，默認為100%，即完全不透明。 保留透明區(qū)域：填充時對圖像中的透明區(qū)域不進行填充。 羽化半徑：用于設置羽化邊緣的半徑，范圍是0255像素。使用羽化會使填充的邊緣過渡更為自然。 消除鋸齒：在填充時消除鋸齒狀邊緣。 3）此時選擇一種圖案，羽化半徑設置為10，如圖7-32所示，單擊“確定”按鈕，效果如圖7-33所示。 圖7-32 設置填充路徑參數(shù) 圖7-33 填充路徑效果 提示：提示：填充路徑時，如果當前圖層處于隱藏狀態(tài)，則 （用前景色填充路徑）按鈕會呈不可用狀態(tài)。7.5.2

19、 描邊路徑描邊路徑 “描邊路徑”命令可以沿任何路徑創(chuàng)建繪畫描邊。其具體操作步驟如下： 1）選中要編輯的圖層，然后在路徑面板中選中要描邊的路徑。 2）選擇工具箱中的 （畫筆工具），單擊路徑面板右上角的小三角，或者按住鍵盤上的Alt鍵單擊路徑面板下方的 （用畫筆描邊路徑）按鈕，彈出如圖7-34所示的對話框。 其中，各項參數(shù)的說明如下。 工具：可在此下拉列表框中選擇要使用的描邊工具，如圖7-35所示。 模擬壓力：選中此復選框，則可模擬繪畫史筆加壓力起筆時從輕到重，提筆是從重變輕的變化。 圖7-34 “描邊路徑”對話框 圖7-35 選擇描邊工具 3）此時選擇“畫筆”，單擊“確定”按鈕，效果如圖7-36

20、所示。圖7-36 描邊后效果7.5.3 刪除路徑刪除路徑 刪除路徑的具體操作步驟如下： 1）選中要刪除的路徑。 2）單擊路徑面板下方的 （刪除當前路徑）按鈕，在彈出的如圖7-37所示的對話框中單擊“確定”按鈕，即可刪除當前路徑。 提示：提示：按住Alt鍵的同時，單擊 （刪除當前路徑）按鈕，可以在不出現(xiàn)提示信息框的情況下刪除路徑。圖7-37 提示信息框7.5.4 剪貼路徑剪貼路徑 “剪貼路徑”功能主要是制作印刷中的去背景效果。也就是說，使用“剪貼路徑”功能輸出的圖像插入到InDesign等排版軟件中，路徑內(nèi)的圖像會被輸出而路徑之外的區(qū)域不進行輸出。 使用“剪貼路徑”的具體操作步驟如下： 1）在圖

21、像中繪制路徑，如圖7-38所示。圖7-38 繪制路徑 2）由于工作路徑不能作為“剪貼路徑”進行輸出，下面將其轉換為路徑。方法：在路徑面板中雙擊“工作路徑”的名稱，在彈出的“存儲路徑”對話框中設置參數(shù)，如圖7-39所示，單擊“確定”按鈕。 3）單擊路徑面板右上角的小三角，從彈出的下拉菜單中選擇“剪貼路徑”命令，然后在彈出的“剪貼路徑”對話框中設置參數(shù)，如圖7-40所示，單擊“確定”按鈕。 圖7-39 設置 “存儲路徑”的名稱圖7-40 設置“剪貼路徑”參數(shù) 4）執(zhí)行菜單中的“文件|存儲”命令，將文件保存為“小兔子.tif”。 5） 啟動InDesign軟件，執(zhí)行菜單中的“文件|置入”命令，置入“

22、小兔子.tif”文件，效果如圖7-41所示。圖7-41 置入后的效果7.5.5 將路徑轉換為選區(qū)將路徑轉換為選區(qū) 在創(chuàng)建比較復雜的選區(qū)，比如將物體從背景圖像中摳出來，而物體和周圍環(huán)境顏色又十分接近，使用魔棒等工具不易選取時，此時可以使用（鋼筆工具）先沿著想要的選區(qū)邊緣進行比較精細的繪制，然后可以對路徑進行編輯操作，滿意后，再將其轉換為選區(qū)。將路徑轉換為選區(qū)的具體操作步驟如下： 1）在路徑面板中選中要轉換為選區(qū)的路徑，如圖7-42所示。圖7-42 選中要轉換為選區(qū)的路徑 2）單擊路徑面板右上角的小三角，從彈出的下拉菜單中選擇“建立選區(qū)”命令，或者按住鍵盤上的Alt鍵，單擊路徑面板下方的 （將路徑

23、作為選區(qū)載入）按鈕，彈出如圖7-43所示的“建立選區(qū)”對話框。圖7-43 “建立選區(qū)”對話框 其中，各項參數(shù)的說明如下。 羽化半徑：用于設置羽化邊緣的半徑，范圍是0255像素。 消除鋸齒：用于消除鋸齒狀邊緣。 操作：可設置新建選區(qū)與原有選區(qū)的操作方式。 3）單擊“確定”按鈕，即可將路徑轉換為選區(qū)，如圖7-44所示。圖7-44 將路徑轉換為選區(qū)7.5.6 將選區(qū)轉換為路徑將選區(qū)轉換為路徑 Photoshop CS5還可以將選區(qū)轉換為路徑，具體操作步驟如下： 1）選擇要轉換為路徑的選區(qū)。 2） 單擊路徑面板右上角的小三角，從彈出的下拉菜單中選擇“建立工作路徑”命令，或者按住鍵盤上的Alt鍵，單擊路

24、徑面板下方的 （從選區(qū)生成工作路徑）按鈕，在彈出的對話框中設置參數(shù)，如圖7-45所示，單擊“確定”按鈕，即可將選區(qū)轉換為路徑。圖7-45 設置“建立工作路徑”參數(shù)7.6 創(chuàng)建路徑形狀 在工具箱中的形狀工具上單擊鼠標右鍵，將彈出如圖7-46所示的形狀工作組。運用這些工具快速創(chuàng)建矩形、圓角矩形和橢圓等形狀圖形。圖7-46 形狀工作組7.6.1 利用矩形工具創(chuàng)建路徑形狀利用矩形工具創(chuàng)建路徑形狀 使用 （矩形工具）可以繪制出矩形、正方形的路徑或是形狀，其選項欄如圖7-47所示。圖7-47 矩形工具選項欄 其中，各項參數(shù)的說明如下。 （形狀圖層）：單擊此按鈕，繪制出的圖形為形狀，如圖7-48所示。 （路

25、徑）：單擊此按鈕，繪制出的圖形為路徑，如圖7-49所示。圖7-48 繪制形狀圖7-49 繪制路徑 （填充像素）：單擊此按鈕，繪制出的圖形為普通的填充圖形，如圖7-50所示。圖7-50 繪制填充圖形 不受約束：可繪制出任意大小的矩形。 方形：可繪制出任意大小的正方形。 固定大小：在“W”中輸入寬度，在“H”中輸入高度，可繪出指定大小的矩形。 比例：在“W”和“H”中輸入水平和垂直比例值，可繪制指定比例的矩形。 從中心：從中心開始繪制矩形。 對齊像素：使矩形邊緣對齊像素。7.6.2 利用圓角矩形工具創(chuàng)建路徑形狀利用圓角矩形工具創(chuàng)建路徑形狀 （圓角矩形工具）常用于繪制按鈕，該工具選項欄中的選項與“矩

26、形工具”基本相同，如圖7-51所示。圖7-51 圓角矩形工具選項欄 其中，各項參數(shù)的說明如下。 半徑：用于控制圓角矩形4個角的圓滑程度，圖7-52為不同半徑的效果比較。 模式：用于控制圓角矩形的混合模式。 不透明度：用于控制圓角矩形不透明度，圖7-53為不同不透明度的效果比較。 半徑為10 半徑為30 圖7-52 不同半徑的效果比較 不透明度100 不透明度50 圖7-53 不同不透明度的效果比較7.6.3 利用橢圓工具創(chuàng)建路徑形狀利用橢圓工具創(chuàng)建路徑形狀 使用 （橢圓工具）可以繪制出橢圓和圓形，其選項欄也和“矩形工具”類似，如圖7-54所示，繪制效果如圖7-55所示。 圖7-54 橢圓工具 選項欄圖7-55 橢圓工具繪制效果 7.6.4 利用多邊形工具創(chuàng)建路徑形狀利用多邊形工具創(chuàng)建路徑形狀 使用 （多邊形工具）可以繪制出正多邊形，例如等邊三角形、五角星和各種星形。其選項欄如圖7-56所示。圖7-56 多邊形工具選項欄 其中，各項功能的說明如下。 半徑：用于指定多邊形的中心到外部點的距離。指定半徑后，可以按照一個固定的大小繪制。 平滑拐角：選中該選項框后，尖角會被平滑的圓角所替代，圖7-57為選中“平滑拐角”前后的效果比較。 星形：選中該復選框，可以繪制星形。選中和不選中該復選框， 圖7-58為選中“星形”前后的效果比較。 選中前 選中后 選中前 選