第8章 鋼筆工具與形狀工具

第8章鋼筆工具與形狀工具熟悉路徑的相關(guān)知識(shí)熟練掌握鋼筆工具的使用熟練掌握形狀工具的使用認(rèn)識(shí)矢量工具基礎(chǔ)知識(shí)熟練掌握鋼筆工具組中各種工具的使用熟練掌握形狀工具組中各種工具的使用掌握路徑與形狀的編輯方法8.1矢量工具基礎(chǔ)知識(shí)8.1.1矢量圖像8.1.2認(rèn)識(shí)路徑與錨點(diǎn)8.1.3選擇繪圖模式8.1矢量工具基礎(chǔ)知識(shí)8.1.1矢量圖像矢量圖，也稱為面向?qū)ο蟮膱D像或繪圖圖像，在數(shù)學(xué)上定義為一系列由線連接的點(diǎn)。矢量文件中的圖形元素稱為對(duì)象。每個(gè)對(duì)象都是一個(gè)自成一體的實(shí)體，它具有顏色、形狀、輪廓、大小等屬性。矢量圖是根據(jù)幾何特性來繪制圖形的，可以是直線或曲線，也可以是二者的組合。矢量圖像的特點(diǎn)是放大后圖像不會(huì)失真，和分辨率無關(guān)，適用于圖形設(shè)計(jì)、文字設(shè)計(jì)和一些標(biāo)志設(shè)計(jì)、版式設(shè)計(jì)等。8.1矢量工具基礎(chǔ)知識(shí)8.1.2認(rèn)識(shí)路徑與錨點(diǎn)路徑的含義包含許多種，例如磁盤中的地址路徑、HTML中鏈接的絕對(duì)路徑（網(wǎng)址）等。圖形設(shè)計(jì)軟件中的路徑是指所繪圖形的輪廓，路徑不包括任何像素，但可以填充顏色或?yàn)槁窂教砑用柽叀＠L制完路徑或形狀后，可以在路徑面板中找到所繪制的路徑。在Photoshop中，繪制路徑的工具包括鋼筆工具和形狀工具。除此以外，使用文字工具創(chuàng)建文字圖層后，可以將文字圖像轉(zhuǎn)換為文字路徑。與選區(qū)不同（必須是閉合式），路徑可以是開放式、閉合式和組合式。針對(duì)開放式路徑，可以使用鋼筆工具使斷開的路徑閉合；針對(duì)閉合路徑，使用直接選擇工具刪除路徑上的錨點(diǎn)，從而使閉合的路徑斷開。8.1矢量工具基礎(chǔ)知識(shí)8.1.2認(rèn)識(shí)路徑與錨點(diǎn)路徑是由一或多條直線段或曲線段組成的輪廓，這些直線段或曲線段的兩端端點(diǎn)即為錨點(diǎn)。根據(jù)實(shí)際需要，可以添加或刪除路徑上的錨點(diǎn)。使用直接選擇工具選中某一錨點(diǎn)后，該錨點(diǎn)兩側(cè)會(huì)顯示兩條控制手柄，通過調(diào)節(jié)控制手柄的方向和長(zhǎng)度，可以控制路徑的走向。根據(jù)路徑的平滑狀況，錨點(diǎn)分為平滑點(diǎn)和角點(diǎn)兩種類型。當(dāng)錨點(diǎn)所處的路徑轉(zhuǎn)折平滑時(shí)，該錨點(diǎn)的兩條控制手柄在一條直線上，此類錨點(diǎn)稱為平滑錨點(diǎn)；當(dāng)錨點(diǎn)所處的路徑轉(zhuǎn)折不平滑時(shí)，該錨點(diǎn)的兩條控制手柄呈夾角狀，此類錨點(diǎn)稱為角點(diǎn)。8.1矢量工具基礎(chǔ)知識(shí)8.1.2認(rèn)識(shí)路徑與錨點(diǎn)根據(jù)路徑的平滑狀況，錨點(diǎn)分為平滑點(diǎn)和角點(diǎn)兩種類型。當(dāng)錨點(diǎn)所處的路徑轉(zhuǎn)折平滑時(shí)，該錨點(diǎn)的兩條控制手柄在一條直線上，此類錨點(diǎn)稱為平滑錨點(diǎn)；當(dāng)錨點(diǎn)所處的路徑轉(zhuǎn)折不平滑時(shí)，該錨點(diǎn)的兩條控制手柄呈夾角狀，此類錨點(diǎn)稱為角點(diǎn)。選擇一個(gè)平滑點(diǎn)錨點(diǎn)，然后選擇鋼筆工具，將光標(biāo)置于該錨點(diǎn)上，按住Alt鍵的同時(shí)單擊鼠標(biāo)左鍵，即可將平滑點(diǎn)轉(zhuǎn)換為角點(diǎn)。也可以直接使用轉(zhuǎn)換點(diǎn)工具

