任務(wù)2 熟悉Photoshop圖像處理軟件

任務(wù)目標(biāo)

① 認(rèn)識(shí)Photoshop CS6的工作界面和常用工具

② 掌握?qǐng)D層的操作

③ 熟悉Photoshop CS6中圖像處理的常用快捷鍵

④ 掌握應(yīng)用圖層樣式的方法

一、任務(wù)描述

隨著電子商務(wù)的發(fā)展，網(wǎng)店已經(jīng)成為人們生活中必不可少的部分。作為網(wǎng)店美工，如何在競爭日益激烈的電子商務(wù)市場中脫穎而出成為了成功的關(guān)鍵，通過Photoshop制作出具有吸引力、宣傳力的圖片，提高店鋪的視覺營銷效果，是當(dāng)前網(wǎng)店美工必須解決的問題。

當(dāng)然，作為一個(gè)網(wǎng)店美工新手，了解并掌握Photoshop的基本使用方法是進(jìn)行其他操作的前提，本例以制作促銷標(biāo)簽為例，講解Photoshop的基礎(chǔ)操作方法，包括新建、打開、保存圖像文件，文字工具、多邊形工具、漸變填充工具，圖層的管理與圖層樣式的應(yīng)用。在設(shè)計(jì)本任務(wù)時(shí)，將以“促銷”為主題，選擇大紅色與較粗的促銷字體，放置在主圖上，在外形上將考慮具有爆炸感覺的星形，烘托促銷氛圍，再將制作的標(biāo)簽放置在主圖上，查看其效果如圖1-6所示。

二、相關(guān)知識(shí)

（一）認(rèn)識(shí)Photoshop CS6的工作界面

選擇【開始】/【所有程序】/【Adobe Photoshop CS6】菜單命令，啟動(dòng)Photoshop CS6，將打開圖1-7所示的工作界面，該界面主要由標(biāo)題欄、菜單欄、工具箱、工具屬性欄、面板組、圖像窗口、狀態(tài)欄組成。下面對(duì)Photoshop CS6工作界面的各組成部分進(jìn)行詳細(xì)講解。

? 菜單欄：菜單欄用于將Photoshop所有的操作進(jìn)行分類，包括文件、編輯、圖像、圖層、文字、選擇、濾鏡、3D、視圖、窗口、幫助共11個(gè)菜單，每個(gè)菜單項(xiàng)下內(nèi)置了多個(gè)相關(guān)的菜單命令。

? 標(biāo)題欄：標(biāo)題欄用于顯示當(dāng)前打開文件的名稱，當(dāng)打開多個(gè)圖像文件時(shí)，將以選項(xiàng)卡的方式排列顯示，以便切換查看和使用。

? 工具箱：工具箱中集合了繪制圖像、修飾圖像、創(chuàng)建選區(qū)、調(diào)整圖像顯示比例等工具按鈕。若工具按鈕右下角有黑色小三角形，表示該工具位于一個(gè)工具組中，單擊黑色小三角形，或在該工具按鈕上按住鼠標(biāo)左鍵不放或單擊鼠標(biāo)右鍵，將顯示隱藏的工具。

? 工具屬性欄：當(dāng)用戶選擇工具箱中的某個(gè)工具時(shí)，工具屬性欄將變成對(duì)應(yīng)的工具屬性欄進(jìn)行設(shè)置。

? 面板組：Photoshop CS6中的面板組默認(rèn)顯示在工作界面的右側(cè)，是工作界面中非常重要的一個(gè)組成部分，用于選擇顏色、編輯圖層、新建通道、編輯路徑、撤銷編輯等操作。選擇“窗口”菜單命令，在打開的子菜單中選擇相應(yīng)的菜單命令，可顯示或隱藏對(duì)應(yīng)的面板。

? 圖像窗口：圖像窗口是對(duì)圖像進(jìn)行瀏覽和編輯操作的主要場所，所有的圖像處理操作都是在圖像窗口中進(jìn)行的。

