Photoshop CS教案 第七章矢量圖形的繪制和編輯

1、第7章矢量圖形的繪制和編輯學(xué)習(xí)提示： Photoshop主要是用來處理象素圖像的，但也提供了圖形軟件中繪制矢量圖形的功能，矢量圖形的基本組成是錨點(diǎn)和路徑。在前面我們已經(jīng)學(xué)習(xí)了用鋼筆工具繪制路徑的方法。鋼筆工具除了繪制幾何形狀外，更多的是用來選擇圖像中的物體，即將物體的輪廓用鋼筆工具勾劃出來后轉(zhuǎn)換成選區(qū)，鋼筆工具是創(chuàng)建精確選區(qū)的一種方法。我們通常所說的繪圖是指使用鋼筆工具或形狀工具繪制幾何形狀的過程。幾何形狀就是矢量圖形，它是面向?qū)ο蟮?，與分辨率無關(guān)，放大縮小都不會影響邊緣的平滑程度。本章將講解如何繪制和編輯矢量圖形。7.1 創(chuàng)建矢量圖形形狀工具是一種很有用的路徑工具，用它可以輕松地繪制出各種常

2、見的形狀及其路徑。 形狀工具在工具箱中可選擇不同的形狀工具（見圖71），它們是矩形工具、圓角矩形工具、橢圓工具、多邊形工具、直線工具和自定形狀工具。形狀工具的選項(xiàng)欄中提供了3種不同的繪圖狀態(tài)（見圖72），從左到右分別是“形狀圖層”、 “路徑”和“填充像素”。圖71 圖72形狀圖層：形狀圖層是帶圖層矢量蒙版的填充圖層；填充圖層定義形狀的顏色，而圖層矢量蒙版定義形狀的幾何輪廓。路徑：當(dāng)選中此選項(xiàng)后中圖像中拖拉鼠標(biāo)就可以創(chuàng)建新的工作路徑。工作路徑是一臨時(shí)路徑，不是圖像的一部分，主要用于定義形狀的輪廓。填充像素：選擇此選項(xiàng)后，使用形狀工具時(shí)就可以在當(dāng)前的圖層中創(chuàng)建像素形狀。形狀由當(dāng)前的前景色自動填充。

3、相當(dāng)于在選區(qū)中填充前景色。創(chuàng)建了像素形狀后，將無法作為矢量對象進(jìn)行編輯。 繪制形狀1使用矩形和橢圓工具在工具箱中選擇矩形形狀工具，并在選項(xiàng)欄中單擊向下的箭頭會彈出其相應(yīng)的選項(xiàng)調(diào)板（見圖73），用來對工具進(jìn)行各種設(shè)定。設(shè)定完成后再次單擊此三角可將彈出的調(diào)板關(guān)閉。其中各項(xiàng)的含義如下：不受限制：允許通過拖拉設(shè)置矩形、圓角矩形、橢圓或自定形狀的寬度和高度。方形：將矩形或圓角矩形約束為正方形。固定大?。寒?dāng)選中矩形、圓角矩形、橢圓或自定形狀工具并選擇此選項(xiàng)后，就可在W（寬度）和H（調(diào)試）后面的框中輸入數(shù)據(jù)，在圖像中形狀就會完全符合選項(xiàng)調(diào)板中的設(shè)定。寬度和高度的單位均為像素。圖73比例：當(dāng)選中矩形、圓角矩形

4、、橢圓或自定形狀工具并選擇此選項(xiàng)后，就可在W（寬度）和H（調(diào)試）后面的框中輸入數(shù)據(jù)，在圖像中拖拉產(chǎn)生的形狀就會完全符合選項(xiàng)調(diào)板中的長寬比例。如果長和寬均為1，則生成的形狀就是正方形或正圓形。從中心：選中此選項(xiàng)后，當(dāng)繪制矩形、圓角矩形、橢圓或自定形狀時(shí)，就會從中心開始。對齊像素：選擇此選項(xiàng)后，可將矩形或圓角矩形的邊緣自動對齊像素邊界。若選擇的是橢圓工具，上述的“方形”變?yōu)椤皥A”，其余各項(xiàng)與矩形選項(xiàng)相同。設(shè)置好后就可以在圖像中繪制了。選項(xiàng)欄中其他各項(xiàng)的含義如下：樣式：單擊樣式右邊向下的箭頭（見圖74），選擇一種樣式，即可將所樣式應(yīng)用到繪制的圖形中。圖74 圖75創(chuàng)建新的形狀圖層：選擇此選項(xiàng)，表示用