對(duì)錨點(diǎn)進(jìn)行轉(zhuǎn)換。8.1矢量工具基礎(chǔ)知識(shí)8.1.3選擇繪圖模式使用鋼筆工具和形狀工具可以繪制路徑、形狀、像素三種類型的圖形，其中，在路徑和形狀模式下繪制的元素都屬于矢量路徑。在使用鋼筆工具或形狀工具繪制圖像前，需要先在工具屬性欄中選擇所需的繪圖模式。選擇“形狀”模式后，可以繪制帶有矢量路徑和填充描邊屬性的形狀圖層；選擇“路徑”模式后，可以繪制獨(dú)立的路徑；選擇“像素”模式后，可以繪制帶有填充屬性的像素圖像。值得注意的是，當(dāng)選擇“像素”模式繪制圖像時(shí)，需要先按Ctrl+Shift+Alt+N快捷鍵新建空白像素圖層。8.2鋼筆工具組8.2.1鋼筆工具8.2.2自由鋼筆工具8.2.3彎度鋼筆工具8.2.4添加/刪除錨點(diǎn)工具8.2.5轉(zhuǎn)換點(diǎn)工具8.2鋼筆工具8.2.1鋼筆工具在Photoshop中，使用鋼筆工具（快捷鍵為P）可以繪制靈活多樣的路徑或形狀。選中鋼筆工具后，可以在工具屬性欄中設(shè)置相關(guān)參數(shù)，繪制完成后，利用屬性欄可以再次修改參數(shù)。①

繪制形狀使用鋼筆工具繪制形狀前，需要在工具屬性欄的繪圖樣式中選中“形狀”選項(xiàng)。使用鋼筆工具繪制形狀時(shí)，既可繪制繪制直線又可繪制曲線。當(dāng)需要?jiǎng)?chuàng)建由直線組成的形狀時(shí)，先在畫布中單擊鼠標(biāo)左鍵創(chuàng)建一個(gè)起始錨點(diǎn)，然后移動(dòng)光標(biāo)，再次單擊鼠標(biāo)左鍵即可創(chuàng)建直線；當(dāng)需要?jiǎng)?chuàng)建由曲線組成的形狀時(shí)，先創(chuàng)建一個(gè)起始錨點(diǎn)，然后移動(dòng)光標(biāo)，再次按住鼠標(biāo)左鍵并拖動(dòng)鼠標(biāo)即可繪制曲線。8.2鋼筆工具8.2.1鋼筆工具②

繪制路徑使用鋼筆工具繪制路徑前，需要在工具屬性欄的繪圖樣式中選中“路徑”選項(xiàng)。使用鋼筆工具可以繪制直線路徑和曲線路徑，繪制方式與繪制形狀時(shí)一樣。若要繪制閉合路徑，則需要使最后一段路徑的終點(diǎn)與起始點(diǎn)重合；若要繪制開放路徑，則只需繪制完最后一段路徑后，按住Ctrl鍵的同時(shí)單擊鼠標(biāo)左鍵結(jié)束繪制操作即可。8.2鋼筆工具8.2.1鋼筆工具②

