PhotoshopCC案例教程案例課件3

1、制作鼠標(biāo)廣告路徑案例3目錄3.13.23.33.4案例描述案例解析相關(guān)知識操作步驟3.5實(shí)訓(xùn)演練3.1案 例 描 述圖3-1所示為鼠標(biāo)廣告的制作效果。這是為陽光品牌的鼠標(biāo)制作的廣告，目的是讓更多人認(rèn)識該品牌的產(chǎn)品，提高企業(yè)的知名度，拉近與消費(fèi)者之間的距離。鼠標(biāo)廣告圖3-1鼠標(biāo)廣告3.2案 例 解 析 本案例的設(shè)計主題是鼠標(biāo)廣告，這是一款主要用于游戲的鼠標(biāo)。在設(shè)計上，采用了彩色，使鼠標(biāo)華麗，讓人矚目。為了突出鼠標(biāo)的華麗，使用了黃色背景，選用了紅色鼠標(biāo)。既突出了鼠標(biāo)的色彩，又使消費(fèi)者容易記住。3.2.1解題思路3.2案 例 解 析使用【鋼筆工具】繪制鼠標(biāo)的基本輪廓。利用圖層混合模式的圖層功能設(shè)置圖

2、層疊加效果。利用濾鏡為鼠標(biāo)添加磨砂效果。利用【添加圖層蒙版】按鈕隱藏多余的圖像。3.2.2難點(diǎn)剖析3.3相 關(guān) 知 識在Photoshop中可以利用路徑功能繪制出任何形狀或圖像，下面介紹路徑的各種工具的使用方法3.3相 關(guān) 知 識3.3.1鋼筆工具組【鋼筆工具】是最基本的路徑繪制工具，用戶可以使用它創(chuàng)建或編輯直線、曲線及自由的線條、形狀。在使用【鋼筆工具】繪制路徑時，在圖像中每單擊一次就可創(chuàng)建一個錨點(diǎn)，并且這個錨點(diǎn)與上一個錨點(diǎn)之間以直線連接。使用【鋼筆工具】繪制的矢量圖形稱為路徑，如圖3-2(a)所示。1.鋼筆工具3.3相 關(guān) 知 識3.3.1鋼筆工具組如果使用【鋼筆工具】在頁面中單擊，在另一

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

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

5、】復(fù)選框操作步驟(1)選擇【自由鋼筆工具】，在選項欄中選中【磁性的】復(fù)選框，如圖3-4所示。3.3相 關(guān) 知 識3.3.1鋼筆工具組圖3-5繪制路徑操作步驟(2)在單擊確定路徑起始點(diǎn)后，沿著圖像邊緣移動光標(biāo)，系統(tǒng)會自動根據(jù)顏色反差建立路徑，效果如圖3-5所示。3.3相 關(guān) 知 識3.3.1鋼筆工具組使用【添加錨點(diǎn)工具】和【刪除錨點(diǎn)工具】可以添加和刪除路徑上的錨點(diǎn)。使用方法非常簡單，使用【添加錨點(diǎn)工具】在路徑段上單擊可添加錨點(diǎn)，如圖3-6所示；使用【刪除錨點(diǎn)工具】在路徑段的錨點(diǎn)上單擊可刪除錨點(diǎn)，如圖3-7所示。3.添加和刪除錨點(diǎn)工具3.3相 關(guān) 知 識3.3.1鋼筆工具組圖3-6添加錨點(diǎn) 圖3-

6、7刪除錨點(diǎn)3.3相 關(guān) 知 識3.3.1鋼筆工具組使用【刪除錨點(diǎn)工具】刪除錨點(diǎn)和直接按【Delete】鍵刪除是完全不同的，使用【刪除錨點(diǎn)工具】刪除錨點(diǎn)不會打斷路徑，而按【Delete】鍵會同時刪除錨點(diǎn)兩側(cè)的線段，從而打斷路徑。按【Esc】鍵可結(jié)束一條路徑的繪制并接著繪制其他路徑。第一次按【Delete】鍵可刪除選中的錨點(diǎn)和與錨點(diǎn)鄰接的局部路徑，第二次按【Delete】鍵可刪除錨點(diǎn)所在的整個路徑，第三次按【Delete】鍵可刪除所有路徑。3.添加和刪除錨點(diǎn)工具3.3相 關(guān) 知 識3.3.1鋼筆工具組使用【轉(zhuǎn)換點(diǎn)工具】可以對錨點(diǎn)的控制柄進(jìn)行轉(zhuǎn)換和編輯。在具體編輯時，只需通過單擊或單擊并拖動錨點(diǎn)即可

