第6章繪制路徑和形狀

第6章繪制路徑和形狀6.1路徑的概念Photoshop雖然是一個(gè)位圖處理軟件，但它也兼容了一部分矢量功能，路徑就是其中最具有代表性的一項(xiàng)。路徑的組成并不復(fù)雜，它可以是一條曲線、一條直線或兩者兼而有之，甚至它可以只是簡單的一個(gè)錨點(diǎn)。但歸納來說，路徑的組成通常包括3部分，即控制句柄、路徑線和錨點(diǎn)，如圖6.1所示。圖6.16.2繪制路徑6.2.1鋼筆工具在開始繪制路徑前，首先應(yīng)該了解路徑工具的選項(xiàng)，以繪制正確的路徑形狀，鋼筆工具選項(xiàng)條如圖6.8所示。自動添加/刪除：勾選此復(fù)選框，可用“鋼筆工具”直接增加或刪除錨點(diǎn)。要暫時(shí)屏蔽此功能，可按住Shift鍵執(zhí)行操作。橡皮帶：如果勾選該復(fù)選框，在屏幕上移動“鋼筆工具”時(shí)，從上一個(gè)鼠標(biāo)單擊點(diǎn)到當(dāng)前筆所在的位置之間將會顯現(xiàn)一條線段，這樣有助于確定下一個(gè)錨點(diǎn)的位置?！奥窂讲僮鳌卑粹o：在此可以像選區(qū)運(yùn)算模式一樣，對路徑進(jìn)行相加、相減等運(yùn)算操作。“路徑排列方式”按鈕：在繪制多個(gè)路徑時(shí)，常需要調(diào)整各條路徑的上下順序，在PhotoshopCS6中，提供了專門用于調(diào)整路徑順序的功能。圖6.8下面分別講解使用“鋼筆工具”繪制路徑的常見操作。1.繪制直線型路徑使用“鋼筆工具”繪制直線路徑的操作方法與使用“多邊形套索工具”創(chuàng)建選區(qū)的操作方法是完全相同的，即通過“單擊-單擊”的方式創(chuàng)建錨點(diǎn)。如果在單擊確定第2個(gè)錨點(diǎn)的同時(shí)按住Shift鍵，則可繪制出水平、垂直或45°角的直線路徑。2.繪制曲線型路徑要使用“鋼筆工具”繪制曲線路徑，可以先單擊創(chuàng)建一個(gè)錨點(diǎn)，然后在單擊添加第2個(gè)錨點(diǎn)時(shí)，按住鼠標(biāo)左鍵不放，拖動至所要得到的曲線效果即可。3.混合繪制曲線及直線如果要在曲線段后繪制直線，可以按照上一小節(jié)中講解的操作方法，創(chuàng)建第2個(gè)帶有曲線的錨點(diǎn)，然后按住Alt鍵用鼠標(biāo)單擊此錨點(diǎn)中心，以取消一側(cè)控制句柄，此時(shí)再按照前面講解的“單擊-單擊”的方法繪制直線路徑即可。如果要繼續(xù)在直線路徑后面繪制曲線路徑，那么直接在繪制下一個(gè)錨點(diǎn)時(shí)按住鼠標(biāo)左鍵拖動即可。4.繪制開放/閉合路徑如果需要繪制一條開放路徑，可以在路徑終點(diǎn)切換為“直接選擇工具”，然后在工作頁面上單擊一下，放棄對路徑的選定。也可以在完成對開放路徑的繪制后，再隨意向下繪制一個(gè)錨點(diǎn)，然后按Delete鍵以刪除該錨點(diǎn)。要繪制閉合路徑，必須使路徑的最后一個(gè)錨點(diǎn)與第一個(gè)錨點(diǎn)相重合。在繪制結(jié)束時(shí)，如果將光標(biāo)放于路徑第一個(gè)錨點(diǎn)處，則在鋼筆光標(biāo)的右下角處顯示一個(gè)小圓圈，此時(shí)單擊該處即可使路徑閉合。6.2.2自由鋼筆工具自由鋼筆工具”的使用方法類似于“鉛筆工具”，不同的是，使用“自由鋼筆工具”繪制圖形時(shí)，得到的是路徑。利用“自由鋼筆工具”直接在頁面中拖動，創(chuàng)建所需要的路徑形狀即可。要得到閉合路徑，可將光標(biāo)放在起點(diǎn)上，當(dāng)光標(biāo)下面顯示一個(gè)小圓圈時(shí)單擊即可。單擊工具選項(xiàng)條上的花形圖標(biāo)，在彈出的面板中可以設(shè)置“自由鋼筆工具”的參數(shù)。