5、戶的每次操作都將創(chuàng)建一個(gè)新的形狀圖層（見圖75）。添加到形狀區(qū)域：選中該選項(xiàng)，將新創(chuàng)建的或形狀添加到當(dāng)前的路徑或圖形中去。從形狀區(qū)域減去：選中該選項(xiàng)，將從新建路徑或圖形中去掉與原有的路徑或圖形的交集。交叉形狀區(qū)域：選中該選項(xiàng)，將選擇新創(chuàng)建的路徑或形狀與原有的路徑或圖形的交集。重疊區(qū)域除外：該項(xiàng)的功能與上述交叉形狀區(qū)域相反，將新建圖像或路徑與原有路徑或圖形的交集去掉，取兩者共同剩下的部分。2使用圓角矩形工具圓角矩形工具的使用方法與矩形工具基本相同，只是在其選項(xiàng)欄中多了一個(gè)半徑文本框，用于控制圓角矩形4個(gè)角的圓滑程度，在默認(rèn)狀態(tài)下，半徑的數(shù)值為10像素。它的值越大，則所繪制的矩形4個(gè)角越圓滑。圖7

6、6是3個(gè)不同半徑值的圓角矩形圖形。圖763使用多邊形工具使用多邊形工具可以繪制等邊多邊形，如等邊三角形，五邊形、六邊形等。在選項(xiàng)欄的“邊”文本框中輸入不同的數(shù)據(jù)，可得到相應(yīng)的多邊形。繪制多邊形與繪制矩形和橢圓有所區(qū)別。用戶可以設(shè)置多邊形工具的選項(xiàng)（見圖77），得到更多的多邊形效果。圖77半徑：用于指定多邊形中心與外部點(diǎn)之間的距離。平滑拐角：選中此項(xiàng)后，將用圓角代替原來突出的尖角?？s進(jìn)邊依據(jù)：可將多邊形的邊縮進(jìn)，成為星形。取值范圍為1%99%。平滑縮進(jìn)：選中此項(xiàng)后，將用圓角代替原來縮進(jìn)的尖角。圖78是邊數(shù)為6時(shí)，選中不同的選項(xiàng)所得到的圖形。圖78不同選項(xiàng)時(shí)的圖形4使用直線工具使用直線工具右以畫直

7、線或箭頭，在選項(xiàng)欄的“粗細(xì)”文本框中可輸入數(shù)值來設(shè)定直線的寬度（見圖79），其他各項(xiàng)的含義如下： 圖79起點(diǎn)：選中此項(xiàng)后，可在起點(diǎn)位置繪制出箭頭。終點(diǎn)：選中此項(xiàng)后，可在終點(diǎn)位置繪制出箭頭。若兩項(xiàng)都選中，則畫出的線兩邊都帶箭頭。寬度：設(shè)置箭頭寬度，范圍在10%1000%之間。長度：設(shè)置箭頭長度，范圍在10%1000%之間。凹度：設(shè)置箭頭凹度，范圍在50%500%之間。圖710是不同設(shè)置下畫出的圖形。圖710不同設(shè)置的圖形5使用自定形狀工具使用自定形狀工具右以繪制出各種預(yù)設(shè)的形狀，如月牙、心形和畫框等。選中自由形狀工具按鈕，單擊形狀右邊的箭頭，會彈出自定形狀調(diào)板，在調(diào)板中選擇一種形狀，拖拉鼠標(biāo)就可

8、以繪制出來（見圖711）。圖711繪制手的圖形單擊彈出調(diào)板的右上角，會出現(xiàn)一個(gè)彈出式菜單，可選擇Photoshop預(yù)置的形狀，當(dāng)選擇一種形狀文件后，將對話框，單擊“追加”按鈕，右將新的形狀載入（見圖712）。圖712 7.2 編輯矢量圖形形狀圖層與填充圖層很相似，在“圖層”面板中均有一個(gè)“圖層預(yù)覽縮覽圖”和一個(gè)“鏈接符號”，而在“鏈接符號”右側(cè)有一個(gè)“剪輯路徑縮覽圖”（見圖713），該縮覽圖中顯示的是一個(gè)矢量式的剪輯路徑，而不是圖層蒙版，但也具有類似蒙版的功能，即在路徑之內(nèi)的區(qū)域顯示圖層縮覽圖中的顏色，而在路徑之外的區(qū)域則好像是被蒙版遮蓋住一樣，不顯示填充顏色，顯示為透明（注意，路徑之外的區(qū)域

9、始終是透明的）。在路徑調(diào)板中可看到當(dāng)前所選的形狀圖層中的路徑內(nèi)容（見圖713），這個(gè)路徑是一臨時(shí)的，一旦切換到其他圖層，這個(gè)路徑就會隱藏。形狀圖層具有反復(fù)修改和編輯的彈性。圖713更改填充顏色雙擊圖層縮覽圖，在打開的對話框中重新設(shè)置填充顏色即可。更改填充內(nèi)容用戶可以將一個(gè)填充了純色的形狀，更改成漸變色或圖案。方法是，單擊“圖層”菜單，選擇“更改圖層內(nèi)容”命令，在彈出的下級菜單中選擇“漸變”或“圖案”，就可以將路徑填充內(nèi)容更改為漸變色或圖案。編輯剪輯路徑單擊選中剪輯路徑縮覽圖，利用各種路徑編輯工具即可對其進(jìn)行編輯（前面章節(jié)已講過）。也可使用“編輯”菜單中的“變換”或“自由變換”命令對其進(jìn)行各種變

