《Photoshop-CC平面設(shè)計案例教程》PPT課件模塊3

1、3.13.23.3鋼筆工具組 路徑 “路徑”調(diào)板和色彩范圍 掌握鋼筆工具組的使用，包括鋼筆工具、自由鋼 筆工具、添加和刪除錨點工具、轉(zhuǎn)換點工具。 掌握路徑的相關(guān)知識和應(yīng)用技巧。 掌握“路徑”調(diào)板和“色彩范圍”命令的使用。圖3-1所示為所要制作的某品牌的香水推廣廣告。其目的是讓更多的人認(rèn)識該品牌的產(chǎn)品，提高企業(yè)的知名度，拉近品牌與消費者之間的距離。鼠標(biāo)廣告圖3-1 香水推廣廣告本案例的設(shè)計主題是香水廣告，所要展現(xiàn)給讀者的是本款香水所擁有的既高貴典雅、又瀟灑飄逸的氣質(zhì)。廣告的背景以抽象的香氣圖像為主要元素，以手托起的瓶裝香水作為主體圖像，并在香水的周圍加以矢量花紋作為裝飾，畫面采用了統(tǒng)一的淡紫色調(diào)

2、。最后，配以簡潔的文字信息，構(gòu)成和諧的廣告整體。利用“添加圖層蒙版”按鈕 隱藏多余圖像。 使用“鋼筆工具” 為手和香水瓶繪制基本輪廓。使用“背景橡皮擦工具” 摳取圖像。 利用圖層混合模式的圖層功能設(shè)置圖層疊加效果。利用“圖層樣式”對話框為水滴創(chuàng)建逼真的立體效果。在Photoshop中可以利用路徑功能繪制出任何形狀或圖像，下面介紹路徑的各種工具的使用方法 “鋼筆工具”是最基本的路徑繪制工具，用戶可以使用它創(chuàng)建或編輯直線、曲線及自由的線條、形狀。在使用 “鋼筆工具”繪制路徑時，在圖像中每單擊一次就可創(chuàng)建一個錨點，并且這個錨點與上一個錨點之間以直線連接。使用 “鋼筆工具”繪制的矢量圖形稱為路徑，如圖

3、3-2(a)所示。3.1.1 鋼筆工具如果使用 “鋼筆工具”在頁面中單擊，在另一位置繼續(xù)單擊并拖動鼠標(biāo)拉出控制柄，創(chuàng)建曲線路徑，拖動控制柄可調(diào)節(jié)該錨點兩側(cè)或一側(cè)的曲線弧度，如圖3-2(b)所示。在繪制過程中，按 【Enter】鍵后會在視圖中隱藏路徑；當(dāng)起始點與終點的錨點相交時，鼠標(biāo)指針會變成形狀，此時單擊，系統(tǒng)會創(chuàng)建封閉路徑。3.1.1 鋼筆工具圖3-2繪制路徑并調(diào)整使用 “鋼筆工具”在畫布上連續(xù)單擊可以繪制出折線，通過單擊工具箱中的 “鋼筆工具”可以結(jié)束該路徑段的繪制，也可以在按住 【Ctrl】鍵的同時單擊畫布中的任意位置。在使用 “鋼筆工具”繪制路徑時，按住 【Ctrl】鍵可切換到 “直接

4、選擇工具”調(diào)整選中錨點的位置；按住 【Alt】鍵可切換到 “轉(zhuǎn)換點工具”調(diào)整選中錨點。3.1.1 鋼筆工具使用 “自由鋼筆工具”可以像使用鋼筆在畫布上畫線條一樣自由地繪制路徑，只要按住鼠標(biāo)左鍵拖動即可。在繪制路徑的過程中，系統(tǒng)會自動根據(jù)曲線的走向添加適當(dāng)?shù)腻^點。選中工具箱中的 “自由鋼筆工具”，其選項欄如圖3-3所示。圖3-3 “自由鋼筆工具”選項欄3.1.2 自由鋼筆工具選中 “磁性的”復(fù)選框， “自由鋼筆工具”就具有了和 “磁性套索工具”一樣的磁性功能，可以用來摳取圖像，具體操作步驟如下。3.1.2 自由鋼筆工具圖3-4選中 “磁性的”復(fù)選框操作步驟(1)選擇 “自由鋼筆工具”，在選項欄中