繪制路徑繪制完路徑后，通過工具屬性欄可以再次編輯該路徑。在路徑面板選中繪制的路徑后，在鋼筆工具屬性欄中點(diǎn)擊“選區(qū)”選項(xiàng)，可以將路徑轉(zhuǎn)換為選區(qū)，利用選區(qū)可以摳取素材圖片，因此，使用鋼筆工具可以實(shí)現(xiàn)精確摳圖。若在鋼筆工具屬性欄中選中“蒙版”選項(xiàng)，則可以創(chuàng)建蒙版；若選中“形狀”選項(xiàng)，可以將路徑轉(zhuǎn)換為具有填充和描邊屬性的形狀。在實(shí)際工作中，經(jīng)常需要將一副畫面的部分圖像摳取出來，當(dāng)目標(biāo)圖像不規(guī)則并且與背景的顏色差異不明顯時(shí)，就需要靈活運(yùn)用鋼筆工具沿著目標(biāo)圖像的邊緣繪制路徑，然后按Ctrl+Enter鍵將路徑轉(zhuǎn)換為選區(qū)，按Ctrl+J即可將選區(qū)內(nèi)的圖像摳取出來。鋼筆工具摳圖是常用的技能，讀者需要熟練掌握。8.2鋼筆工具8.2.2自由鋼筆工具自由鋼筆工具與鋼筆工具類似，也可繪制路徑和形狀，不同的是，自由鋼筆工具可以繪制比較隨意的路徑和形狀，不需要手動(dòng)創(chuàng)建錨點(diǎn)，只需按住鼠標(biāo)左鍵拖動(dòng)即可繪制路徑或形狀，松開鼠標(biāo)后，軟件會(huì)自動(dòng)在路徑上創(chuàng)建錨點(diǎn)。8.2鋼筆工具8.2.3彎度鋼筆工具彎度鋼筆工具具有與鋼筆工具相似的屬性，選擇該工具繪制元素前，同樣需要在屬性欄中選擇繪圖模式，如形狀、路徑。不同的是，彎度鋼筆工具繪制的路徑或形狀都是彎曲的，不能繪制直線。8.2鋼筆工具8.2.3彎度鋼筆工具彎度鋼筆工具具有與鋼筆工具相似的屬性，選中該工具繪制元素前，同樣需要在屬性欄中選擇繪圖模式，如形狀、路徑。不同的是，彎度鋼筆工具繪制的路徑或形狀都是彎曲的，不能繪制直線。8.2鋼筆工具8.2.4添加/刪除錨點(diǎn)工具使用鋼筆工具或形狀工具繪制完路徑或形狀后，路徑上有許多控制錨點(diǎn)，使用鋼筆工具組中的添加錨點(diǎn)工具可以在路徑上增加錨點(diǎn)，使用刪除錨點(diǎn)工具可以刪除路徑上的錨點(diǎn)。使用刪除錨點(diǎn)工具刪除路徑上的錨點(diǎn)時(shí)，需要先將鼠標(biāo)光標(biāo)置于錨點(diǎn)上，此時(shí)光標(biāo)變?yōu)?/p>

，單擊鼠標(biāo)左鍵即可刪除該錨點(diǎn)。若需要同時(shí)刪除多個(gè)錨點(diǎn)，可以在選中刪除錨點(diǎn)工具后，框選這些需要?jiǎng)h除的錨點(diǎn)，然后按Delete鍵即可將選中的錨點(diǎn)都刪除。使用添加錨點(diǎn)工具增加路徑上的錨點(diǎn)時(shí)，需先將光標(biāo)置于路徑上需要添加錨點(diǎn)的位置，此時(shí)光標(biāo)圖標(biāo)變?yōu)?/p>

，單擊鼠標(biāo)左鍵即可添加錨點(diǎn)。8.2鋼筆工具8.2.5轉(zhuǎn)換點(diǎn)工具使用轉(zhuǎn)換點(diǎn)工具可以實(shí)現(xiàn)平滑點(diǎn)與角點(diǎn)之間的轉(zhuǎn)換。若需要將平滑點(diǎn)轉(zhuǎn)換為角點(diǎn)，先選中轉(zhuǎn)換點(diǎn)工具，然后將光標(biāo)置于該錨點(diǎn)上，單擊鼠標(biāo)左鍵即可將平滑錨點(diǎn)轉(zhuǎn)換為角點(diǎn)，曲線路徑也會(huì)轉(zhuǎn)換為直線路徑。若需要將角點(diǎn)轉(zhuǎn)換為平滑點(diǎn)，先選中轉(zhuǎn)換點(diǎn)工具，然后將光標(biāo)置于該錨點(diǎn)上，單擊鼠標(biāo)左鍵并按住左鍵向左或向右拖拽，即可將角點(diǎn)轉(zhuǎn)換為平滑點(diǎn)。值得注意的是：使用鋼筆工具時(shí)，按住Alt可以切換為轉(zhuǎn)換點(diǎn)工具；使用直接選擇工具時(shí)，按住Ctrl+Alt可以切換為轉(zhuǎn)換點(diǎn)工具。8.2鋼筆工具【案例1】營(yíng)銷海報(bào)使用鋼筆工具不僅可以繪制形態(tài)豐富的矢量形狀，也常用來?yè)溉?fù)雜的圖像，本案例利用鋼筆工具摳取海報(bào)所需的主體元素，搭配文字工具創(chuàng)建一副節(jié)氣海報(bào)。