? 狀態(tài)欄：狀態(tài)欄位于圖像窗口的底部，最左端顯示當(dāng)前圖像窗口的顯示比例，在其中輸入數(shù)值并按“Enter”鍵可改變圖像的顯示比例，中間將顯示當(dāng)前圖像文件的大小。

（二）認(rèn)識(shí)Photoshop CS6的常用工具

在Photoshop CS6中制作或處理圖像過程中經(jīng)常需要使用到一些工具，如圖1-8所示。下面分別進(jìn)行介紹。

? 規(guī)則選框工具組：包括矩形選框工具、橢圓選框工具、單行選框工具、單列選框工具，主要用于在文件中創(chuàng)建各種類型的選框，創(chuàng)建后，操作只在選框內(nèi)進(jìn)行，選框外不受任何影響。

? 套索工具組：包括普通套索工具、多邊形套索工具、磁性套索工具，主要用于建立復(fù)雜的幾何形狀的選區(qū)。

? 魔棒工具組：包括快速選擇工具和魔棒工具，主要用于通過圖像中相鄰像素的顏色近似程度來創(chuàng)建選區(qū)，適用于選取圖像中顏色相近或有大色塊單色區(qū)域的圖像。

? 橡皮擦工具組：主要包括普通橡皮擦工具、背景橡皮擦工具、魔術(shù)橡皮擦工具，用于擦除圖像中不需要的顏色。

? 移動(dòng)工具：用于移動(dòng)選區(qū)內(nèi)容、輔助線或?qū)拥膬?nèi)容，也可以將內(nèi)容置入其他文檔中。

? 鋼筆工具組：包括自由鋼筆工具、轉(zhuǎn)換點(diǎn)工具、添加錨點(diǎn)工具、刪除錨點(diǎn)工具，用于繪制與編輯路徑。

? 形狀工具組：包括橢圓工具、矩形工具、圓角矩形工具、多邊形工具和自定義形狀工具，用于繪制不同的形狀或路徑。

? 裁剪與切片工具組：包括裁剪工具、透視裁剪工具、切片工具、切片選擇工具，用于將圖像裁剪成需要的大小或?qū)D像切割成多個(gè)部分的圖像保存。

? 畫筆工具組：包括畫筆工具、鉛筆工具、顏色替換工具、混合器畫筆工具，用于繪制各種圖形、圖案或?yàn)檫x區(qū)上色、描邊。

? 圖像修復(fù)工具組：主要包括修復(fù)畫筆工具、污點(diǎn)修復(fù)畫筆工具、修補(bǔ)工具、紅眼工具，用于去除商品圖片中的污點(diǎn)或修補(bǔ)圖像。

? 圖章工具組：包括仿制圖章工具、圖案圖章工具，用于吸取圖像中的一部分或圖像中的圖案修補(bǔ)圖像的其他部分。

? 減淡工具組：包括加深工具、減淡工具、海綿工具，可以使涂抹過的區(qū)域顏色變深、變暗或減淡變亮，或降低部分圖像的飽和度。

? 涂抹工具組：包括模糊工具、涂抹工具、銳化工具，分別用于涂抹圖像中的顏色，模糊部分圖像，或提高部分圖像的清晰度，常用于首飾珠寶的修飾。

? 文本工具組：包括橫排文字工具、直排文字工具、橫排文字蒙版工具、直排文字蒙版工具，用于輸入橫排、豎排文字、文字選區(qū)、段落文本。

? 前景色/背景色色塊：前景色是插入、繪制圖形的顏色，背景色是需要處理的圖片底色，默認(rèn)的是白色。按“Ctrl+Delete”組合鍵可以用背景色填充當(dāng)前圖形，按“Alt+Delete”組合鍵可以用前景色填充當(dāng)前圖形。單擊對(duì)應(yīng)的色塊可打開顏色設(shè)置對(duì)話框，在其中可選擇顏色。

（三）認(rèn)識(shí)Photoshop CS6的“圖層”面板

圖層好比是一張透明的醋酸紙，層與層之間是疊加的。若上層無任何圖像，則對(duì)當(dāng)前層無影響，若上層有圖像，則與當(dāng)前層重疊的部分會(huì)遮住當(dāng)前層的圖像。單擊“圖層”面板，將顯示圖層信息，如圖1-9所示。

