項(xiàng)目六矢量圖的繪制——制作產(chǎn)品包裝袋圖形圖像處理Photoshopcc2024（第1版）知識(shí)梳理知識(shí)目標(biāo)了解矢量圖和路徑的概念。了解矢量圖的繪圖模式。了解路徑的運(yùn)算、對齊、分布與排列。掌握鋼筆工具組和路徑選擇工具組中工具的使用方法。掌握“路徑”面板的使用方法。掌握添加矢量蒙版的方法。能力目標(biāo)能夠結(jié)合產(chǎn)品特色和市場需求，設(shè)計(jì)出獨(dú)特的手提袋。能夠利用色彩和構(gòu)圖，設(shè)計(jì)出符合品牌形象的視覺效果。素養(yǎng)目標(biāo)增強(qiáng)品牌意識(shí)，傳播品牌文化。提高溝通能力并培養(yǎng)團(tuán)隊(duì)合作精神。學(xué)習(xí)目標(biāo)Photoshopcc2024知識(shí)準(zhǔn)備1．認(rèn)識(shí)矢量圖和路徑1）矢量圖矢量圖是基于數(shù)學(xué)方程來描述圖像的幾何形狀，可以無限縮放而不損失質(zhì)量。矢量圖通常由點(diǎn)、線、矩形、弧線等組成，這些元素可以平滑地縮放到任意大小而不會(huì)失真。在Photoshop軟件中繪制的矢量圖包括矢量形狀和路徑，其中可以使用形狀工具、鋼筆工具繪制矢量圖；使用路徑編輯工具繪制路徑，并通過“路徑”面板進(jìn)行路徑的編輯和應(yīng)用。2）路徑路徑是Photoshop軟件中用于定義矢量圖形輪廓的一種方式，由一系列的點(diǎn)（錨點(diǎn)）和連接這些點(diǎn)的線段或曲線組成。路徑可以是開放的（起始和終止位置未連接）或閉合的（起始和終止位置相連）。路徑不僅可以作為矢量圖形的輪廓，還可以轉(zhuǎn)換為選區(qū)、創(chuàng)建蒙版或作為繪制矢量圖形的基礎(chǔ)。2．矢量工具的繪圖模式矢量工具的繪圖模式可以分為形狀、路徑和像素3種，具體如下。形狀：會(huì)創(chuàng)建新的形狀圖層。形狀圖層是帶有剪貼路徑的填充層，其中填充圖層定義形狀的顏色，而圖層定義形狀的幾何輪廓。路徑：會(huì)創(chuàng)建一個(gè)臨時(shí)的工作路徑，出現(xiàn)在“路徑”面板中，而不是出現(xiàn)在“圖層”面板中。路徑是由錨點(diǎn)、直線、曲線組成的。錨點(diǎn)是定義路徑每條線段的開始和結(jié)束點(diǎn)，通過它來固定路徑，并通過移動(dòng)錨點(diǎn)改變路徑形狀。像素：會(huì)創(chuàng)建柵格圖像，而不是矢量圖形。在使用鋼筆工具時(shí)，不能使用該模式。Photoshopcc2024知識(shí)準(zhǔn)備3．路徑的運(yùn)算在工具選項(xiàng)欄中單擊“路徑操作”按鈕

，在彈出的下拉列表中可以選擇相應(yīng)的選項(xiàng)進(jìn)行路徑的運(yùn)算。1）新建圖層選擇“新建圖層”選項(xiàng)，可以使新繪制的圖形與之前的圖形不進(jìn)行運(yùn)算。2）合并形狀選擇“合并形狀”選項(xiàng)，可以將新繪制的圖形添加到原有的圖形中。3）減去頂層形狀選擇“減去頂層形狀”選項(xiàng)，可以從原有的圖形中減去新繪制的圖形。4）與形狀區(qū)域交叉選擇“與形狀區(qū)域交叉”選項(xiàng)，可以得到新圖形與原有圖形的交叉區(qū)域。5）排除重疊形狀選擇“排除重疊形狀”選項(xiàng)，可以得到新圖形與原有圖形重疊部分以外的區(qū)域。4．路徑的對齊、分布與排列當(dāng)文件中包含多個(gè)路徑時(shí)，選擇路徑，單擊工具選項(xiàng)欄中的“路徑對齊方式”按鈕

在彈出的下拉列表中可以對路徑進(jìn)行對齊、分布；單擊“路徑排列方式”按鈕