5、選中 “磁性的”復(fù)選框，如圖3-4所示。3.1.2 自由鋼筆工具圖3-5繪制路徑操作步驟(2)在單擊確定路徑起始點后，沿著圖像邊緣移動光標(biāo)，系統(tǒng)會自動根據(jù)顏色反差建立路徑，效果如圖3-5所示。3.1.2 自由鋼筆工具使用 “添加錨點工具”和 “刪除錨點工具”可以添加和刪除路徑上的錨點。使用方法非常簡單，使用 “添加錨點工具”在路徑段上單擊可添加錨點，如圖3-6所示；使用 “刪除錨點工具”在路徑段的錨點上單擊可刪除錨點，如圖3-7所示。3.1.3 添加和刪除錨點工具圖3-6添加錨點 圖3-7刪除錨點使用 “刪除錨點工具”刪除錨點和直接按 【Delete】鍵刪除是完全不同的，使用 “刪除錨點工具”

6、刪除錨點不會打斷路徑，而按 【Delete】鍵會同時刪除錨點兩側(cè)的線段，從而打斷路徑。按 【Esc】鍵可結(jié)束一條路徑的繪制并接著繪制其他路徑。第一次按 【Delete】鍵可刪除選中的錨點和與錨點鄰接的局部路徑，第二次按 【Delete】鍵可刪除錨點所在的整個路徑，第三次按 【Delete】鍵可刪除所有路徑。3.1.3 添加和刪除錨點工具使用 “轉(zhuǎn)換點工具”可以對錨點的控制柄進行轉(zhuǎn)換和編輯。在具體編輯時，只需通過單擊或單擊并拖動錨點即可進行操作。將 “轉(zhuǎn)換點工具”移動到帶有控制柄的錨點上并單擊，可將其轉(zhuǎn)換為尖角錨點；將該工具移動到尖角錨點上單擊并拖動，可為錨點添加控制柄，效果如圖3-8所示。3.

7、1.4 轉(zhuǎn)換點工具圖3-8改變錨點狀態(tài)3.1.4 轉(zhuǎn)換點工具使用 “轉(zhuǎn)換點工具”還可以將平滑型錨點轉(zhuǎn)換為拐角型錨點，直接利用 “轉(zhuǎn)換點工具”移動光標(biāo)至平滑型錨點一側(cè)的方向點上方拖動即可，效果如圖3-9所示。圖3-9轉(zhuǎn)換錨點類型3.1.4 轉(zhuǎn)換點工具路徑是具有矢量特征的直線或曲線，是矢量對象的輪廓。繪制的路徑可根據(jù)需要放大或縮小。選擇路徑是調(diào)整路徑的第一步，只有正確地選擇，才能夠進行合適的編輯與調(diào)整操作。Photoshop CC提供了兩個路徑選擇工具，分別為 “路徑選擇工具”和 “直接選擇工具”。單擊工具箱中的 “路徑選擇工具”，將鼠標(biāo)指針移動到需要選擇的路徑上，單擊即可選擇路徑。被選擇路徑上的

8、錨點全部顯示為黑色，如圖3-10所示。3.2.1 選擇和移動路徑圖3-10選擇路徑如果想要選擇路徑中的錨點，可以使用 “直接選擇工具”，首先移動鼠標(biāo)指針至該錨點所在路徑上并單擊，以激活該路徑，激活路徑的所有錨點都會以空心方框顯示；然后移動指針至錨點上并單擊，即可選擇該錨點，此時拖動鼠標(biāo)即可移動該錨點，如圖3-11所示。3.2.1 選擇和移動路徑圖3-11選擇錨點按住 【Ctrl】鍵，如果當(dāng)前選擇的是 “直接選擇工具”，可切換至 “路徑選擇工具”；如果當(dāng)前選擇的是 “路徑選擇工具”，則轉(zhuǎn)換為 “直接選擇工具”。提示3.2.1 選擇和移動路徑在使用 “路徑選擇工具”時，如果拖動鼠標(biāo)創(chuàng)建一個選框區(qū)域