“圖層”面板的部分選項(xiàng)與常用操作介紹如下。

? 圖層混合模式：用于創(chuàng)建圖層的各種特殊效果，包括溶解、變暗、正片疊底、顏色加深、線性加深、疊加、柔光、亮光、強(qiáng)光。

? 圖層不透明度、圖層填充：圖層填充針對(duì)的是圖層上的填充顏色，對(duì)圖層上添加的一些描邊、投影、斜面浮雕等特效不起作用；圖層不透明度則針對(duì)的是整個(gè)圖層，包括圖層特效。

? 圖層鎖定欄：用于設(shè)置選擇圖層的鎖定方式，其中包括“鎖定透明像素”按鈕、“鎖定圖像像素”按鈕、“鎖定位置”按鈕、“鎖定全部”按鈕。鎖定的對(duì)象不能進(jìn)行編輯。

? “創(chuàng)建新圖層”按鈕：用于創(chuàng)建一個(gè)新的空白圖層。

? “刪除圖層”按鈕：用于刪除選擇的圖層。

? 顯示/隱藏圖標(biāo)：單擊可切換顯示和隱藏圖層，若按“Alt”鍵單擊該圖標(biāo)，可切換顯示或隱藏其他圖層。

? “鏈接圖層”按鈕：用于鏈接兩個(gè)或兩個(gè)以上的圖層，方便同時(shí)進(jìn)行縮放或透視等操作。

? “添加圖層樣式”按鈕：用于選擇和設(shè)置圖層的樣式。

? “添加圖層蒙版”按鈕：單擊該按鈕，可為圖層添加蒙版。

（四）圖層常用的操作

圖層的常用操作包括復(fù)制、移動(dòng)、合并和蓋印等，詳細(xì)介紹如下。

? 復(fù)制圖層：按“Ctrl+J”組合鍵可復(fù)制當(dāng)前選擇的圖層，拖動(dòng)圖層至“新建圖層”按鈕上也可復(fù)制該圖層。

? 移動(dòng)圖層的順序：選擇【圖層】/【排列】菜單命令，從打開的子菜單中選擇需要的命令即可移動(dòng)圖層的順序，也可在“圖層”面板直接拖動(dòng)圖層到其他位置實(shí)現(xiàn)圖層順序的更改。

? 合并圖層：選擇兩個(gè)或兩個(gè)以上要合并的圖層，選擇【圖層】/【合并圖層】菜單命令或按“Ctrl+E”組合鍵可將多個(gè)圖層合并為一個(gè)圖層。選擇【圖層】/【合并可見圖層】菜單命令，或按“Shift+Ctrl+E”組合鍵將合并可見的圖層，其中隱藏的圖層不進(jìn)行合并。

? 蓋印圖層：若要將多個(gè)圖層的內(nèi)容合并到一個(gè)新的圖層中，同時(shí)保留原來的圖層不變，可執(zhí)行蓋印圖層操作。選擇一個(gè)圖層，按“Ctrl+Alt+E”組合鍵，可將該圖層蓋印到下面的圖層中，原圖層保持不變；選擇多個(gè)圖層，按“Ctrl+Alt+E”組合鍵，可將選擇的圖層蓋印到一個(gè)新的圖層中，原圖層中的內(nèi)容保持不變；按“Shift+Ctrl+Alt+E”組合鍵，可將所有可見圖層中的圖像蓋印到一個(gè)新的圖層中，原圖層保持不變。

（五）認(rèn)識(shí)與應(yīng)用圖層樣式

為了得到更加立體的效果，可通過設(shè)置圖層樣式創(chuàng)建出各種特殊的圖像效果，如光照、陰影、斜面、浮雕等。圖層樣式效果的設(shè)置需要打開“圖層樣式”對(duì)話框，如圖1-10所示。打開該對(duì)話框的方法主要有3種，詳細(xì)介紹如下。

