項目3 商品圖片處理軟件Photoshop

商品信息采集（微課版）項目3商品圖片處理軟件Photoshop知識目標(biāo)了解Photoshop的工作界面熟悉圖層的基本操作熟悉商品圖片的調(diào)整技能目標(biāo)掌握簡單背景摳圖和雜亂背景摳圖的方法掌握圖片亮度和對比度的調(diào)整掌握圖片曝光度的調(diào)整掌握圖片色階的調(diào)整掌握圖片曲線的調(diào)整掌握圖片色相/飽和度的調(diào)整掌握虛化背景的方法掌握發(fā)光效果的添加素養(yǎng)目標(biāo)重點培養(yǎng)專業(yè)技能和設(shè)計能力全面提高職業(yè)素養(yǎng)和人文素養(yǎng)任務(wù)3.1?Photoshop的基本操作5Photoshop2020是當(dāng)今世界上最為流行的圖片處理軟件之一，其強大的功能和友好的界面深受廣大用戶的喜愛，它可以用來處理網(wǎng)店的商品圖片。本節(jié)主要講述Photoshop的基本操作。3.1.1Photoshop的工作界面6Photoshop的工作界面給我們提供了一個可充分表現(xiàn)自我的設(shè)計空間，在方便我們操作的同時也幫助我們提高了工作效率。Photoshop的工作界面是編輯、處理圖片的操作平臺，它主要由菜單欄、工具箱、文檔窗口、面板組等組成，Photoshop的工作界面如圖3-1所示。3.1.1Photoshop的工作界面71．菜單欄Photoshop的菜單欄包括“文件”“編輯”“圖像”“圖層”“文字”“選擇”“濾鏡”“3D”“視圖”“窗口”“幫助”11個菜單，如圖3-2所示。3.1.1Photoshop的工作界面82．工具箱及工具選項欄Photoshop的工具箱包含多種工具，如圖3-3所示，要使用這些工具，只需單擊工具箱中的工具按鈕。使用Photoshop繪制圖像或處理圖像時，需要在工具箱中選擇工具，同時需要在工具選項欄中進行相應(yīng)的設(shè)置，工具選項欄如圖3-4所示。3.1.1Photoshop的工作界面93．文檔窗口文檔窗口既是顯示圖像的區(qū)域，也是編輯和處理圖像的區(qū)域。在文檔窗口中可以使用Photoshop幾乎所有的功能。也可以對文檔窗口進行多種操作，如改變文檔窗口的大小和位置，文檔窗口如圖3-5所示。3.1.2圖層的基本操作10圖層的基本操作包括新建圖層、刪除圖層、使用圖層樣式。1．新建圖層新建圖層的具體操作步驟如下。（1）選擇“窗口”|“圖層”命令，打開“圖層”面板，如圖3-7所示。（2）單擊“圖層”面板底部的“創(chuàng)建新圖層”按鈕，在當(dāng)前圖層之上新建一個圖層，如圖3-8所示。3.1.2圖層的基本操作112．刪除圖層刪除圖層的具體操作步驟如下。（1）選擇要刪除的圖層，單擊鼠標(biāo)右鍵，在彈出的菜單中選擇“刪除圖層”命令，如圖3-9所示。（2）執(zhí)行刪除命令后，會彈出提示框，此時單擊提示框中的“是”按鈕，即可刪除圖層，如圖3-10所示。3.1.2圖層的基本操作123．使用圖層樣式圖層樣式包含許多可以直接應(yīng)用到圖層中的效果，包括投影、斜面和浮雕、描邊等。但正因為圖層樣式的種類很多，很多人對它并沒有全面的了解，下面將詳細講解Photoshop圖層樣式的設(shè)置。3.1.3裁剪商品圖片13裁剪商品圖片的具體操作步驟如下。（1）選擇“文件”|“打開”命令，打開圖像文件，選擇工具箱中的“裁剪工具”，如圖3-13所示。3.1.3裁剪商品圖片14（2）按住鼠標(biāo)左鍵，創(chuàng)建相應(yīng)的選區(qū)，如圖3-14所示。（3）在選區(qū)內(nèi)雙擊，即可裁剪圖像，裁剪后的圖像效果如圖3-15所示。任務(wù)3.2?利用Photoshop摳圖15在制作商品促銷主圖、商品詳情頁時，如果商品圖片背景太過簡單或太過雜亂，這樣是很難吸引消費者瀏覽商品的，此時若為商品圖片換上更具視覺吸引力的背景，可增強商品圖片的吸引力。扣圖是完成背景替換的第一步，下面介紹使用Photoshop進行摳圖的方法。3.2.1簡單背景摳圖16利用“魔棒工具”摳圖的具體操作步驟如下。（1）啟動Photoshop，打開一幅圖像，在工具箱中選擇“魔棒工具”，如圖3-16所示。3.2.1簡單背景摳圖17（2）在工具選項欄中的“容差”文本框中輸入數(shù)值。單擊圖像背景，同時按住Shift鍵，再單擊背景中沒有被選中的地方，將整個背景選中，如圖3-17所示。3.2.1簡單背景摳圖18（3）選擇“選擇”|“反選”命令，將包選中，如圖3-18所示。（4）選擇“選擇”|“修改”|“羽化”命令，彈出“羽化選區(qū)”對話框，在“羽化半徑”文本框中輸入“0.5”，如圖3-19所示。單擊“確定”按鈕，設(shè)置羽化效果。3.2.1簡單背景摳圖19（5）選擇“編輯”|“拷貝”命令，復(fù)制圖像。打開一幅圖像，作為新背景，選擇“編輯”|“粘貼”命令，將復(fù)制的圖像粘貼到新背景中，如圖3-20所示。（6）選擇“編輯”|“自由變換”命令，將圖層1縮小到需要的大小，如圖3-21所示，即可完成摳圖與更換背景操作。3.2.2雜亂背景摳圖20本例講述利用多邊形套索工具摳圖，并將其應(yīng)用到新的背景中，具體的操作步驟如下。（1）啟動Photoshop，打開圖像文件，如圖3-22所示。（2）選擇工具箱中的“多邊形套索工具”，繪制選區(qū)，如圖3-23所示。3.2.2雜亂背景摳圖21（3）選擇“選擇”|“修改”|“羽化”命令，彈出“羽化選區(qū)”對話框，在“羽化半徑”文本框中輸入“1.5”，如圖3-24所示。單擊“確定”按鈕，設(shè)置羽化效果。（4）選擇“編輯”|“拷貝”命令，復(fù)制圖像，如圖3-25所示。3.2.2雜亂背景摳圖22（5）打開背景圖像，如圖3-26所示。3.2.2雜亂背景摳圖23（6）按Ctrl+V組合鍵粘貼圖像，如圖3-27所示。任務(wù)3.3?利用Photoshop調(diào)整商品圖片色彩24利用Photoshop進行色彩調(diào)整是指對亮度和對比度、曝光度、色階、曲線、色相/飽和度等進行調(diào)整，從而達到預(yù)期的色彩效果。每種顏色的變化都會讓觀者產(chǎn)生不一樣的感受。網(wǎng)商品圖片能準(zhǔn)確還原商品色彩是很重要的，這樣可以避免不必要的售后問題。3.3.1調(diào)整圖片亮度和對比度25（1）啟動Photoshop，打開一幅圖片，如圖3-28所示。（2）選擇“圖像”|“調(diào)整”|“亮度/對比度”命令，彈出“亮度/對比度”對話框，向左拖曳相應(yīng)的滑塊可降低亮度和對比度，向右拖曳可提高亮度和對比度，設(shè)置“亮度”為“97”，“對比度”為“0”，如圖3-29所示。單擊“確定”按鈕。3.3.1調(diào)整圖片亮度和對比度26（3）可以看到調(diào)整后的圖片效果好多了，如圖3-30所示。3.3.2調(diào)整圖片曝光度27（1）啟動Photoshop，打開一張曝光不足的商品圖片，如圖3-31所示。（2）選擇“圖像”|“調(diào)整”|“曝光度”命令，彈出“曝光度”對話框，由于這張圖片比較暗，如果想讓圖片變亮，就應(yīng)該將圖片的曝光度提高，再利用“灰度系數(shù)校正”調(diào)節(jié)畫面整體的平衡。這里設(shè)置“曝光度”為“+1.85”，“位移”為“0.0000”，“灰度系數(shù)校正”為“1.00”，如圖3-32所示，單擊“確定”按鈕，即可調(diào)整圖片的曝光度。3.3.2調(diào)整圖片曝光度28（3）可以看到增亮的效果還是非常明顯的，如圖3-33所示。3.3.3調(diào)整圖片色階29使用Photoshop調(diào)整圖片色階的具體操作步驟如下。（1）啟動Photoshop，打開圖3-34所示的商品圖片。（2）選擇“圖像”|“調(diào)整”|“色階”命令，彈出“色階”對話框，單擊“選項”按鈕，如圖3-35所示。3.3.3調(diào)整圖片色階30（3）彈出“自動顏色校正選項”對話框，選中“查找深色與淺色”單選按鈕，如圖3-36所示，在“目標(biāo)顏色和修剪”中設(shè)置“陰影”“中間調(diào)”“高光”，單擊“確定”按鈕，即可自動匹配顏色，調(diào)整后的效果如圖3-37所示。3.3.4調(diào)整圖片曲線31使用Photoshop調(diào)整圖片曲線的具體操作步驟如下。（1）啟動Photoshop，打開圖3-38所示的商品圖片。（2）選擇“圖像”|“調(diào)整”|“曲線”命令，彈出如圖3-39所示的“曲線”對話框，在曲線直方圖上添加一個點，將曲線往上拉，調(diào)整“RGB”通道中的曲線形狀。3.3.4調(diào)整圖片曲線32（3）調(diào)整好之后，效果如圖3-40所示。3.3.5調(diào)整圖片色相/飽和度33“色相/飽和度”命令主要用來調(diào)整圖片色彩的鮮艷程度。按Ctrl+U組合鍵，會彈出“色相/飽和度”對話框，如圖3-41所示。從圖中可以看到，調(diào)節(jié)的參數(shù)就是色彩的3個屬性，分別是色相、飽和度和明度?！邦伾毕吕斜砜蛑邪叭珗D”“紅色”“黃色”“綠色”“青色”“藍色”“洋紅”等選項，如圖3-42所示，我們既可以對單個顏色進行調(diào)整，也可以對整張圖片的顏色進行調(diào)整。任務(wù)3.4?商品圖片的特殊處理34商品信息采編人員在處理圖片時，除了可以修飾圖片、豐富圖片內(nèi)容外，還可以為圖片添加特效，如虛化背景、添加發(fā)光效果，這樣可以更好地突出商品特征。3.4.1虛化背景35虛化背景的具體操作步驟如下。（1）打開原始圖片，選擇工具箱中的“磁性套索工具”，在圖中沿著物品輪廓繪制選區(qū)，如圖3-52所示。（2）選擇“選擇”|“反選”命令，反選選區(qū)，如圖3-53所示。3.4.1虛化背景36（3）選擇“選擇”|“修改”|“羽化”命令，打開“羽化選區(qū)”對話框，在“羽化半徑”文本框中輸入“8”，讓選區(qū)的邊緣變得更加柔和，如圖3-54所示。（4）選擇“濾鏡”|“模糊”|“高斯模糊”命令，打開“高斯模糊”對話框，將“半徑”設(shè)置為“4.5”像素，如圖3-55所示。3.4.1虛化背景37（5）單擊“確定”按鈕，返回文檔窗口，取消選區(qū)，可以看到背景虛化后的效果，如圖3-56所示。3.4.2添加發(fā)光效果38為商品圖片添加發(fā)光效果的具體操作步驟如下。（1）打開原始圖片，如圖3-57所示。（2）選擇“文件”|“置入嵌入對象”命令，置入卡通汽車圖片，如圖3-58所示。3.4.2添加發(fā)光效果39（3）選擇“編輯”|“自由變換”命令，調(diào)整卡通汽車圖片的大小與位置，如圖3-59所示。（4）在“圖層”面板中，雙擊“卡通汽車”圖層，如圖3-60所示。課后提升案例40案例1批處理圖片在處理商品圖片時，常常要處理幾十張甚至上千張，在這個過程中，打開、調(diào)整、保存圖片都會浪費很多時間和精力。針對這種情況，我們可以對商品圖片進行批處理，具體操作步驟如下。案例1批處理圖片41（1）使用Photoshop打開需要編輯的圖片，如圖3-65所示。（2）選擇“窗口”|“動作”命令，打開“動作”面板，單擊右下角的“創(chuàng)建新動作”按鈕，如圖3-66所示。案例1批處理圖片42（3）彈出“新建動作”對話框，單擊“記錄”按鈕，如圖3-67所示。（4）新建“動作1”，如圖3-68所示。想一想43“動作”面板有什么作用？如何使用“動作”面板批處理商品圖片？________________________________________________________________________________________________________________________________________________________________________________________________案例2制作立體文字44在商品圖片處理中，我們常常會添加一些立體文字。其實制作立體文字的方法有很多種，本例所制作的立體文字效果如圖3-74所示，具體操作步驟如下。（1）打開圖像文件，選擇工具箱中的“橫排文字工具”，如圖3-75所示。案例2制作立體文字45（2）在工具選項欄中將字體設(shè)置為“黑體”，字體大小設(shè)置為“150點”，字體顏色設(shè)置為“#e0a86b”，輸入“愛”，如圖3-76所示。想一想46Photoshop的“圖層樣式”有什么作用？如何使用圖層樣式制作有特效效果的文字？________________________________________________________________________________________________________________________________________________________________________________________________知識拓展——切割圖片47切割圖片的具體操作步驟如下。（1）啟動Photoshop，打開要切割的圖片文件，如圖3-85所示。（2）選擇工具箱中的“切片工具”，在圖片上按住鼠標(biāo)左鍵，拖出合適的切片大小，如圖3-86所示。知識拓展——切割圖片48（3）在繪制的切片上單擊鼠標(biāo)右鍵，在彈出的快捷菜單中選擇“編輯切片選項”命令，彈出“切片選項”對話框，如圖3-87所示，在該對話框中可以設(shè)置相應(yīng)的參數(shù)。課后跟蹤實訓(xùn)49實訓(xùn)1熟悉Photoshop的工作界面【任務(wù)描述】啟動Photoshop，熟悉其工作界面，找到菜單欄、工具箱、面板組、文檔窗口，分析各有哪些功能。進行小組內(nèi)部交流、討論，并填寫表3-1。實訓(xùn)1熟悉Photoshop的工作界面50表3-1??Photoshop的工作界面實訓(xùn)2熟悉使用Photoshop調(diào)整圖片色彩的方法51表3-2??使用Photoshop調(diào)整圖片色彩實訓(xùn)項目評價52課后自測題53一、選擇題1．Photoshop的（）包含多種工具，要使用這