6.2.3添加、刪除錨點(diǎn)工具選擇“添加錨點(diǎn)工具”，可以在已繪制完成的路徑上增加錨點(diǎn)。在路徑被選中的狀態(tài)下，使用“添加錨點(diǎn)工具”直接單擊要增加錨點(diǎn)的位置，即可以增加一個(gè)錨點(diǎn)。選中路徑后將“刪除錨點(diǎn)工具”移動到欲刪除的錨點(diǎn)上，單擊一下即可刪除該錨點(diǎn)。

6.2.4轉(zhuǎn)換點(diǎn)工具在對錨點(diǎn)進(jìn)行編輯時(shí)，經(jīng)常需要將一個(gè)兩側(cè)沒有控制句柄的直線型錨點(diǎn)轉(zhuǎn)換為兩側(cè)具有控制句柄的圓滑型錨點(diǎn)，或?qū)A滑型錨點(diǎn)轉(zhuǎn)換為直線型錨點(diǎn)，要完成此類操作任務(wù)，可以使用“轉(zhuǎn)換點(diǎn)工具”。使用此工具在直線型錨點(diǎn)上單擊并拖動，可以將此錨點(diǎn)轉(zhuǎn)換為圓滑型錨點(diǎn)；反之，如果使用此工具單擊圓滑型錨點(diǎn)，則可以將此錨點(diǎn)轉(zhuǎn)換為直線型錨點(diǎn)。6.3“路徑”面板對路徑的所有操作幾乎都可以在“路徑”面板中完成，在頁面中創(chuàng)建路徑后，路徑顯示在“路徑”面板中。利用此面板可以對路徑執(zhí)行“保存”、“刪除”、“填充”、“描邊”及“將路徑作為選區(qū)載入”等操作。如圖6.22所示為保存有路徑的“路徑”面板。圖6.226.3.1新建路徑單擊“路徑”面板底部的“創(chuàng)建新路徑”按鈕，可以建立空白路徑。如果需要在新建路徑時(shí)為其命名，可以按住Alt鍵并單擊“創(chuàng)建新路徑”按鈕，在彈出的對話框中輸入新路徑的名稱，單擊“確定”按鈕即可。6.3.2填充路徑相對于選區(qū)而言，為路徑填充色彩較為簡單。選擇需要進(jìn)行填充的路徑，然后單擊“路徑”面板底部的“用前景色填充路徑”按鈕，即可為路徑填充前景色。如圖6.23左圖所示為一條人形路徑，右圖所示為使用此方法為路徑填充前景色后的效果。如果要控制填充路徑的參數(shù)及樣式，可以按住Alt鍵并單擊“用前景色填充路徑”按鈕，或單擊“路徑”面板右上角的面板按鈕，在彈出的菜單中選擇“填充路徑”命令，設(shè)置彈出的對話框如圖6.24所示。羽化半徑：該選項(xiàng)可控制填充的效果，在該文本框中輸入一個(gè)大于0的數(shù)值，可以使填充具有柔邊效果。消除鋸齒：勾選該復(fù)選框，可以消除填充時(shí)的鋸齒。圖6.23圖6.246.3.3描邊路徑如果希望以默認(rèn)的參數(shù)進(jìn)行描邊，應(yīng)該直接單擊“路徑”面板底部的“用畫筆描邊路徑”按鈕。值得一提的是，在很多設(shè)計(jì)作品中，經(jīng)?？梢钥吹絻深^細(xì)、中間粗的線條效果，它們就是結(jié)合畫筆描邊路徑制作出來的。這種線條的制作方法非常簡單，用戶可以在描邊路徑時(shí)，按住Alt鍵單擊“路徑”面板底部的“用畫筆描邊路徑”按鈕，在彈出的對話框中勾選“模擬壓力”復(fù)選框，并在其中選擇要描邊的繪圖工具，然后單擊“確定”按鈕退出對話框即可。如圖6.27所示為原路徑及用不同的畫筆對路徑進(jìn)行描邊操作后的效果。圖6.276.3.4刪除路徑當(dāng)需要?jiǎng)h除路徑時(shí)，可以執(zhí)行以下操作之一。選中要?jiǎng)h除的路徑，單擊“路徑”面板底部的“刪除當(dāng)前路徑”按鈕，在彈出的對話框中單擊“是”按鈕，即可刪除路徑。按住鼠標(biāo)左鍵將要?jiǎng)h除的路徑拖動至“路徑”面板底部的“刪除當(dāng)前路徑”按鈕上即可。6.3.5將選區(qū)轉(zhuǎn)換為路徑對于制作出來的選區(qū)，可以通過單擊“路徑”面板底部的“從選區(qū)生成工作路徑”按鈕，即可將選區(qū)轉(zhuǎn)換為相同形狀的路徑。6.3.6將路徑轉(zhuǎn)換為選區(qū)要將當(dāng)前選擇的路徑轉(zhuǎn)換為選區(qū)，可以單擊“路徑”面板底部的“將路徑作為選區(qū)載入”按鈕，或在此面板的彈出菜單中選擇“建立選區(qū)”命令。也可以按住Ctrl鍵單擊面板中的路徑名稱，或按Ctrl+Enter鍵直接將路徑轉(zhuǎn)換為選區(qū)。6.4路徑運(yùn)算除了通過直接繪制路徑選擇圖像輪廓的方法外，也可以在需要的情況下利用路徑運(yùn)算來選擇圖像，或利用路徑及其運(yùn)算功能進(jìn)行選擇，讀者可以嘗試著進(jìn)行操作。路徑運(yùn)算是Photoshop提供的一項(xiàng)非常重要且好用的路徑功能，使用此功能可以通過運(yùn)算輕易地得到手動繪制很難得到的路徑，從而得到非常復(fù)雜的選擇區(qū)域。這一功能在圖像設(shè)計(jì)方面也有不可估量的作用，下面將以圖6.35所示的形狀及對應(yīng)的“圖層”面板為例，分別講解4個(gè)按鈕的含義，圖6.36是為形狀增加了圖層樣式以提升其美觀程度后的效果。圖6.35圖6.36選擇“新建圖層”選項(xiàng)，然后繪制形狀，可以在不改變原有任意一個(gè)形狀的情況下，繪制一個(gè)新的形狀。如圖6.37所示為繪制了新形狀后得到的效果及對應(yīng)的“圖層”面板，圖6.38是分別為兩個(gè)形狀圖層添加了圖層樣式后得到的效果。圖6.37圖6.38選擇“與形狀區(qū)域相交”選項(xiàng)，再繪制路徑，生成的新區(qū)域被定義為新路徑與現(xiàn)有路徑的交叉區(qū)域。對上例而言，選擇此按鈕后再繪制路徑，“圖層”面板如圖6.39所示，圖6.40是為形狀添加了圖層樣式后得到的效果。圖6.39圖6.40選擇“排除重疊形狀”選項(xiàng)，再繪制路徑，可以定義生成的新區(qū)域?yàn)樾侣窂胶同F(xiàn)有路徑的非重疊區(qū)域。對上例而言，選擇此按鈕后再繪制路徑，得到如圖6.41所示的路徑，圖6.42是為形狀添加了圖層樣式后得到的效果。圖6.41圖6.42提示：在繪制第二條路徑時(shí)確定路徑間的運(yùn)算模式，具有靈活的可編輯性。即如果要得到其他運(yùn)算模式所定義的效果，可以在該路徑被選中的情況下，直接在工具選項(xiàng)條上選擇不同的運(yùn)算按鈕選項(xiàng)。以下進(jìn)行的形狀之間的運(yùn)算，都必須在選擇形狀圖層矢量蒙版的情況下才可以執(zhí)行，因?yàn)橹挥性谶x擇了該矢量蒙版后，各個(gè)運(yùn)算按鈕才可以使用。在選擇了形狀圖層矢量蒙版的情況下，選擇“合并形狀”選項(xiàng)，然后繪制平面，可向現(xiàn)有形狀中添加新形狀所定義的區(qū)域，得到如圖6.43所示的效果。圖6.44是為形狀添加了圖層樣式后得到的效果。選擇“減去頂層形狀”選項(xiàng)，再繪制路徑，可從現(xiàn)有路徑中刪除新路徑與原路徑的重疊區(qū)域。對上例而言，如果選擇此按鈕后再繪制路徑，“圖層”面板如圖6.45所示，圖6.46是為形狀添加了圖層樣式后得到的效果。圖6.43圖6.44圖6.45圖6.466.5繪制形狀6.5.1矩形工具“矩形選項(xiàng)”面板中重要參數(shù)的含義如下。不受約束：選中該單選按鈕，可以任意地繪制矩形，其長寬比不受限制。方形：選中該單選按鈕，繪制的所有形狀都是正方形。固定大小：選中該單選按鈕，便可在其后的W和H文本框中輸入數(shù)值，以精確定義矩形的寬度與高度尺寸。比例：選中該單選按鈕，便可在其后的W和H文本框中輸入數(shù)值，定義矩形寬度與高度的比例值。從中心：無論選擇以上4種繪制方式中的哪一種，都可以勾選“從中心”復(fù)選框，勾選該復(fù)選框后，繪制矩形時(shí)將從中心向外擴(kuò)展。6.5.2圓角矩形工具選擇“圓角矩形工具”，可以繪制圓角矩形，與“矩形工具”不同的是，該工具多了一個(gè)“半徑”選項(xiàng)，在該文本框中輸入數(shù)值，可以設(shè)置圓角的半徑值。數(shù)值越大角度越圓滑，如果“半徑”值為0px，就可創(chuàng)建矩形。6.5.3橢圓工具利用“橢圓工具”可以繪制出圓形和橢圓形，其工具選項(xiàng)與“矩形工具”的選項(xiàng)基本相同，故不再重述。6.5.4多邊形工具“多邊形工具”用于繪制不同邊數(shù)的多邊形或星形，在其工具選項(xiàng)條中的“邊”文本框中輸入數(shù)值，可設(shè)置多邊形或星形的邊數(shù)，邊數(shù)范圍為3～100。6.5.5直線工具選擇“直線工具”，可以繪制不同形狀的直線，另外還可以根據(jù)需要為直線增加箭頭，在其工具選項(xiàng)條中的“粗細(xì)”文本框中輸入數(shù)值，可以確定直線的寬度，數(shù)值范圍為1～1000像素。6.5.6自定形狀工具Photoshop提供了大量的特殊形狀，利用該工具可以非常方便地在頁面中創(chuàng)建相應(yīng)的形狀或路徑?！白远ㄐ螤钸x項(xiàng)”面板中的選項(xiàng)與“矩形選項(xiàng)”面板相似，區(qū)別是在“自定形狀選項(xiàng)”面板中，勾選“定義的比例”復(fù)選框創(chuàng)建的形狀均維持原圖形的比例，勾選“定義的大小”復(fù)選框創(chuàng)建的形狀是原圖形的大小。

