Photoshop 2020平面設(shè)計實例教程第7章 矢量圖形

第7章矢量圖形7.1認(rèn)識矢量圖形7.2用工具繪制矢量圖形7.3路徑面板7.1認(rèn)識矢量圖形010304計算機(jī)圖形可以分為兩個大類：位圖圖像與矢量圖形。位圖圖像從技術(shù)上來說是一種基于像素網(wǎng)格的點陣圖像，也叫做柵格圖像。它是由一些方形的像素點，通過不同的排列和著色構(gòu)成的圖像。矢量圖形，從數(shù)學(xué)的角度上來說，是一系列由點連接的線。它的形態(tài)是由這些點和線的位置決定的，并且只能由軟件來生成。圖7-1位圖圖像圖7-2矢量圖形7.2用工具繪制矢量圖形矢量工具可以創(chuàng)建3種類型的對象：路徑、形狀和像素。因此在繪制前，需要在工具選項欄中選定其中一種，如圖7-3所示，然后用“鋼筆工具”組或“形狀工具”組中的工具來進(jìn)行繪制矢量路徑。圖7-3矢量工具選項欄010304使用“路徑”模式，如圖7-4所示，可以繪制出路徑輪廓。路徑輪廓在操作畫面上顯示為藍(lán)色帶有錨點的直線或曲線，如圖7-5所示，這是一種無法被顯示、打印或?qū)С龅氖噶繉ο?，因此繪制出的路徑被保存在“路徑”面板中，無法在“圖層”面板中找到路徑，如圖7-6與7-7所示。路徑可以被轉(zhuǎn)換為選區(qū)、形狀圖層和矢量蒙版。圖7-4

在頂層工具選項欄中選擇“路徑”模式圖7-5繪制出的路徑對象圖7-6路徑在路徑面板中的顯示圖7-7圖層面板中無法顯示路徑7.2用工具繪制矢量圖形使用“形狀”模式，如圖7-8所示，可以繪制出形狀圖層，畫面效果如圖7-9所示。形狀包含了描邊和填充兩部分內(nèi)容，其中描邊可以進(jìn)行變形，填充可以用純色、漸變和圖案來進(jìn)行上色編輯。形狀圖層同時顯示在“圖層”面板和“路徑”面板中，如圖7-10與7-11所示，因此它的描邊和填充色是可以被打印和輸出的。用基于矢量的工具，如鋼筆工具和直接選擇工具來對它進(jìn)行編輯。圖7-8

在頂層工具選項欄中選擇“形狀”模式圖7-9繪制出的形狀對象圖7-10顯示在“路徑”面板圖7-11顯示在“圖層”面板7.2用工具繪制矢量圖形使用“像素”模式，如圖7-12所示，可以在當(dāng)前圖層中繪制出以前景色為填充的圖像，如圖7-13與7-14所示。該模式下繪制出的圖像不具備矢量輪廓，如圖7-15所示。