9、，與選框區(qū)域交叉和包含的所有路徑都將被選擇。在選擇多條路徑后，使用工具選項欄可對路徑進行對齊和分布等操作。單擊 “路徑操作”按鈕可按照各路徑的相互關(guān)系進行組合。 “路徑選擇工具”選項欄如圖3-12所示。圖3-12 “路徑選擇工具”選項欄3.2.1 選擇和移動路徑使用 “直接選擇工具”時，如果想同時選中多個錨點，可以在按住 【Shift】鍵的同時逐個單擊要選擇的錨點，還可以拖動鼠標(biāo)拉出一個虛框，選擇框內(nèi)的所有錨點。被選中的錨點顯示為黑色方塊，而沒有被選擇的錨點顯示為空心方塊，如圖3-13所示。3.2.1 選擇和移動路徑圖3-13選擇部分錨點與移動錨點相同，使用 “直接選擇工具”按住線段拖動，可移

10、動路徑中的線段，如圖3-14所示。在曲線段上拖動可改變曲線的形狀，按 【Delete】鍵可刪除選中的路徑段。3.2.1 選擇和移動路徑圖3-14移動路徑中的線段單擊 “直接選擇工具”選中錨點之后，該錨點及相鄰錨點的控制柄和方向點就會顯示在視圖中，與移動錨點的方法類似，移動鼠標(biāo)指針至方向點上，然后按住鼠標(biāo)拖動，可改變控制柄的長度和角度。控制柄和方向點的位置確定了曲線段的曲率，移動這些元素將改變路徑的形狀，如圖3-15所示。3.2.1 選擇和移動路徑圖3-15拖動控制柄改變路徑形狀3.2.1 選擇和移動路徑繪制路徑后，使用工具箱中的 “路徑選擇工具”選中路徑，然后按住 【Alt】鍵，拖動選中的路徑

11、即可復(fù)制路徑。3.2.2 復(fù)制路徑(1)選擇 “路徑”調(diào)板中的任意一條已保存的路徑，然后在該路徑名稱上右擊，在彈出的快捷菜單中執(zhí)行 “復(fù)制路徑”命令，彈出 “復(fù)制路徑”對話框，如圖3-16所示，可以根據(jù)需要修改路徑名稱。(2)在 “路徑”調(diào)板中，按住 【Alt】鍵并將路徑拖到 “創(chuàng)建新路徑”按鈕上，會彈出 “復(fù)制路徑”對話框，單擊 “確定”按鈕可復(fù)制路徑。3.2.2 復(fù)制路徑圖3-16 “復(fù)制路徑”對話框3.2.2 復(fù)制路徑(3)在 “路徑”調(diào)板中拖動路徑至調(diào)板底部的 “創(chuàng)建新路徑”按鈕上，可直接創(chuàng)建路徑的副本。(4)選中路徑后，使用 “編輯”菜單下的 “拷貝”和 “粘貼”命令也可以實現(xiàn)復(fù)制路

12、徑的操作。3.2.2 復(fù)制路徑如果 “路徑”調(diào)板中的路徑名稱為 “工作路徑”，此時 “復(fù)制路徑”命令是不可用的，即 “復(fù)制路徑”命令不能應(yīng)用于工作路徑。通過雙擊 “路徑”調(diào)板中的工作路徑，將工作路徑進行存儲操作即可激活 “復(fù)制路徑”命令。提示3.2.2 復(fù)制路徑工作路徑是一種臨時性的路徑，在使用鋼筆工具或形狀工具繪制創(chuàng)建路徑時，新的路徑將作為 “工作路徑”出現(xiàn)在 “路徑”調(diào)板中，現(xiàn)有的工作路徑被替代，且系統(tǒng)不會進行任何提示，為了便于后期調(diào)整，可將繪制的路徑存儲起來。3.2.3 保存工作路徑在 “路徑”調(diào)板中單擊 “工作路徑”為當(dāng)前路徑，拖動工作路徑至調(diào)板底端的 “創(chuàng)建新路徑”按鈕上或者從調(diào)板菜

