任務2 熟悉Photoshop圖像處理軟件

任務目標

① 認識Photoshop CS6的工作界面和常用工具

② 掌握圖層的操作

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

④ 掌握應用圖層樣式的方法

一、任務描述

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

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

二、相關知識

（一）認識Photoshop CS6的工作界面

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

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

? 標題欄：標題欄用于顯示當前打開文件的名稱，當打開多個圖像文件時，將以選項卡的方式排列顯示，以便切換查看和使用。

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

? 工具屬性欄：當用戶選擇工具箱中的某個工具時，工具屬性欄將變成對應的工具屬性欄進行設置。

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

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

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

（二）認識Photoshop CS6的常用工具

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

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

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

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

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

? 移動工具：用于移動選區內容、輔助線或層的內容，也可以將內容置入其他文檔中。

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

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

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

? 畫筆工具組：包括畫筆工具、鉛筆工具、顏色替換工具、混合器畫筆工具，用于繪制各種圖形、圖案或為選區上色、描邊。

? 圖像修復工具組：主要包括修復畫筆工具、污點修復畫筆工具、修補工具、紅眼工具，用于去除商品圖片中的污點或修補圖像。

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

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

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

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

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

（三）認識Photoshop CS6的“圖層”面板

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

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

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

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

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

? “創建新圖層”按鈕：用于創建一個新的空白圖層。

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

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

? “鏈接圖層”按鈕：用于鏈接兩個或兩個以上的圖層，方便同時進行縮放或透視等操作。

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

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

（四）圖層常用的操作

圖層的常用操作包括復制、移動、合并和蓋印等，詳細介紹如下。

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

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

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

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

（五）認識與應用圖層樣式

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

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

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

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

打開“圖層樣式”對話框后，單擊選中“圖層樣式”窗口左側的復選框可切換到對應的設置面板。常用圖層樣式的效果介紹如下。

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

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

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

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

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

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

? 內發光：內發光圖層樣式可以沿圖層圖像的邊緣向內創建發光效果。

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

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

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

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

? 外發光：外發光圖層樣式是沿圖像邊緣向外產生發光效果。

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

（六）Photoshop中的常用快捷鍵

在使用Photoshop處理商品圖片或設計商品廣告過程中，使用相應的快捷鍵無疑會比選擇菜單命令節省時間。表1-2中總結了網店美工常用的快捷鍵。

三、任務實施

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

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

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

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

步驟04　從中心向圖形邊緣拖動鼠標指針創建漸變填充效果，在工具屬性欄設置描邊顏色為“#ad0000”，描邊粗細為“10點”，描邊樣式為“實線”，填充與描邊效果如圖1-19所示。

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

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

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

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

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

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

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

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

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

四、新手試練

為了讓學生更加了解網店美工的工作內容，老師讓學生們瀏覽淘寶網和天貓網中各式各樣的店鋪，發現某些店鋪中有精美的圖片，可以收集并保存下來，圖1-29所示為一些標簽示例。然后進行借鑒，為了使制作的標簽符合自己店鋪的需要，需要注意以下幾個方面。

? 標簽的外觀、顏色、字體要符合商品圖的風格與主題。

? 標簽中的文本應清晰、易識別。

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

表1-3　任務2試練