圖7-12在工具欄選項中選擇“像素”模式圖7-13“路徑”面板中的顯示圖7-14“圖層”面板中的顯示圖7-15繪制出的對象7.2用工具繪制矢量圖形7.2.1鋼筆工具010304“鋼筆工具”是創(chuàng)建矢量圖形時最常用的工具之一。在很多軟件中都引入了“鋼筆工具”，如AdobeIllustrator、AdobePhotoshop和AdobeInDesign，還有一些視頻軟件如AdobePremierePro和AdobeAfterEffect等，也包含了“鋼筆工具”。雖然需要花一定時間練習(xí)才能掌握，但是“鋼筆工具”的應(yīng)用范圍十分的廣泛，是每個學(xué)習(xí)設(shè)計的人必備技能?！颁摴P工具”組中包含鋼筆工具、自由鋼筆工具、彎度鋼筆工具、添加錨點工具、刪除錨點工具以及轉(zhuǎn)換錨點工具，如圖7-16所示。其中鋼筆工具和轉(zhuǎn)換錨點工具使用頻率最高。圖7-16“鋼筆工具”組l鋼筆工具：快捷鍵P，可以通過在畫面上不同位置單擊來連續(xù)創(chuàng)建錨點，以組成路徑。當(dāng)一系列錨點被建立之后，回到初始錨點再次單擊，將創(chuàng)建出閉合路徑，如圖7-17所示。如果需要創(chuàng)建開放路徑時，如圖7-18所示，可以在最后一個錨點被創(chuàng)立后使用Esc鍵結(jié)束繪制。在繪制的過程中，如果需要得到曲線的效果，可以在單擊后拖動鼠標(biāo)，即可拉出兩根調(diào)節(jié)弧度的控制柄，用于調(diào)整曲線的平滑度與方向，如圖7-19所示。用路徑工具繪制出的線叫做貝塞爾曲線，由法國工程師皮埃爾·貝塞爾于1962年開發(fā)，它的基本原理是由錨點來生成線，再由錨點上的兩根控制柄來調(diào)整曲線的大小和形狀，控制柄對于曲線的控制有類似于橡皮筋的效果。圖7-17閉合的路徑圖7-18開放的路徑圖7-19貝塞爾曲線7.2.1鋼筆工具l

轉(zhuǎn)換點工具：在默認(rèn)情況下，貝塞爾曲線的兩條控制柄始終處于一條直線上，當(dāng)調(diào)整其中一個，另外一個也會隨之發(fā)生變化，如圖7-20所示。使用“轉(zhuǎn)換點工具”可以打破這種連接關(guān)系，在其中一根控制柄上使用“轉(zhuǎn)換點工具”，可以將兩根控制柄調(diào)整成為任意的夾角，如圖7-21所示。圖7-20貝塞爾曲線的默認(rèn)控制柄圖7-21用轉(zhuǎn)換點工具轉(zhuǎn)換后的控制柄7.2.1鋼筆工具TIP：在使用“鋼筆工具”繪制時，如果在工具選項欄中的按鈕選項中選中“橡皮帶”復(fù)選框，如圖7-24所示，可以在繪制過程中移動鼠標(biāo)時預(yù)覽將要生成路徑的形狀，提高落筆的準(zhǔn)確性。另外，如果想要還原錨點控制柄的初始狀態(tài)，可以使用“轉(zhuǎn)換點工具”在錨點上單擊，即可使控制柄歸零消失，如圖7-22所示?！稗D(zhuǎn)換點工具”還可以在沒有控制柄的尖角錨點上拖動出控制柄，使之變?yōu)閳A角弧線的狀態(tài)，如圖7-23所示。圖7-22控制柄歸零后的錨點圖7-23重新編輯后的錨點圖7-24在工具選項欄設(shè)置窗口中選擇像皮帶7.2.1鋼筆工具練習(xí)：使用鋼筆工具創(chuàng)建路徑。在這個練習(xí)中我們將練習(xí)使用基本的鋼筆工具功能來繪制一個閉合路徑，如圖7-25所示，具體的操作流程參照教科書內(nèi)的指示。圖7-25用鋼筆工具繪制的路徑7.2.1鋼筆工具l

添加錨點工具與刪除錨點工具：在完成一個路徑的繪制后，如果需要修改路徑的形狀，添加或刪除一些錨點，則選擇相應(yīng)的工具，將鼠標(biāo)移動到需要添加或刪除錨點的位置單擊，即可添加或刪除錨點。另外這兩個工具在日常操作中可以被“鋼筆工具”替代，因為使用“鋼筆工具”修改路徑時，如果鼠標(biāo)指針移到已有錨點的位置，指針會自動變?yōu)閯h除錨點工具的形式，此時單擊鼠標(biāo)，該錨點即會被刪除，反之則可以添加錨點。7.2.1鋼筆工具l

