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

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

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

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

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

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

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

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

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

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