7、進(jìn)行操作。將【轉(zhuǎn)換點(diǎn)工具】移動到帶有控制柄的錨點(diǎn)上并單擊，可將其轉(zhuǎn)換為尖角錨點(diǎn)；將該工具移動到尖角錨點(diǎn)上單擊并拖動，可為錨點(diǎn)添加控制柄，效果如圖3-8所示。4.轉(zhuǎn)換點(diǎn)工具3.3相 關(guān) 知 識3.3.1鋼筆工具組4.轉(zhuǎn)換點(diǎn)工具圖3-8改變錨點(diǎn)狀態(tài)3.3相 關(guān) 知 識3.3.1鋼筆工具組使用【轉(zhuǎn)換點(diǎn)工具】還可以將平滑型錨點(diǎn)轉(zhuǎn)換為拐角型錨點(diǎn)，直接利用【轉(zhuǎn)換點(diǎn)工具】移動光標(biāo)至平滑型錨點(diǎn)一側(cè)的方向點(diǎn)上方拖動即可，效果如圖3-9所示。圖3-9轉(zhuǎn)換錨點(diǎn)類型3.3相 關(guān) 知 識3.3.2路徑路徑是具有矢量特征的直線或曲線，是矢量對象的輪廓。繪制的路徑可根據(jù)需要放大或縮小。3.3相 關(guān) 知 識3.3.2路徑路徑

8、的選擇是進(jìn)行路徑調(diào)整的第一步，只有正確地選擇，才能夠進(jìn)行合適的編輯與調(diào)整操作。Photoshop CC提供了兩個路徑選擇工具，分別為【路徑選擇工具】和【直接選擇工具】。單擊工具箱中的【路徑選擇工具】，將鼠標(biāo)指針移動到需要選擇的路徑上，單擊即可選擇路徑。被選擇路徑上的錨點(diǎn)全部顯示為黑色，如圖3-10所示。1.選擇和移動路徑3.3相 關(guān) 知 識3.3.2路徑圖3-10選擇路徑1.選擇和移動路徑3.3相 關(guān) 知 識3.3.2路徑如果想要選擇路徑中的錨點(diǎn)，可以使用【直接選擇工具】，首先移動鼠標(biāo)指針至該錨點(diǎn)所在路徑上并單擊，以激活該路徑，激活路徑的所有錨點(diǎn)都會以空心方框顯示；然后移動指針至錨點(diǎn)上并單擊，

9、即可選擇該錨點(diǎn)，此時拖動鼠標(biāo)即可移動該錨點(diǎn)，如圖3-11所示。1.選擇和移動路徑3.3相 關(guān) 知 識3.3.2路徑圖3-11選擇錨點(diǎn)1.選擇和移動路徑3.3相 關(guān) 知 識3.3.2路徑按住【Ctrl】鍵，如果當(dāng)前選擇的是【直接選擇工具】，可切換至【路徑選擇工具】；如果當(dāng)前選擇的是【路徑選擇工具】，則轉(zhuǎn)換為【直接選擇工具】。1.選擇和移動路徑提示3.3相 關(guān) 知 識3.3.2路徑在使用【路徑選擇工具】時，如果拖動鼠標(biāo)創(chuàng)建一個選框區(qū)域，與選框區(qū)域交叉和包含的所有路徑都將被選擇。在選擇多條路徑后，使用工具選項欄可對路徑進(jìn)行對齊和分布等操作。單擊【路徑操作】按鈕可按照各路徑的相互關(guān)系進(jìn)行組合?！韭窂竭x

10、擇工具】選項欄如圖3-12所示。1.選擇和移動路徑圖3-12【路徑選擇工具】選項欄3.3相 關(guān) 知 識3.3.2路徑使用【直接選擇工具】時，如果想同時選中多個錨點(diǎn)，可以在按住【Shift】鍵的同時逐個單擊要選擇的錨點(diǎn)，還可以拖動鼠標(biāo)拉出一個虛框，選擇框內(nèi)的所有錨點(diǎn)。被選中的錨點(diǎn)顯示為黑色方塊，而沒有被選擇的錨點(diǎn)顯示為空心方塊，如圖3-13所示。1.選擇和移動路徑3.3相 關(guān) 知 識3.3.2路徑圖3-13選擇部分錨點(diǎn)1.選擇和移動路徑3.3相 關(guān) 知 識3.3.2路徑與移動錨點(diǎn)相同，使用【直接選擇工具】按住線段拖動，可移動路徑中的線段，如圖3-14所示。在曲線段上拖動可改變曲線的形狀，按【De

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

12、】選中路徑，然后按住【Alt】鍵，拖動選中的路徑即可復(fù)制路徑。2.復(fù)制路徑3.3相 關(guān) 知 識3.3.2路徑(1)選擇【路徑】調(diào)板中的任意一條已保存的路徑，然后在該路徑名稱上右擊，在彈出的快捷菜單中執(zhí)行【復(fù)制路徑】命令，彈出【復(fù)制路徑】對話框，如圖3-16所示，可以根據(jù)需要修改路徑名稱。(2)在【路徑】調(diào)板中，按住【Alt】鍵并將路徑拖到【創(chuàng)建新路徑】按鈕上，會彈出【復(fù)制路徑】對話框，單擊【確定】按鈕可復(fù)制路徑。2.復(fù)制路徑3.3相 關(guān) 知 識3.3.2路徑2.復(fù)制路徑圖3-16 【復(fù)制路徑】對話框3.3相 關(guān) 知 識3.3.2路徑(3)在【路徑】調(diào)板中拖動路徑至調(diào)板底部的【創(chuàng)建新路徑】按鈕上