彎度鋼筆工具：比較適合繪制曲線，使用時在畫面不同位置上創(chuàng)建兩個相連的錨點，如圖7-26所示，當(dāng)在第三個位置創(chuàng)建錨點時，路徑會在這三個錨點之間形成彎曲，如圖7-27所示，通過拖動和單擊鼠標(biāo)來調(diào)整錨點的位置和路徑彎曲的程度。如果需要繪制出直線，需要雙擊鼠標(biāo)左鍵，然后再在下一個位置單擊，如圖7-28所示。以此類推還可以建立更多的錨點來進(jìn)一步完善路徑。圖7-26兩個相鄰的錨點7.2.1鋼筆工具圖7-27在3個錨點間形成彎曲圖7-27調(diào)整錨點位置和彎曲程度l

自由鋼筆工具：自由鋼筆工具的使用方法和套索工具類似，按住鼠標(biāo)左鍵的同時在需要描繪的軌跡上移動鼠標(biāo)，就可以得到相應(yīng)的路徑。通過這種方法可以比較自由迅速地創(chuàng)建路徑，但缺點是人手對鼠標(biāo)軌跡不能精確的把控，可以通過后期的編輯和修改，來實現(xiàn)想要得到的效果。7.2.1鋼筆工具除了繪制路徑之外，鋼筆工具還可以用于繪制形狀，如圖7-35所示。在工具選項欄選擇繪制形狀的選項后，還可以通過該工具欄來設(shè)置填充和描邊的顏色，以及描邊的粗細(xì)、虛線形式等選項。圖7-36展示了閉合路徑與非閉合路徑在填充色和描邊效果上的差異。圖7-28在工具選項欄中選擇“形狀”7.2.1鋼筆工具圖7-29閉合與非閉合路徑的差異對比7.2.2路徑選擇與直接選擇工具01在編輯修改路徑時，經(jīng)常需要選擇和移動路徑或錨點的位置，這時需要使用“路徑選擇工具”或“直接選擇工具”（快捷鍵A），如圖7-30所示。這兩個工具都是專門針對矢量對象的工具，只有這兩個工具才能用于選擇和移動路徑?！奥窂竭x擇工具”用于選取整個路徑，單擊需要選擇的路徑，該路徑即會顯示為具有錨點的藍(lán)色線條，如圖7-31所示。選取路徑后可以對其進(jìn)行移動，變換或轉(zhuǎn)換等操作。“路徑選擇工具”還可以用于刪除和復(fù)制路徑，選擇路徑使用Delete鍵可以將路徑整個刪除，選擇路徑按住Alt鍵拖動鼠標(biāo)則可以復(fù)制路徑。圖7-30“路徑選擇工具”組圖7-31被選擇與未被選擇的路徑7.2.2路徑選擇與直接選擇工具01“直接選擇工具”則用于選擇路徑中的單個錨點，或是貝塞爾曲線中的調(diào)節(jié)柄，它的主要功能是調(diào)整錨點的位置和屬性來編輯路徑的形態(tài)。在圖7-32中可以看到，被選定的錨點呈現(xiàn)藍(lán)色，而該錨點所在路徑的其余錨點呈現(xiàn)白色?！爸苯舆x擇工具”還可以用來刪除單個錨點，與“刪除錨點工具”不同的是：“刪除錨點工具”只是在路徑上將錨點刪除，路徑依然保留完整，而使用“直接選擇工具”選擇了錨點，然后使用Delete鍵刪除后，會使路徑失去該錨點兩端的連接而斷開，如圖7-33所示。“直接選擇工具”還可以用來刪除單個錨點，與“刪除錨點工具”不同的是：“刪除錨點工具”只是在路徑上將錨點刪除，路徑依然保留完整，而使用“直接選擇工具”選擇了錨點，然后使用Delete鍵刪除后，會使路徑失去該錨點兩端的連接而斷開，如圖7-40所示。圖7-32被選定的錨點示意圖圖7-33錨點被刪除前后的路徑7.2.2路徑選擇與直接選擇工具練習(xí)：使用鋼筆工具摳圖“摳圖”是Photoshop操作中使用頻率非常高的一種操作，是制作影像合成與圖像拼貼時幾乎必不可少的一個環(huán)節(jié)。使用“鋼筆工具”摳圖很大程度的實現(xiàn)對于摳圖區(qū)域的主觀控制，因為路徑的繪制是完全由手動掌控的。下面練習(xí)使用“鋼筆工具”為一只翠鳥照片，如圖7-34所示，進(jìn)行摳圖，詳細(xì)操作見教材內(nèi)容。圖7-34翠鳥照片7.2.3矩形與圓角矩形工具04“矩形工具”如圖7-35所示，可以用來繪制矩形和正方形的路徑、形狀或像素圖形。在工具選項欄中設(shè)置要創(chuàng)建的對象類型并設(shè)置相應(yīng)的選項，如圖7-36所示，在畫面上單擊即可彈出“創(chuàng)建矩形”對話框，如圖7-37所示，填寫長寬等數(shù)據(jù)創(chuàng)建矩形，或通過按住鼠標(biāo)左鍵進(jìn)行拖動創(chuàng)建矩形；按住Shift鍵并按住鼠標(biāo)左鍵進(jìn)行拖動可以創(chuàng)建正方形；按住Alt鍵并按住鼠標(biāo)左鍵進(jìn)行拖動，以單擊點為中心創(chuàng)建矩形；按住Shift+Alt鍵，以單擊點為中心創(chuàng)建正方形，效果如圖7-38所示。圖7-35“矩形工具”組圖7-36不同對象類型的工具選項欄圖7-37磁性套索工具選項欄圖7-38磁性套索工具選項欄7.2.3矩形與圓角矩形工具“圓角矩形工具”的使用方法與“矩形工具”基本相同，其在工具選項欄里多出了對圓角半徑的設(shè)置：“半徑”項，如圖7-39所示。圖7-39圓角矩形的創(chuàng)建選項與效果7.2.4橢圓工具“橢圓工具”可以用來創(chuàng)建橢圓和正圓形的形狀、路徑和像素，工具使用方法與“矩形工具”基本相同，可以創(chuàng)建自由比例的橢圓和正圓形以及固定大小或比例的橢圓和正圓形，如圖7-40所示。圖7-40創(chuàng)建出的橢圓與正圓路徑7.2.5多邊形工具“多邊形工具”可以用來繪制形狀、路徑和像素。在工具選項欄中設(shè)置多邊形的邊或星形角的數(shù)量，然后按住鼠標(biāo)左鍵進(jìn)行拖動創(chuàng)建對象，如圖7-41所示。也可以單擊鼠標(biāo)后，在創(chuàng)建對話框中輸入多邊形或星形半徑的數(shù)值來創(chuàng)建固定大小的形狀，如圖7-42所示。圖7-41設(shè)置并創(chuàng)建多邊形路徑圖7-42通過單擊創(chuàng)建多邊形路徑7.2.5多邊形工具在創(chuàng)建星形時，需要在對話框中選中“星形”復(fù)選框，設(shè)置縮進(jìn)邊的數(shù)值，該數(shù)值是星形角的長短在半徑中所占的比例。另外還可以為星形選擇平滑縮進(jìn)模式。圖7-43展示了一些特殊的星形與多邊形效果。圖7-43星形與多邊形的變化7.2.6直線工具“直線工具”用來繪制形狀、路徑和像素，能夠繪制出帶有和不帶有箭頭的線段，如圖7-44所示。需要特別注意的是，與“鋼筆工具”不同，“直線工具”繪制出的路徑并不是基于兩個錨點之間的線段，而是一種視覺上的線，將這條線放大觀察就會發(fā)現(xiàn)，它的路徑和矩形相同，是由四個錨點構(gòu)成，如圖7-45所示，因此，它的粗細(xì)可以被設(shè)置和調(diào)整。在工具選項欄中可以設(shè)置線的粗細(xì)和箭頭選項等，如圖7-46所示。使用“直線工具”時，按住Shift鍵再按住鼠標(biāo)左鍵進(jìn)行拖動，可以創(chuàng)建出水平、垂直或以45度角為變化單位的直線。圖7-44“直線工具”繪制的對象圖7-45直線的路徑放大圖圖7-46設(shè)置直線屬性7.2.7自定形狀工具在繪制出一些圖形之后，可以通過生成自定義形狀的方式將這些圖形保存下來，便于日后再次使用，而被保存過的這些圖形，可以使用“自定形狀工具”放置在畫面上。打開一張之前繪制過的矢量圖形，如圖7-47所示，用選擇工具將其選取，在菜單欄中選擇“編輯”→“定義自定形狀”命令，或者在圖形上右鍵單擊，彈出的快捷菜單中選擇“定義自定形狀”，打開對話框中為該形狀命名，單擊“確認(rèn)”按鈕，如圖7-48所示。圖7-47打開矢量圖形圖7-48“形狀名稱”對話框7.2.7自定形狀工具在自定形狀工具選項欄中找到剛生成的形狀，如圖7-49所示。使用“自定形狀工具”，可以在photoshop中的任意文件里使用這個形狀，如圖7-50所示。圖7-49自定形狀工具選項欄圖7-50在圖片上使用自定形狀7.3路徑面板在Photoshop文件中矢量對象與像素圖像屬于兩個截然不同的分支，因此繪制出的路徑無法在“圖層”面板中顯示。想要編輯和管理路徑，需要使用“路徑“面板”。7.3.1初識路徑面板在菜單欄中選擇“窗口”→“路徑”命令，打開“路徑”面板?！奥窂健泵姘逯酗@示當(dāng)前工作路徑、儲存路徑，以及當(dāng)前矢量蒙版的名稱和縮覽圖。在路徑面板的下方有一排按鈕，用來對路徑元素進(jìn)行編輯和管理，如圖7-51所示。圖7-51認(rèn)識“路徑”面板7.3.2添加和刪除路徑單擊“路徑”面板下方的按鈕可以創(chuàng)建一個新的路徑層，如圖7-52所示。雙擊路徑名稱可以為其命名，如圖7-53所示。每個路徑層都可以承載多個路徑，但是在制作較為復(fù)雜的圖像時，盡量將每一個路徑都建立在各自的路徑層中，并將其命名，以便于編輯和管理。新建路徑層工具還可以用來復(fù)制路徑，用鼠標(biāo)將要復(fù)制的路徑層拖動到按鈕上，即可復(fù)制出新的路徑層，如圖7-54所示。圖7-52新建路徑層圖7-53為路徑層重新命名圖7-54復(fù)制路徑層7.3.2添加和刪除路徑用鼠標(biāo)可以選定不同的路徑層，被選定的路徑層會有特殊色彩的提示。如需同時選定多個路徑層，可以在按住Ctrl鍵的同時用鼠標(biāo)逐個單擊需要的路徑層，如圖7-55所示。如果需要選定的路徑層在面板中的位置彼此相鄰，可以按住Shift鍵，然后分別在需要選定的范圍兩端先后單擊來選定，如圖7-56所示?！皠h除”按鈕用來刪除當(dāng)前選定的路徑層，選定路徑層后單擊該按鈕即可將被選中的一個或多個路徑層刪除。

圖7-55用Ctrl鍵選定路徑層圖7-56用Shift鍵選定路徑層7.3.3為路徑添加描邊和填充色使用這兩個按鈕可以將路徑的形狀和輪廓以當(dāng)前文件的前景色蓋印在畫布上。首先在路徑層中創(chuàng)建路徑，然后設(shè)置前景色，單擊按鈕，然后用選擇工具移動路徑位置，再單擊