6.5.7精確創(chuàng)建圖形PhotoshopCS6在矢量繪圖方面提供了更強(qiáng)大的功能，在使用“矩形工具”、“橢圓工具”、“自定形狀工具”等圖形繪制工具時(shí)，可以在畫布中單擊，此時(shí)會彈出一個(gè)相應(yīng)的對話框，以使用“橢圓工具”在畫布中單擊為例，將彈出如圖6.62所示的參數(shù)設(shè)置對話框，在其中設(shè)置適當(dāng)?shù)膮?shù)并選擇選項(xiàng)，然后單擊“確定”按鈕，即可精確創(chuàng)建圓角矩形。圖6.626.5.8調(diào)整形狀大小在PhotoshopCS6中，對于形狀圖層中的路徑，可以在工具選項(xiàng)條上精確調(diào)整其大小。使用“路徑選擇工具”選中要改變大小的路徑后，在工具選項(xiàng)條上的W和H文本框中輸入具體的數(shù)值，即可改變其大小。若是選中W與H之間的鏈接形狀的寬度和高度按鈕，則可以等比例調(diào)整當(dāng)前選中路徑的大小。6.5.9創(chuàng)建自定形狀與定義畫筆、圖案一樣，在Photoshop也可以自定義形狀，使圖像效果更加豐富多彩。6.5.10保存形狀形狀列表框中的形狀與筆刷一樣，都可以文件形式保存，以方便用戶保存及共享。6.6為路徑設(shè)置填充與描邊在PhotoshopCS6中，可以直接為形狀圖層設(shè)置多種漸變及描邊的顏色、粗細(xì)、線型等屬性，從而更加