PhotoshopCC案例教程案例課件3

1、制作鼠標(biāo)廣告路徑案例3目錄3.13.23.33.4案例描述案例解析相關(guān)知識(shí)操作步驟3.5實(shí)訓(xùn)演練3.1案 例 描 述圖3-1所示為鼠標(biāo)廣告的制作效果。這是為陽(yáng)光品牌的鼠標(biāo)制作的廣告，目的是讓更多人認(rèn)識(shí)該品牌的產(chǎn)品，提高企業(yè)的知名度，拉近與消費(fèi)者之間的距離。鼠標(biāo)廣告圖3-1鼠標(biāo)廣告3.2案 例 解 析 本案例的設(shè)計(jì)主題是鼠標(biāo)廣告，這是一款主要用于游戲的鼠標(biāo)。在設(shè)計(jì)上，采用了彩色，使鼠標(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) 知 識(shí)在Photoshop中可以利用路徑功能繪制出任何形狀或圖像，下面介紹路徑的各種工具的使用方法3.3相 關(guān) 知 識(shí)3.3.1鋼筆工具組【鋼筆工具】是最基本的路徑繪制工具，用戶可以使用它創(chuàng)建或編輯直線、曲線及自由的線條、形狀。在使用【鋼筆工具】繪制路徑時(shí)，在圖像中每單擊一次就可創(chuàng)建一個(gè)錨點(diǎn)，并且這個(gè)錨點(diǎn)與上一個(gè)錨點(diǎn)之間以直線連接。使用【鋼筆工具】繪制的矢量圖形稱為路徑，如圖3-2(a)所示。1.鋼筆工具3.3相 關(guān) 知 識(shí)3.3.1鋼筆工具組如果使用【鋼筆工具】在頁(yè)面中單擊，在另一

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

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

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

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

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

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

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

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

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

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

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

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

15、路徑，都被存儲(chǔ)在【路徑】調(diào)板中，如圖3-18所示，在調(diào)板底部分布著一些功能按鈕。圖3-18【路徑】調(diào)板3.3相 關(guān) 知 識(shí)3.3.3路徑調(diào)板(1)用前景色填充路徑：使用工具箱中的前景色對(duì)路徑進(jìn)行填充。(2)用畫筆描邊路徑：默認(rèn)使用【鉛筆工具】及前景色對(duì)路徑進(jìn)行描邊。選中路徑后，使用路徑工具在視圖中右擊，在彈出的快捷菜單中執(zhí)行【描邊路徑】或【描邊子路徑】命令，打開(kāi)【描邊路徑】對(duì)話框，在其中可選擇要使用的描邊工具，如圖3-19所示。操作步驟3.3相 關(guān) 知 識(shí)3.3.3路徑調(diào)板圖3-19【描邊路徑】對(duì)話框操作步驟3.3相 關(guān) 知 識(shí)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)建新的空白路徑層，新繪制的路徑將被存儲(chǔ)到其中。(7)刪除當(dāng)前路徑：可以刪除當(dāng)前選中的路徑。操作步驟3.3相 關(guān) 知 識(shí)3.3.4色彩范圍使用【色彩范圍】命令可以按照?qǐng)D像中顏色的分布特點(diǎn)自動(dòng)生成選區(qū)，它根據(jù)顏色進(jìn)行交互式選取，并可準(zhǔn)確顯示將要選中的像素。3.3相 關(guān) 知 識(shí)3.3.4色彩范圍(1)打開(kāi)需要?jiǎng)?chuàng)建選區(qū)的圖像，執(zhí)行【選擇】|【色彩范圍】命令，打開(kāi)【色彩范圍】對(duì)話框。操作步驟圖3-20【色彩范圍】對(duì)話框3.3相 關(guān) 知 識(shí)3.3.4色彩范圍(2)移動(dòng)鼠標(biāo)指針到打開(kāi)的圖像

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