? 選擇【圖層】/【圖層樣式】菜單命令，在打開的子菜單中選擇一種效果命令。

? 在“圖層”面板中單擊“添加圖層樣式”按鈕，在打開的下拉列表中選擇一種效果選項(xiàng)。

? 直接雙擊需要添加效果的圖層右側(cè)的空白部分。

打開“圖層樣式”對(duì)話框后，單擊選中“圖層樣式”窗口左側(cè)的復(fù)選框可切換到對(duì)應(yīng)的設(shè)置面板。常用圖層樣式的效果介紹如下。

? 混合選項(xiàng)：混合選項(xiàng)圖層樣式可以控制圖層與其下面的圖層混合的方式。圖層混合樣式包括溶解、變暗、疊加、強(qiáng)光、變亮、顏色加深等。圖1-11所示為強(qiáng)光混合模式效果。

? 斜面和浮雕：“斜面和浮雕”圖層樣式可以使圖層中的圖像產(chǎn)生凸出和凹陷的斜面和浮雕效果，還可以添加不同組合方式的高光和陰影。

? 等高線：使用“等高線”圖層樣式可以勾畫在浮雕處理中被遮住的起伏、凹陷、凸起的線，且設(shè)置不同等高線生成的浮雕效果也不同。

? 紋理：使用“紋理”圖層樣式可以為斜面和浮雕應(yīng)用圖案填充效果。

? 描邊：描邊圖層樣式可以沿圖像邊緣填充一種顏色，如圖1-12所示。

? 內(nèi)陰影：內(nèi)陰影圖層樣式可以在緊靠圖層內(nèi)容的邊緣內(nèi)添加陰影，使圖層圖像產(chǎn)生凹陷效果，如圖1-13所示。

? 內(nèi)發(fā)光：內(nèi)發(fā)光圖層樣式可以沿圖層圖像的邊緣向內(nèi)創(chuàng)建發(fā)光效果。

? 光澤：通過為圖層添加光澤樣式，可以在圖像中產(chǎn)生游離的發(fā)光效果。

? 顏色疊加：顏色疊加圖層樣式可以在圖層上疊加指定的顏色，通過設(shè)置顏色的混合模式和不透明度來控制疊加效果。

? 漸變疊加：漸變疊加圖層樣式可以在圖層上疊加指定的漸變顏色。

? 圖案疊加：圖案疊加圖層樣式可以在圖層上疊加指定的圖案，并且可以縮放圖案，設(shè)置圖案的不透明度和混合模式，如圖1-14所示。

? 外發(fā)光：外發(fā)光圖層樣式是沿圖像邊緣向外產(chǎn)生發(fā)光效果。

? 投影：投影圖層樣式用于模擬物體受光后產(chǎn)生的投影效果，可以增加層次感，圖1-15所示為添加投影前后的效果。

（六）Photoshop中的常用快捷鍵

在使用Photoshop處理商品圖片或設(shè)計(jì)商品廣告過程中，使用相應(yīng)的快捷鍵無疑會(huì)比選擇菜單命令節(jié)省時(shí)間。表1-2中總結(jié)了網(wǎng)店美工常用的快捷鍵。

三、任務(wù)實(shí)施

下面使用多邊形工具和圖層管理來制作一款促銷標(biāo)簽，其具體操作如下。

步驟01　在“開始”菜單中選擇Adobe Photoshop CS6菜單命令，啟動(dòng)Photoshop CS6。選擇【文件】/【新建】菜單命令，打開“新建”對(duì)話框，設(shè)置名稱為“標(biāo)簽”，寬度和高度均為“1000像素”，其他屬性保持默認(rèn)設(shè)置，單擊按鈕，如圖1-16所示。

步驟02　選擇“多邊形工具”，在工具屬性欄中設(shè)置邊為“30”，單擊“設(shè)置”按鈕，在打開的面板中單擊選中“星形”復(fù)選框，并將“縮進(jìn)邊依據(jù)”設(shè)置為“20%”，在畫布上拖動(dòng)鼠標(biāo)繪制多邊形，效果如圖1-17所示。