10、換操作。刪除剪輯路徑選中形狀圖層后，單擊“圖層”菜單中的“刪除矢量蒙版”命令，或?qū)ⅰ凹糨嬄窂娇s覽圖”拖到“刪除圖層”按鈕上，可刪除路徑。柵格化形狀圖層形狀圖層不能直接執(zhí)行眾多的Photoshop功能，如色調(diào)和色彩調(diào)整以及濾鏡功能等，所以必須先轉(zhuǎn)換成普通圖層之后才可使用。方法是，選中要轉(zhuǎn)換成變通圖層的形狀圖層，然后單擊“圖層”菜單中“柵格化”下的“形狀”命令即可。若選擇“柵格化”下的“矢量蒙版”命令，則可將形狀圖層中的剪輯路徑變成一個(gè)圖層蒙版，從而使形狀圖層變成填充圖層。若選擇“柵格化”下的“填充內(nèi)容”命令，則可將填充圖層轉(zhuǎn)換成普通圖層，但此后就失去了反復(fù)修改的功能。上機(jī)實(shí)習(xí)實(shí)習(xí)一、制作卡通臉圖

11、像效果如圖714所示圖714效果圖操作步驟：1、新建寬300像素，高300像素，分辨率為72像素/英寸，模式為RGB，內(nèi)容為白色的圖像。2、制作背景：（1）選擇矩形形狀工具，并在選項(xiàng)欄中選中“創(chuàng)建新的形狀圖層”按鈕，設(shè)置前景色為粉紅色（R、G、B值分別為216、184、184），按住Shift鍵拖拉鼠標(biāo)，繪制出正方形形狀。（2）在選項(xiàng)欄選中“從形狀區(qū)域減去”按鈕，在左上角繪制出正圓形形狀（見圖715），在工具箱中選擇“路徑選擇工具”，將圓形塊選中，然后在按住Alt鍵的同時(shí)拖拉圓形塊，就可將其復(fù)制。（3）按住Shift鍵，將上方一排的正圓形形狀全部選中（注意不要選中原來的矩形路徑），在“路徑選擇

12、工具”的選項(xiàng)欄中（見圖716），單擊“頂對齊”圖標(biāo)，然后單擊“水平居中分布”圖標(biāo)，將多個(gè)圓形塊分布均勻（見圖717）。 （4）用同樣的方法復(fù)制另外的圓形塊并排列整齊（見圖718），單擊選項(xiàng)欄中的“組合”按鈕，將圓形塊的邊緣的黑線取消（見圖719）。圖715圖717圖716 圖718 圖7193、選擇橢圓形狀工具，并在選項(xiàng)欄中選中“創(chuàng)建新的形狀圖層”按鈕，設(shè)置前景色為黃色（R、G、B值分別為255、255、0），按住Shift鍵拖拉鼠標(biāo)，繪制出正圓形形狀的臉。4、繪制兩個(gè)白色的正圓形形狀，調(diào)整好位置。再繪制兩個(gè)黑色的正圓形形狀，調(diào)整其大小和位置。5、繪制眼鏡：用鋼筆工具，選擇“路徑”，并選中選項(xiàng)

13、欄右側(cè)的“添加到路徑區(qū)域”按鈕，繪制出輪廓線（見圖720），利用前面章節(jié)所講的路徑編輯方法對其進(jìn)行編輯，結(jié)果如圖721所示，然后打開路徑調(diào)板，用黑色填充路徑（見圖722）， 最后將它放到合適的位置即可得到714的效果。圖720圖721 圖722實(shí)習(xí)二、超市標(biāo)志設(shè)計(jì)效果如圖723所示圖723操作步驟：1、新建寬400像素，高400像素，分辨率為72像素/英寸，模式為RGB，內(nèi)容為白色的圖像。2、在圖像中心處建立兩條參考線，將前景色設(shè)為紅色（R、G、B值分別為150、73、55），選擇矩形形狀工具，按住Shift繪制正方形形狀（見圖724），圖層名稱為形狀1。圖724 圖7253、按Ctrl+T組

14、合鍵，將旋轉(zhuǎn)中心移到參考線的中心點(diǎn)，然后按住Shift的同時(shí)，用鼠標(biāo)拖動旋轉(zhuǎn)圖像到圖725所示的位置。4、復(fù)制形狀1圖層，按步驟3的方法旋轉(zhuǎn)到726所示的位置，雙擊圖層縮覽圖，將其顏色改為藍(lán)色（R、G、B值分別為85、71、120）圖726 圖7275、用步驟4的方法可得到第三個(gè)正方形，顏色可改為綠色（R、G、B值分別為57、173、103），如圖727所示。6、確保未選中失量蒙版縮覽圖（可用鼠標(biāo)單擊該縮覽圖），選擇直線工具，前景設(shè)為白色，粗細(xì)為4像素， 按住Shift鍵繪制兩條白線（見圖728）。7、確保未選中失量蒙版縮覽圖，在參考線的中心點(diǎn)繪制正圓形形狀，將前景色設(shè)為桔紅色（R、G、B值分別為221、169、10），并選中“從形狀區(qū)域減去”按鈕，繪制正圓形形狀，設(shè)圖層樣式為“斜面和浮雕”效果（見圖