，在彈出的下拉列表中可以將選中的路徑的層次關(guān)系進(jìn)行排列。Photoshopcc2024知識(shí)準(zhǔn)備5．鋼筆工具組鋼筆工具組中包含鋼筆工具、自由鋼筆工具、彎度鋼筆工具、添加錨點(diǎn)工具、刪除錨點(diǎn)工具和轉(zhuǎn)換點(diǎn)工具，如圖6-58所示。圖6-58鋼筆工具組1）鋼筆工具鋼筆工具是最基本、最常用的路徑繪制工具，使用該工具可以繪制任意形狀的直線或曲線路徑。勾選“自動(dòng)添加/刪除”復(fù)選框，當(dāng)將鼠標(biāo)指針定位到所選路徑上方時(shí)，鋼筆工具會(huì)變成添加錨點(diǎn)工具，即鋼筆下方有一個(gè)“+”；當(dāng)將鼠標(biāo)指針定位到錨點(diǎn)上方時(shí)，鋼筆工具會(huì)變成刪除錨點(diǎn)工具，即鋼筆下方有一個(gè)“-”。單擊按鈕，在彈出的下拉列表中勾選“橡皮帶”復(fù)選框，可以在移動(dòng)鼠標(biāo)指針時(shí)預(yù)覽兩次單擊之間的路徑段。（1）使用鋼筆工具繪制直線。創(chuàng)建直線路徑，只需使用鋼筆工具在路徑的起始位置和結(jié)束位置分別單擊，即可完成直線路徑的繪制。圖6-59所示為使用鋼筆工具繪制直線效果。Photoshopcc2024知識(shí)準(zhǔn)備圖6-59使用鋼筆工具繪制直線效果注意：當(dāng)鼠標(biāo)指針在鋼筆下方變?yōu)樾【涮?hào)時(shí)，單擊可閉合路徑；如果要結(jié)束一段開放式的路徑，則可以按住Ctrl鍵并在畫面的空白處單擊、單擊其他的工具按鈕或按Esc鍵結(jié)束路徑的繪制。（2）使用鋼筆工具繪制曲線。創(chuàng)建曲線路徑，需要按住鼠標(biāo)左鍵進(jìn)行拖動(dòng)才能完成。在畫布中單擊，即可出現(xiàn)一個(gè)錨點(diǎn)，釋放鼠標(biāo)左鍵，將鼠標(biāo)指針移到另外的位置單擊，并按住鼠標(biāo)左鍵進(jìn)行拖動(dòng)，即可創(chuàng)建一個(gè)平滑點(diǎn)。圖6-60所示為使用鋼筆工具繪制曲線效果。圖6-60使用鋼筆工具繪制曲線效果2）自由鋼筆工具自由鋼筆工具比較適合繪制隨意的圖形，就像是鉛筆在紙上繪畫一樣。在其工具選項(xiàng)欄中，勾選“磁性的”復(fù)選框，此時(shí)自由鋼筆工具變?yōu)榇判凿摴P工具。磁性鋼筆工具與磁性套索工具相似，可以快速勾勒出對象的輪廓，但磁性鋼筆工具繪制出的路徑還可以通過調(diào)整錨點(diǎn)的方法快速調(diào)整形狀。Photoshopcc2024知識(shí)準(zhǔn)備3）彎度鋼筆工具使用彎度鋼筆工具不僅可以輕松繪制平滑曲線和直線段，而且不需要切換工具就能創(chuàng)建、切換、編輯、添加或刪除平滑點(diǎn)或角點(diǎn)。彎度鋼筆工具的使用技巧：在放置錨點(diǎn)時(shí)，如果路徑的下一段變彎曲，則單擊一次鼠標(biāo)左鍵；如果接下來要繪制直線段，則在畫布上雙擊鼠標(biāo)左鍵。只需雙擊錨點(diǎn)，就可以完成平滑點(diǎn)與角點(diǎn)的轉(zhuǎn)換。4）添加錨點(diǎn)工具、刪除錨點(diǎn)工具使用添加錨點(diǎn)工具添加錨點(diǎn)可以增強(qiáng)對路徑的控制，也可以擴(kuò)展開放路徑。點(diǎn)數(shù)較少的路徑更易于編輯、顯示和打印，可以使用刪除錨點(diǎn)工具刪除不必要的錨點(diǎn)來降低路徑的復(fù)雜性。添加/刪除錨點(diǎn)的方法如下。①選擇要修改的路徑。②選擇鋼筆工具、添加錨點(diǎn)工具或刪除錨點(diǎn)工具。③若要添加錨點(diǎn)，則將鼠標(biāo)指針定位到路徑段的上方并單擊（若要?jiǎng)h除錨點(diǎn)，則將鼠標(biāo)指針定位到錨點(diǎn)上并單擊）。5）轉(zhuǎn)換點(diǎn)工具使用轉(zhuǎn)換點(diǎn)工具可以對角點(diǎn)和平滑點(diǎn)進(jìn)行互相轉(zhuǎn)換，其方法如下。①選擇要修改的路徑。②選擇轉(zhuǎn)換點(diǎn)工具。③將轉(zhuǎn)換點(diǎn)工具放置在需要轉(zhuǎn)換的錨點(diǎn)上方，并執(zhí)行以下操作之一。如果要將角點(diǎn)轉(zhuǎn)換成平滑點(diǎn)，則向角點(diǎn)外拖動(dòng)，使方向線出現(xiàn)，如圖6-61所示。Photoshopcc2024知識(shí)準(zhǔn)備圖6-61角點(diǎn)轉(zhuǎn)平滑點(diǎn)如果要將平滑點(diǎn)轉(zhuǎn)換成沒有方向線的角點(diǎn)，則單擊平滑點(diǎn)，如圖6-62所示。圖6-62平滑點(diǎn)轉(zhuǎn)角點(diǎn)1如果要將沒有方向線的角點(diǎn)轉(zhuǎn)換為具有獨(dú)立方向線的角點(diǎn)，則首先將方向點(diǎn)拖動(dòng)出角點(diǎn)（成為具有方向線的平滑點(diǎn)），然后僅釋放鼠標(biāo)左鍵（不要松開激活轉(zhuǎn)換錨點(diǎn)工具時(shí)按下的任何鍵），最后按住鼠標(biāo)左鍵拖動(dòng)任一方向點(diǎn)。如果要將平滑點(diǎn)轉(zhuǎn)換成具有獨(dú)立方向線的角點(diǎn)，則單擊任一方向點(diǎn)即可，如圖6-63所示。Photoshopcc2024知識(shí)準(zhǔn)備圖6-63平滑點(diǎn)轉(zhuǎn)角點(diǎn)26．形狀工具組1）矩形工具使用矩形工具可以繪制矩形和正方形，按住Shift鍵可以繪制正方形，按住Alt鍵以落點(diǎn)為中心繪制矩形。矩形工具的工具選項(xiàng)欄如圖6-64所示。圖6-64矩形工具的工具選項(xiàng)欄單擊