步驟03　在多邊形工具屬性欄中單擊“填充”欄后的色塊，在打開的面板中單擊“漸變填充”按鈕，設(shè)置填充方式為“徑向填充”，分別雙擊色標(biāo)打開“拾色器（色標(biāo)）”對(duì)話框，分別設(shè)置漸變顏色為“#ff6516”“#ea0801”，如圖1-18所示。

步驟04　從中心向圖形邊緣拖動(dòng)鼠標(biāo)指針創(chuàng)建漸變填充效果，在工具屬性欄設(shè)置描邊顏色為“#ad0000”，描邊粗細(xì)為“10點(diǎn)”，描邊樣式為“實(shí)線”，填充與描邊效果如圖1-19所示。

步驟05　在“圖層”面板中選擇剛才繪制的多邊形圖層，按“Ctrl+J”組合鍵復(fù)制該圖層，如圖1-20所示。

步驟06　選擇“橫排文字工具”，在工具屬性欄設(shè)置字體為“漢儀粗黑簡、181、#80201c”，輸入文字“最低價(jià)”，調(diào)整字號(hào)；繼續(xù)輸入“99.99”文本，字體格式為“方正蘭亭特黑扁_GBK、白色”，調(diào)整字號(hào)與位置，效果如圖1-21所示。

步驟07　選擇“最低價(jià)”文本圖層，在“圖層”面板底部單擊“添加圖層樣式”按鈕，在打開的對(duì)話框中單擊選中“投影”復(fù)選框，投影參數(shù)如圖1-22所示。

步驟08　單擊按鈕返回工作界面查看投影效果，如圖1-23所示。

步驟09　選擇“直線工具”，在工具屬性欄中設(shè)置填充顏色為“#bfbfbf”，粗細(xì)為“8像素”，取消描邊，按住“Shift”鍵向右拖動(dòng)鼠標(biāo)繪制直線，如圖1-24所示。

步驟10　選擇多邊形副本圖層，選擇“鋼筆工具”，按住“Ctrl”鍵單擊圖形邊緣，激活該路徑，釋放“Ctrl”鍵，單擊刪除不需要的節(jié)點(diǎn)，單擊曲線添加節(jié)點(diǎn)，按住“Ctrl”鍵拖動(dòng)節(jié)點(diǎn)與控制柄調(diào)整曲線，如圖1-25所示。

步驟11　選擇“多邊形工具”，在其屬性設(shè)置填充為白色，無描邊，在“圖層”面板將該圖層的不透明度設(shè)置為“35%”，效果如圖1-26所示。

步驟12　單擊“背景”圖層前面的眼睛圖標(biāo)，取消眼睛的顯示，隱藏該圖層，效果如圖1-27所示。

步驟13　選擇【文件】/【儲(chǔ)存為】菜單命令，打開“儲(chǔ)存為”對(duì)話框，選擇格式為“PNG（*.PNG；*.PNS）”選項(xiàng)，單擊按鈕，如圖1-28所示。完成本例的制作（配套資源：\效果文件\項(xiàng)目1\標(biāo)簽.png）。

四、新手試練

為了讓學(xué)生更加了解網(wǎng)店美工的工作內(nèi)容，老師讓學(xué)生們?yōu)g覽淘寶網(wǎng)和天貓網(wǎng)中各式各樣的店鋪，發(fā)現(xiàn)某些店鋪中有精美的圖片，可以收集并保存下來，圖1-29所示為一些標(biāo)簽示例。然后進(jìn)行借鑒，為了使制作的標(biāo)簽符合自己店鋪的需要，需要注意以下幾個(gè)方面。

? 標(biāo)簽的外觀、顏色、字體要符合商品圖的風(fēng)格與主題。

? 標(biāo)簽中的文本應(yīng)清晰、易識(shí)別。

在老師的安排下，采用本任務(wù)介紹的方法制作一些小標(biāo)簽，熟悉Photoshop圖像處理軟件的界面、工具與圖層的使用方法，任務(wù)安排及要求如表1-3所示。

表1-3　任務(wù)2試練