13、，可直接創(chuàng)建路徑的副本。(4)選中路徑后，使用【編輯】菜單下的【拷貝】和【粘貼】命令也可以實(shí)現(xiàn)復(fù)制路徑的操作。2.復(fù)制路徑3.3相 關(guān) 知 識3.3.2路徑如果【路徑】調(diào)板中的路徑名稱為【工作路徑】，此時【復(fù)制路徑】命令是不可用的，即【復(fù)制路徑】命令不能應(yīng)用于工作路徑。通過雙擊【路徑】調(diào)板中的工作路徑，將工作路徑進(jìn)行存儲操作即可激活【復(fù)制路徑】命令。2.復(fù)制路徑提示3.3相 關(guān) 知 識3.3.2路徑工作路徑是一種臨時性的路徑，在使用鋼筆工具或形狀工具繪制創(chuàng)建路徑時，新的路徑將作為【工作路徑】出現(xiàn)在【路徑】調(diào)板中，現(xiàn)有的工作路徑被替代，且系統(tǒng)不會進(jìn)行任何提示，為了便于后期調(diào)整，可將繪制的路徑存儲

14、起來。3.保存工作路徑3.3相 關(guān) 知 識3.3.2路徑在【路徑】調(diào)板中單擊【工作路徑】為當(dāng)前路徑，拖動工作路徑至調(diào)板底端的【創(chuàng)建新路徑】按鈕上或者從調(diào)板菜單中選擇【存儲路徑】命令，都將彈出【存儲路徑】對話框，在對話框中可以更改路徑的名稱，然后單擊【確定】按鈕即可保存路徑，如圖3-17所示。3.保存工作路徑3.3相 關(guān) 知 識3.3.2路徑圖3-17【存儲路徑】對話框3.保存工作路徑3.3相 關(guān) 知 識3.3.2路徑3.保存工作路徑在繪制較為復(fù)雜的圖形時，可以根據(jù)圖形內(nèi)容創(chuàng)建多個路徑層來存放路徑，方便選擇和管理。提示3.3相 關(guān) 知 識3.3.3路徑調(diào)板所有使用【鋼筆工具】或者其他工具繪制好的

15、路徑，都被存儲在【路徑】調(diào)板中，如圖3-18所示，在調(diào)板底部分布著一些功能按鈕。圖3-18【路徑】調(diào)板3.3相 關(guān) 知 識3.3.3路徑調(diào)板(1)用前景色填充路徑：使用工具箱中的前景色對路徑進(jìn)行填充。(2)用畫筆描邊路徑：默認(rèn)使用【鉛筆工具】及前景色對路徑進(jìn)行描邊。選中路徑后，使用路徑工具在視圖中右擊，在彈出的快捷菜單中執(zhí)行【描邊路徑】或【描邊子路徑】命令，打開【描邊路徑】對話框，在其中可選擇要使用的描邊工具，如圖3-19所示。操作步驟3.3相 關(guān) 知 識3.3.3路徑調(diào)板圖3-19【描邊路徑】對話框操作步驟3.3相 關(guān) 知 識3.3.3路徑調(diào)板(3)將路徑作為選區(qū)載入：將路徑轉(zhuǎn)換為選區(qū)。(4

16、)從選區(qū)生成工作路徑：可將選區(qū)轉(zhuǎn)換為路徑。(5)添加蒙版：可為當(dāng)前所選路徑創(chuàng)建矢量蒙版。(6)創(chuàng)建新路徑：在調(diào)板中可以創(chuàng)建新的空白路徑層，新繪制的路徑將被存儲到其中。(7)刪除當(dāng)前路徑：可以刪除當(dāng)前選中的路徑。操作步驟3.3相 關(guān) 知 識3.3.4色彩范圍使用【色彩范圍】命令可以按照圖像中顏色的分布特點(diǎn)自動生成選區(qū)，它根據(jù)顏色進(jìn)行交互式選取，并可準(zhǔn)確顯示將要選中的像素。3.3相 關(guān) 知 識3.3.4色彩范圍(1)打開需要創(chuàng)建選區(qū)的圖像，執(zhí)行【選擇】|【色彩范圍】命令，打開【色彩范圍】對話框。操作步驟圖3-20【色彩范圍】對話框3.3相 關(guān) 知 識3.3.4色彩范圍(2)移動鼠標(biāo)指針到打開的圖像

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