按鈕，在彈出的下拉列表中有以下選項(xiàng)。不受約束：根據(jù)鼠標(biāo)指針的移動(dòng)軌跡決定矩形的大小，是默認(rèn)選項(xiàng)。方形：可以用來繪制正方形。固定大?。嚎梢栽O(shè)置矩形的長寬尺寸，以便繪制指定大小的矩形。比例：可以按照長寬比例繪制矩形。從中心：在繪制矩形時(shí)可以從中心點(diǎn)發(fā)散繪制。Photoshopcc2024知識(shí)準(zhǔn)備2）橢圓工具橢圓工具用于繪制橢圓或圓形，其工具選項(xiàng)欄如圖6-65所示，各參數(shù)功能與矩形工具的相似。圖6-65橢圓工具的工具選項(xiàng)欄3）三角形工具三角形工具用于繪制三角形，其工具選項(xiàng)欄如圖6-66所示，各參數(shù)功能與矩形工具的相似。圖6-66三角形工具的工具選項(xiàng)欄4）多邊形工具使用多邊形工具可以創(chuàng)建正多邊形（邊數(shù)最少為3）和星形，單擊工具選項(xiàng)欄中的按鈕，可以打開多邊形工具的“路徑選項(xiàng)”面板，如圖6-67所示。Photoshopcc2024知識(shí)準(zhǔn)備圖6-67多邊形工具的“路徑選項(xiàng)”面板Photoshopcc2024知識(shí)準(zhǔn)備在多邊形工具的“路徑選項(xiàng)”面板中，部分參數(shù)的功能介紹如下。自由格式：在繪制多邊形時(shí)無方向約束，可以設(shè)置多邊形的半徑。星形比例：可以設(shè)置星形、多邊形各邊向內(nèi)的凹陷程度。比例值越高，繪制的形狀越接近多邊形。平滑星形縮進(jìn)：用來控制星形多邊形的各邊是否平滑凹陷。5）直線工具使用直線工具可以創(chuàng)建出直線和帶有箭頭的路徑。單擊工具選項(xiàng)欄中的按鈕