8.3形狀工具組8.3.1矩形工具8.3.2橢圓工具8.3.3三角形工具8.3.4多邊形工具8.3.5直線工具8.3.6自定義形狀工具8.3Photoshop文字基礎(chǔ)8.3.1矩形工具矩形工具可以繪制矩形和正方形的路徑、形狀和像素圖形，與鋼筆工具一樣，使用矩形工具繪制元素之前，需要在工具屬性欄中設(shè)置繪圖模式以及其他的參數(shù)。繪制完圖像后，通過工具屬性欄可以對(duì)圖像進(jìn)行再編輯操作，如修改填充或描邊顏色、調(diào)整寬高大小等。針對(duì)圖像大小，還可以使用自由變換（按Ctrl+T快捷鍵）進(jìn)行修改。8.3Photoshop文字基礎(chǔ)8.3.1矩形工具選擇矩形工具后，在屬性欄中可以設(shè)置圓角的參數(shù)值，即可繪制圓角矩形。參數(shù)越大，圓角越大。在新版本的軟件中，可以使用路徑選擇工具改變圓角矩形的圓角大小，繪制完成一個(gè)矩形或者圓角矩形，選擇路徑選擇工具，此時(shí)該矩形的四個(gè)角內(nèi)側(cè)出現(xiàn)圖標(biāo)，將光標(biāo)置于該圖標(biāo)上，拖動(dòng)即可改變矩形的圓角大小。圓角矩形繪制完成后，執(zhí)行“窗口”→“屬性”命令，可以調(diào)出屬性窗口，在該窗口中可以修改圓角矩形的長(zhǎng)度、寬度、外觀、圓角半徑等屬性。在屬性面板中可以修改已繪制圓角矩形的寬高、填充/描邊的樣式和顏色、圓角參數(shù)的半徑等。其中，在修改圓角參數(shù)時(shí)，可以在參數(shù)輸入框中輸入?yún)?shù)，也可以將光標(biāo)置于按鈕上，按住鼠標(biāo)左鍵向右拖拽增大圓角，向左拖拽減小圓角，選中前側(cè)的鏈條時(shí)，可以同時(shí)改變四個(gè)角的圓角半徑。8.3Photoshop文字基礎(chǔ)8.3.2橢圓工具橢圓工具可以繪制橢圓和正圓形，屬性欄設(shè)置與矩形工具屬性欄相同，在此不再贅述。選中橢圓工具后，在屬性欄中選擇需要的繪圖模式，然后將光標(biāo)置于畫布中，按住鼠標(biāo)左鍵并拖動(dòng)即可繪制橢圓。若要繪制正圓形，可以按住Shift鍵或Shift+Alt組合鍵（以鼠標(biāo)單擊點(diǎn)為中心）進(jìn)行創(chuàng)建。繪制好橢圓形狀后，執(zhí)行“窗口”→“屬性”命令，可以在屬性窗口中設(shè)置橢圓的大小、羽化值等參數(shù)。8.3Photoshop文字基礎(chǔ)8.3.3三角形工具使用三角形工具可以繪制三角形，選中三角形工具，在屬性欄中選中繪制模式后，即可在畫布上繪制三角形，按住Shift鍵的同時(shí)拖動(dòng)鼠標(biāo)可以繪制正三角形。通過設(shè)置圓角參數(shù)，可以繪制圓角三角形。繪制完成三角形后，執(zhí)行“窗口”→“屬性”命令，可以在屬性窗口中設(shè)置三角形的大小、外觀、羽化等參數(shù)。8.3Photoshop文字基礎(chǔ)8.3.4多邊形工具使用多邊形工具可以繪制多邊形和星形，選中多邊形工具后，可以在工具屬性欄中設(shè)置相關(guān)參數(shù)，包括繪圖模式、邊數(shù)等。8.3Photoshop文字基礎(chǔ)8.3.5直線工具直線工具可以繪制直線和帶有箭頭的直線，選中直線工具后，可以在屬性欄中設(shè)置相關(guān)參數(shù)，例如繪圖模式、填充或描邊的顏色和樣式等。在粗細(xì)輸入框中輸入?yún)?shù)可以控制直線的粗細(xì)，數(shù)值越大，直線越粗。8.3Photoshop文字基礎(chǔ)8.3.6自定義形狀工具自定義形狀工具可以創(chuàng)建多種樣式的形狀、路徑和像素，選中自定義形狀工具后，可以在屬性欄中設(shè)置相關(guān)參數(shù)，例如填充或描邊的顏色和樣式、形狀等，在“形狀”屬性下可以選擇軟件預(yù)設(shè)的形狀。點(diǎn)擊屬性欄擇“形狀”的下拉按鈕，可以在彈出的預(yù)設(shè)形狀中選擇需要的形狀。在使用自定義形狀時(shí)，除了可以使用Photoshop自帶的形狀外，還可以載入外部形狀。在自定義形狀屬性欄中選擇需要的形狀后，將光標(biāo)置于畫布中并按住鼠標(biāo)左鍵拖動(dòng)，即可繪制所選樣式的形狀。8.4路徑與形狀編輯8.4.1路徑選擇工具8.4.2直接選擇工具8.4.3布爾運(yùn)算8.4路徑與形狀編輯8.4.1路徑選擇工具使用鋼筆工具和形狀工具繪制好形狀或路徑后，經(jīng)常需要對(duì)這些形狀或路徑進(jìn)行再次編輯，從而使圖像符合實(shí)際需要。在Photoshop的工具欄中，設(shè)置了路徑選擇工具和直接選擇工具，使用這兩種工具可以再次編輯路徑，通過路徑面板也可以對(duì)路徑進(jìn)行相關(guān)操作，本節(jié)將詳細(xì)講解路徑與形狀的再編輯操作。移動(dòng)工具可以移動(dòng)選中圖層中的圖像，例如文字、像素圖像、形狀等。若需要移動(dòng)的對(duì)象是路徑，那么必須使用路徑選擇工具（快捷方式為A），使用該工具可以移動(dòng)路徑、刪除路徑、復(fù)制路徑等。本章第一節(jié)內(nèi)容已經(jīng)介紹了路徑的概念，使用鋼筆工具和形狀工具可以繪制路徑，也可以繪制帶有路徑的形狀。當(dāng)繪制的元素為形狀時(shí)，使用路徑選擇工具移動(dòng)的不僅是路徑，也是形狀。同樣地，使用路徑選擇工具選中路徑后，按Delete鍵刪除，既刪除路徑也會(huì)刪除形狀。使用路徑選擇工具搭配Alt鍵可以復(fù)制路徑。8.4路徑與形狀編輯8.4.2直接選擇工具使用直接選擇工具可以選中路徑上的一個(gè)或多個(gè)錨點(diǎn)，然后對(duì)選中的錨點(diǎn)進(jìn)行移動(dòng)、刪除等操作。若要選中多個(gè)錨點(diǎn)，可以按住Shift鍵的同時(shí)點(diǎn)選需要選擇的錨點(diǎn)即可。直接選擇工具的另一作用在于調(diào)節(jié)錨點(diǎn)的控制手柄，從而調(diào)整路徑的彎曲程度和方向。選擇直接選擇工具后，選擇需要調(diào)整的錨點(diǎn)，此時(shí)錨點(diǎn)的兩條控制手柄顯示出來，將光標(biāo)置于需要調(diào)節(jié)的控制手柄的端點(diǎn)，按住鼠標(biāo)左鍵并拖動(dòng)即可調(diào)整路徑。8.4路徑與形狀編輯8.4.3布爾運(yùn)算形狀的布爾運(yùn)算被廣泛運(yùn)用于圖形設(shè)計(jì)中，特別是圖標(biāo)設(shè)計(jì)、Logo設(shè)計(jì)等。繪制形狀時(shí)，根據(jù)實(shí)際需要，可以在形狀屬性欄中選擇布爾運(yùn)算的樣式。新建圖層：每繪制一次形狀，圖層面板中都會(huì)新增一個(gè)形狀圖層，各個(gè)形狀之間不會(huì)產(chǎn)生合并、交叉等運(yùn)算。合并形狀：選中該選項(xiàng)（或按住Shift鍵的同時(shí)繪制新的形狀），新繪制的圖形會(huì)添加到