13、單中選擇 “存儲路徑”命令，都將彈出 “存儲路徑”對話框，在對話框中可以更改路徑的名稱，然后單擊 “確定”按鈕即可保存路徑，如圖3-17所示。3.2.3 保存工作路徑圖3-17 “存儲路徑”對話框3.2.3 保存工作路徑在繪制較為復(fù)雜的圖形時，可以根據(jù)圖形內(nèi)容創(chuàng)建多個路徑層來存放路徑，方便選擇和管理。提示3.2.3 保存工作路徑所有使用 “鋼筆工具”或者其他工具繪制好的路徑，都被存儲在 “路徑”調(diào)板中，如圖3-18所示，在調(diào)板底部分布著一些功能按鈕。圖3-18 “路徑”調(diào)板3.3.1 “路徑”調(diào)板(1)用前景色填充路徑：使用工具箱中的前景色對路徑進行填充。(2)用畫筆描邊路徑：默認(rèn)使用 “鉛筆

14、工具”及前景色對路徑進行描邊。選中路徑后，使用路徑工具在視圖中右擊，在彈出的快捷菜單中執(zhí)行 “描邊路徑”或 “描邊子路徑”命令，打開 “描邊路徑”對話框，在其中可選擇要使用的描邊工具，如圖3-19所示。操作步驟圖3-19 “描邊路徑”對話框操作步驟(3)將路徑作為選區(qū)載入：將路徑轉(zhuǎn)換為選區(qū)。(4)從選區(qū)生成工作路徑：可將選區(qū)轉(zhuǎn)換為路徑。(5)添加蒙版：可為當(dāng)前所選路徑創(chuàng)建矢量蒙版。(6)創(chuàng)建新路徑：在調(diào)板中可以創(chuàng)建新的空白路徑層，新繪制的路徑將被存儲到其中。(7)刪除當(dāng)前路徑：可以刪除當(dāng)前選中的路徑。操作步驟使用 “色彩范圍”命令可以按照圖像中顏色的分布特點自動生成選區(qū)，它根據(jù)顏色進行交互式選

15、取，并可準(zhǔn)確顯示將要選中的像素。3.3.2 “色彩范圍(1)打開需要創(chuàng)建選區(qū)的圖像，執(zhí)行 “選擇”| “色彩范圍”命令，打開 “色彩范圍”對話框。操作步驟圖3-20 “色彩范圍”對話框(2)移動鼠標(biāo)指針到打開的圖像區(qū)域中，在藍色背景中單擊，選中背景，效果如圖3-21所示。操作步驟操作步驟圖3-21選中背景(3)在 “色彩范圍”對話框中，將 “顏色容差”設(shè)置為100，如圖3-22所示。通過拖動滑塊調(diào)整 “顏色容差”參數(shù)，圖像白色區(qū)域越大，代表越多的像素被選中，即選中更大的區(qū)域。操作步驟操作步驟圖3-22設(shè)置顏色容差值(4)在 “色彩范圍”對話框中，單擊 “添加到取樣”按鈕，如圖3-23所示。操作步驟圖3-23單擊 “添加到取樣”按鈕(5)移動鼠標(biāo)指針到圖像區(qū)域右下角位置并單擊，將該部分的圖像添加到選區(qū)范圍中，效果如圖3-24所示。操作步驟圖3-24添加圖像到選區(qū)(6)完成設(shè)置后單擊 “確定”按鈕關(guān)閉對話框，選中圖像中的背景。此時即可根據(jù)需要改變圖像背景顏色，如圖3-25所示。操作步驟圖3-25創(chuàng)建選區(qū)并改變圖像背景顏色 “色彩范圍”在選取時，總是針對當(dāng)前所有可見的圖層內(nèi)容，它將圖像中的所有可見圖層視為一個圖層。要從選區(qū)蒙版中剔除圖層，可在打開 “色彩范圍”對話框之前隱藏該圖層。提示3.3