，可以打開直線工具的“路徑選項(xiàng)”面板，如圖6-68所示。在直線工具的“路徑選項(xiàng)”面板中，部分參數(shù)的功能介紹如下。起點(diǎn)/終點(diǎn)：勾選“起點(diǎn)”復(fù)選框，可以在直線的起點(diǎn)添加箭頭；勾選“終點(diǎn)”復(fù)選框，可以在直線的終點(diǎn)添加箭頭；同時(shí)勾選“起點(diǎn)”和“終點(diǎn)”兩個(gè)復(fù)選框，可以在直線的兩端添加箭頭。凹度：箭頭最寬處（箭頭和直線在此相接）的曲率。當(dāng)凹度分別為-50%、0%、50%時(shí)，箭頭效果如圖6-69所示。

圖6-68直線工具的“路徑選項(xiàng)”

面板

圖6-69箭頭效果Photoshopcc2024知識(shí)準(zhǔn)備6）自定義形狀工具使用自定形狀工具可以創(chuàng)建出非常多的形狀，這些形狀可以是預(yù)設(shè)的形狀，也可以是自定義或載入的形狀。自定形狀工具的工具選項(xiàng)欄如圖6-70所示。圖6-70自定義形狀工具的工具選項(xiàng)欄7．路徑選擇工具組路徑選擇工具組中包含路徑選擇工具和直接選擇工具，如圖6-71所示。圖6-71路徑選擇工具組1）路徑選擇工具在路徑的任意位置上單擊，可以選擇單個(gè)路徑；按住Shift鍵并單擊，可以選擇多個(gè)路徑；按住Ctrl鍵并單擊，可以將當(dāng)前的工具轉(zhuǎn)換為直接選擇工具。2）直接選擇工具直接選擇工具主要用來選擇路徑上的單個(gè)或多個(gè)錨點(diǎn)，以便移動(dòng)錨點(diǎn)、調(diào)整方向線；框選或按住Shift鍵并單擊，可以選擇多個(gè)錨點(diǎn)；按住Ctrl鍵并單擊，可以將當(dāng)前工具轉(zhuǎn)換為路徑選擇工具。8．“路徑”面板使用“路徑”面板可以對路徑進(jìn)行填充、描邊、轉(zhuǎn)換為選區(qū)、添加矢量蒙版等操作?！奥窂健泵姘迦鐖D6-72所示。Photoshopcc2024知識(shí)準(zhǔn)備圖6-72“路徑”面板在“路徑”面板中，常用的按鈕及其功能介紹如下。“用前景色填充路徑”按鈕：單擊此按鈕

，默認(rèn)將以前景色進(jìn)行填充；按住Alt鍵的同時(shí)，單擊該按鈕或選擇“填充路徑”命令，可以進(jìn)行相關(guān)參數(shù)的設(shè)置?！坝卯嫻P描邊路徑”按鈕：單擊此按鈕

，默認(rèn)將以畫筆描邊路徑；按住Alt鍵的同時(shí)，單擊該按鈕或選擇“描邊路徑”命令，可以進(jìn)行相關(guān)參數(shù)的設(shè)置?！皩⒙窂阶鳛檫x區(qū)載入”按鈕：單擊此按鈕

，默認(rèn)將路徑轉(zhuǎn)換為選區(qū)；按住Alt鍵的同時(shí)，單擊該按鈕或選擇“建立選區(qū)”命令，可以設(shè)置“羽化半徑”等選項(xiàng)?！皬倪x區(qū)生成工作路徑”按鈕：單擊此按鈕

，默認(rèn)將選區(qū)轉(zhuǎn)換為工作路徑；按住Alt鍵的同時(shí)，單擊該按鈕或選擇“建立工作路徑”命令，可以設(shè)置“容差”等選項(xiàng)。Photoshopcc2024知識(shí)準(zhǔn)備9．添加矢量蒙版矢量蒙版中的形狀是矢量圖，通過形狀可以控制圖像的顯示區(qū)域。創(chuàng)建矢量蒙版的方法有