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

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

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

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

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

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

圖6-68直線工具的“路徑選項”

面板

圖6-69箭頭效果Photoshopcc2024知識準備6）自定義形狀工具使用自定形狀工具可以創建出非常多的形狀，這些形狀可以是預設的形狀，也可以是自定義或載入的形狀。自定形狀工具的工具選項欄如圖6-70所示。圖6-70自定義形狀工具的工具選項欄7．路徑選擇工具組路徑選擇工具組中包含路徑選擇工具和直接選擇工具，如圖6-71所示。圖6-71路徑選擇工具組1）路徑選擇工具在路徑的任意位置上單擊，可以選擇單個路徑；按住Shift鍵并單擊，可以選擇多個路徑；按住Ctrl鍵并單擊，可以將當前的工具轉換為直接選擇工具。2）直接選擇工具直接選擇工具主要用來選擇路徑上的單個或多個錨點，以便移動錨點、調整方向線；框選或按住Shift鍵并單擊，可以選擇多個錨點；按住Ctrl鍵并單擊，可以將當前工具轉換為路徑選擇工具。8．“路徑”面板使用“路徑”面板可以對路徑進行填充、描邊、轉換為選區、添加矢量蒙版等操作。“路徑”面板如圖6-72所示。Photoshopcc2024知識準備圖6-72“路徑”面板在“路徑”面板中，常用的按鈕及其功能介紹如下。“用前景色填充路徑”按鈕：單擊此按鈕

，默認將以前景色進行填充；按住Alt鍵的同時，單擊該按鈕或選擇“填充路徑”命令，可以進行相關參數的設置。“用畫筆描邊路徑”按鈕：單擊此按鈕

，默認將以畫筆描邊路徑；按住Alt鍵的同時，單擊該按鈕或選擇“描邊路徑”命令，可以進行相關參數的設置。“將路徑作為選區載入”按鈕：單擊此按鈕

，默認將路徑轉換為選區；按住Alt鍵的同時，單擊該按鈕或選擇“建立選區”命令，可以設置“羽化半徑”等選項。“從選區生成工作路徑”按鈕：單擊此按鈕

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