網(wǎng)店美工 課件 項(xiàng)目1、2 初識(shí)網(wǎng)店美工、處理商品圖片

網(wǎng)店美工：理論、案例與實(shí)訓(xùn)（全彩微課版）高等院校電子商務(wù)類新形態(tài)系列教材項(xiàng)目一初識(shí)網(wǎng)店美工目錄Contents任務(wù)一

網(wǎng)店美工概述任務(wù)二網(wǎng)店美工必備的視覺設(shè)計(jì)知識(shí)任務(wù)三

網(wǎng)店美工常用的設(shè)計(jì)軟件任務(wù)四

網(wǎng)店美工的設(shè)計(jì)流程任務(wù)一網(wǎng)店美工概述網(wǎng)店美工是網(wǎng)店頁面編輯美化工作者的統(tǒng)稱，其工作職責(zé)是負(fù)責(zé)網(wǎng)店的視覺美化，傳達(dá)商品信息、樹立品牌形象，吸引消費(fèi)者進(jìn)店瀏覽，從而提升店鋪的商品銷量。一、網(wǎng)店美工的定義任務(wù)一網(wǎng)店美工概述（1）具備良好的溝通理解能力和團(tuán)隊(duì)合作意識(shí)。（2）具備較強(qiáng)的美術(shù)功底、審美能力，以及豐富的想象力、創(chuàng)造力。（3）具備使用各種設(shè)計(jì)與制作軟件的能力，如Photoshop、C4D、Illustrator、Premiere等軟件，還需要熟悉簡(jiǎn)單的代碼操作，方便編輯頁面。（4）具備運(yùn)營思維，懂得從運(yùn)營、推廣、數(shù)據(jù)分析等角度思考問題，并將想法運(yùn)用到設(shè)計(jì)中，以提升網(wǎng)店中商品的點(diǎn)擊率，激發(fā)消費(fèi)者的購買欲。合格的網(wǎng)店美工需要具備以下技能。二、網(wǎng)店美工的技能要求任務(wù)一網(wǎng)店美工概述網(wǎng)店美工的工作圍繞網(wǎng)店展開，涉及以下5個(gè)方面。01處理商品圖片02設(shè)計(jì)與制作推廣圖03設(shè)計(jì)網(wǎng)店頁面04制作商品視頻05裝修網(wǎng)店頁面三、網(wǎng)店美工的工作范疇任務(wù)一網(wǎng)店美工概述一名合格的網(wǎng)店美工除了需要掌握基本的技能知識(shí)，還需要注意以下問題，避免設(shè)計(jì)出的效果不符合網(wǎng)店需求。01明確設(shè)計(jì)思路03做好前期準(zhǔn)備02統(tǒng)一風(fēng)格04分清主次輕重四、網(wǎng)店美工需要注意的問題目錄Contents任務(wù)一網(wǎng)店美工概述任務(wù)二網(wǎng)店美工必備的視覺設(shè)計(jì)知識(shí)任務(wù)三

網(wǎng)店美工常用的設(shè)計(jì)軟件任務(wù)四

網(wǎng)店美工的設(shè)計(jì)流程任務(wù)二網(wǎng)店美工必備的視覺設(shè)計(jì)知識(shí)色彩的三要素是指色彩的色相、明度、純度，這3種要素雖然相對(duì)獨(dú)立，但又相互關(guān)聯(lián)。一、色彩搭配（一）色彩的三要素色彩與人的心理、情緒有一定的關(guān)系，網(wǎng)店美工利用這一點(diǎn)設(shè)計(jì)頁面時(shí)，可根據(jù)色彩搭配使整個(gè)頁面形成獨(dú)特的視覺效果，給消費(fèi)者留下深刻的印象，實(shí)現(xiàn)視覺上的獨(dú)特性。123任務(wù)二網(wǎng)店美工必備的視覺設(shè)計(jì)知識(shí)一、色彩搭配色彩對(duì)比是指人眼對(duì)不同色彩的感知差異，主要包括以下3種。（二）色彩對(duì)比（1）色相對(duì)比。色相對(duì)比是指因不同色彩的色相差別而形成的對(duì)比（2）明度對(duì)比。明度對(duì)比是指色彩的明暗對(duì)比，也被稱為色彩的黑白對(duì)比。（3）純度對(duì)比。純度對(duì)比是指因色彩純度有差別而形成的對(duì)比。任務(wù)二網(wǎng)店美工必備的視覺設(shè)計(jì)知識(shí)一、色彩搭配網(wǎng)店美工在進(jìn)行店鋪色彩搭配時(shí)需要遵循一定的比例。右圖所示為主色、輔助色與點(diǎn)綴色的應(yīng)用案例。在色彩搭配中，主色、輔助色與點(diǎn)綴色具有不同的功能，具體介紹如下。（三）色彩搭配技巧（1）主色。主色是指頁面中占用面積較大，不能被消費(fèi)者忽視的顏色，它決定了店鋪的整體風(fēng)格。（2）輔助色。輔助色是指在頁面中的占用面積小于主色，用于烘托主色的色彩。（3）點(diǎn)綴色。點(diǎn)綴色是指頁面中面積小、比較醒目的一種或多種色彩。任務(wù)二網(wǎng)店美工必備的視覺設(shè)計(jì)知識(shí)二、文字應(yīng)用合理的色彩搭配可以使畫面變得生動(dòng)，而合理的文字運(yùn)用能夠增強(qiáng)視覺傳達(dá)效果，更直觀地向消費(fèi)者闡述商品的詳細(xì)信息，引導(dǎo)消費(fèi)者瀏覽頁面與購買商品。（一）字體的類型網(wǎng)店美工可根據(jù)網(wǎng)店和商品的特征來選擇字體類型，使字體效果更加切合網(wǎng)店需求。有宋體、黑體、書法體和美術(shù)體4種。1234任務(wù)二網(wǎng)店美工必備的視覺設(shè)計(jì)知識(shí)二、文字應(yīng)用（1）字體的選用與變化。網(wǎng)店美工在排版畫面中的文案時(shí)，建議選擇2~3種匹配度高的字體，這樣能呈現(xiàn)出較佳的視覺效果。（3）文字的層次布局。在網(wǎng)店頁面設(shè)計(jì)中，文字的顯示并非簡(jiǎn)單地堆砌，而是有層次的。（2）文字的統(tǒng)一。網(wǎng)店美工在編排文字時(shí)，需要把握文字的統(tǒng)一性，使文字的字體、粗細(xì)、大小和顏色在搭配組合上給消費(fèi)者以關(guān)聯(lián)感，才不會(huì)顯得松散雜亂。（二）文字的布局技巧任務(wù)二網(wǎng)店美工必備的視覺設(shè)計(jì)知識(shí)三、頁面布局網(wǎng)店美工在進(jìn)行頁面設(shè)計(jì)時(shí)，為了提升整個(gè)頁面的美觀度，往往會(huì)對(duì)頁面的各個(gè)組成元素。（3）合理劃分，保持簡(jiǎn)潔。網(wǎng)店美工在進(jìn)行頁面布局時(shí)，應(yīng)合理、清晰地劃分頁面的各個(gè)區(qū)域，方便消費(fèi)者快速找到自己的目標(biāo)商品。（一）頁面布局原則（1）主次分明，中心突出。對(duì)于一個(gè)完整的頁面，其視覺中心通常在頁面的中心位置或中部偏上的位置。（2）留有間隙，相互呼應(yīng)。當(dāng)展示多個(gè)商品時(shí)，網(wǎng)店美工可將頁面中的多個(gè)商品圖片互相錯(cuò)開，使圖片之間有一定的間隔，形成板塊，使頁面的各個(gè)板塊錯(cuò)落有致，避免重心的偏離，達(dá)到相互呼應(yīng)的效果。任務(wù)二網(wǎng)店美工必備的視覺設(shè)計(jì)知識(shí)三、頁面布局（二）頁面布局方式頁面布局是將頁面中的各元素通過一定的方式組合在一起實(shí)現(xiàn)協(xié)調(diào)完整的效果，不同的布局方式不僅影響整個(gè)頁面的美觀度，還會(huì)給消費(fèi)者帶來不同的視覺感受。1234（1）對(duì)角線布局（2）中間對(duì)齊布局（3）左對(duì)齊布局（4）對(duì)稱型布局任務(wù)二網(wǎng)店美工必備的視覺設(shè)計(jì)知識(shí)課堂練習(xí)：賞析化妝品店鋪首頁操作思路根據(jù)前文所講內(nèi)容，從頁面風(fēng)格、色彩搭配、商品圖片展現(xiàn)、設(shè)計(jì)手法4個(gè)方面進(jìn)行賞析。目錄Contents任務(wù)一網(wǎng)店美工概述任務(wù)二網(wǎng)店美工必備的視覺設(shè)計(jì)知識(shí)任務(wù)三網(wǎng)店美工常用的設(shè)計(jì)軟件任務(wù)四

網(wǎng)店美工的設(shè)計(jì)流程任務(wù)三網(wǎng)店美工常用的設(shè)計(jì)軟件AdobePhotoshop，簡(jiǎn)稱“PS”，是由AdobeSystems公司開發(fā)和發(fā)行的圖像處理軟件，可用于對(duì)圖像進(jìn)行調(diào)色、修飾、合成、特效制作等處理，讓圖像色彩、細(xì)節(jié)更加豐富。一、PhotoshopPhotoshop是網(wǎng)店美工的常用軟件，使用Photoshop可進(jìn)行平面設(shè)計(jì)、網(wǎng)頁制作、后期修飾、視覺創(chuàng)意等操作，右圖所示為Photoshop的操作界面。任務(wù)三網(wǎng)店美工常用的設(shè)計(jì)軟件C4D（Cinema4D）由德國MaxonComputer公司開發(fā)，是一款進(jìn)行3D建模、動(dòng)畫、模擬和渲染的專業(yè)軟件。二、C4DC4D以極高的運(yùn)算速度和強(qiáng)大的渲染插件著稱，在廣告、電影、工業(yè)設(shè)計(jì)等行業(yè)中表現(xiàn)突出，網(wǎng)店美工常使用C4D制作3D場(chǎng)景、3D文字等效果，提升畫面的立體感和創(chuàng)意感，使其在激烈的競(jìng)爭(zhēng)中脫穎而出，右圖所示為C4D的操作界面。任務(wù)三網(wǎng)店美工常用的設(shè)計(jì)軟件AdobeIllustrator，簡(jiǎn)稱AI，同樣是由AdobeSystems公司制作的一款矢量圖繪制軟件，該軟件主要應(yīng)用于印刷出版、海報(bào)書籍排版、專業(yè)插畫、多媒體圖像處理和互聯(lián)網(wǎng)頁面的制作等領(lǐng)域。三、Illustrator網(wǎng)店美工一般使用AI制作標(biāo)志設(shè)計(jì)、矢量素材，以及搭建各類頁面結(jié)構(gòu)，右圖所示為Illustrator的操作界面。目錄Contents任務(wù)一網(wǎng)店美工概述任務(wù)二網(wǎng)店美工必備的視覺設(shè)計(jì)知識(shí)任務(wù)三網(wǎng)店美工常用的設(shè)計(jì)軟件任務(wù)四網(wǎng)店美工的設(shè)計(jì)流程任務(wù)四網(wǎng)店美工的設(shè)計(jì)流程一、設(shè)計(jì)定位（1）針對(duì)的消費(fèi)群體。不同消費(fèi)群體對(duì)網(wǎng)店的設(shè)計(jì)需求有所不同，如某店鋪針對(duì)的消費(fèi)群體為20~30歲的年輕女性，那么在設(shè)計(jì)定位時(shí)，其素材選擇、布局方式以及顏色、文字等方面需要符合該群體的審美。（2）店鋪需求。店鋪不同時(shí)間段的需求不同，如店鋪上新時(shí)，店鋪多針對(duì)上新商品進(jìn)行展示，而當(dāng)?shù)赇伝顒?dòng)或是平臺(tái)活動(dòng)時(shí)，則需要迎合活動(dòng)內(nèi)容進(jìn)行設(shè)計(jì)。理，方便后期收集素材。（3）商品風(fēng)格。店鋪中不同商品的風(fēng)格會(huì)存在區(qū)別，網(wǎng)店美工在進(jìn)行設(shè)計(jì)定位時(shí)，可根據(jù)店鋪的商品風(fēng)格塑造相對(duì)應(yīng)的品牌形象，使店鋪風(fēng)格與商品風(fēng)格相符合，便于商品宣傳與銷售。任務(wù)四網(wǎng)店美工的設(shè)計(jì)流程二、收集設(shè)計(jì)素材（1）網(wǎng)上收集。網(wǎng)上收集是指在互聯(lián)網(wǎng)上通過素材網(wǎng)站，如千圖網(wǎng)、花瓣網(wǎng)等，搜索并下載需要的素材。如右圖所示。（2）實(shí)物拍攝。實(shí)物拍攝是指商家使用攝像機(jī)將不同角度、不同展現(xiàn)方式的商品拍攝下來。如整體、細(xì)節(jié)、模特展現(xiàn)等，為網(wǎng)店美工后期的制作提供主要素材，該類型的素材要求真實(shí)，不能為了銷售而弄虛作假。右圖所示為拍攝的燕窩商品圖片。任務(wù)四網(wǎng)店美工的設(shè)計(jì)流程三、素材處理與設(shè)計(jì)完成素材的收集后，網(wǎng)店美工還需對(duì)其進(jìn)行簡(jiǎn)單的處理，如裁剪不需要的區(qū)域、修復(fù)污點(diǎn)、調(diào)整色調(diào)、摳取素材等，保證素材能夠被后續(xù)使用。素材處理完成后，網(wǎng)店美工還可使用Photoshop進(jìn)行后續(xù)設(shè)計(jì)，如添加文字、形狀、線條等，從而得到完整的效果。上圖所示為圖片素材處理前、處理后和進(jìn)行后續(xù)設(shè)計(jì)的效果。任務(wù)四網(wǎng)店美工的設(shè)計(jì)流程四、頁面設(shè)計(jì)網(wǎng)店美工在進(jìn)行頁面設(shè)計(jì)時(shí)，除了要設(shè)計(jì)單個(gè)圖片，還需要設(shè)計(jì)首頁、活動(dòng)頁、詳情頁等頁面。右圖所示為某品牌首頁和詳情頁的部分設(shè)計(jì)效果，可看出其首頁與詳情頁的風(fēng)格統(tǒng)一，配色上都以藍(lán)色調(diào)為主色，以白色和黑色為輔助色，以橙色為點(diǎn)綴色，整個(gè)效果清新、自然，不但突顯了網(wǎng)店的自然主題，還很好地展示了商品的特點(diǎn)。任務(wù)四網(wǎng)店美工的設(shè)計(jì)流程五、設(shè)計(jì)審核與效果調(diào)整當(dāng)完成詳情頁設(shè)計(jì)后，網(wǎng)店美工還需要將設(shè)計(jì)效果交由上級(jí)主管或是網(wǎng)店店主進(jìn)行審核，審核內(nèi)容包含設(shè)計(jì)的效果是否符合店鋪需求，是否存在違禁詞，其商品信息是否有誤，其文字信息是否能準(zhǔn)確展現(xiàn)商品賣點(diǎn)等。審核完成后，網(wǎng)店美工還需要根據(jù)審核信息進(jìn)行調(diào)整，使設(shè)計(jì)更加符合需求。任務(wù)四網(wǎng)店美工的設(shè)計(jì)流程六、店鋪裝修最終審核通過后，網(wǎng)店美工就可以進(jìn)行店鋪裝修了。在店鋪裝修過程中，首頁、活動(dòng)頁、詳情頁都通過不同板塊的拼接來展現(xiàn)。此時(shí)，網(wǎng)店美工需要將首頁或詳情頁中的各個(gè)板塊進(jìn)行切片處理，如圖所示，并在相應(yīng)的平臺(tái)中裝修店鋪頁面。任務(wù)四網(wǎng)店美工的設(shè)計(jì)流程課堂練習(xí)：構(gòu)思女包店鋪首頁的設(shè)計(jì)操作思路為一個(gè)品牌定位為簡(jiǎn)約、大氣的箱包店鋪構(gòu)思首頁，其消費(fèi)群體主要是18~40歲的年輕消費(fèi)者，商品拍攝風(fēng)格簡(jiǎn)潔、大氣，可以結(jié)合消費(fèi)者和商品的定位來展開構(gòu)思。網(wǎng)店美工：理論、案例與實(shí)訓(xùn)（全彩微課版）高等院校電子商務(wù)類新形態(tài)系列教材項(xiàng)目二處理商品圖片目錄Contents任務(wù)一

調(diào)整商品圖片尺寸任務(wù)二調(diào)整商品圖片顏色任務(wù)三修復(fù)商品圖片任務(wù)四

摳取商品圖片任務(wù)五

豐富商品圖片內(nèi)容任務(wù)一調(diào)整商品圖片尺寸電商平臺(tái)通常對(duì)上傳的商品圖片大小有一定的限制，以便商品圖片在網(wǎng)上快速傳輸并顯示，所以在大多數(shù)情況下，網(wǎng)店美工都需要重新設(shè)置商品圖片的大小，使其符合電商平臺(tái)的要求。在Photoshop中，可以使用【圖像大小】命令調(diào)整商品圖片的尺寸和大小。一、調(diào)整商品圖片的大小其方法為：在Photoshop中打開一張商品圖片，選擇【圖像】/【圖像大小】命令，打開“圖像大小”對(duì)話框，在“像素大小”欄中設(shè)置寬度和高度的參數(shù)，單擊“確定”按鈕，如右圖所示。任務(wù)一調(diào)整商品圖片尺寸網(wǎng)店的不同模塊對(duì)商品圖片尺寸的要求不同，當(dāng)商品圖片尺寸過大時(shí)，就需要裁剪商品圖片。除此之外，若需要對(duì)細(xì)節(jié)進(jìn)行展示，網(wǎng)店美工還可針對(duì)該細(xì)節(jié)區(qū)域進(jìn)行裁剪。二、裁剪商品圖片（1）固定尺寸裁剪。其是指按照軟件中固定的尺寸進(jìn)行裁剪，通常是在“裁剪方式”下拉列表中選擇合適的裁剪比例。其方法為：打開商品圖片，選擇“裁剪工具”，在“裁剪方式”下拉列表中選擇已有的固定尺寸比例選項(xiàng)，此時(shí)可發(fā)現(xiàn)打開的商品圖片四周自動(dòng)出現(xiàn)固定尺寸裁剪框，調(diào)整裁剪框位置后，按【Enter】鍵或單擊按鈕完成裁剪操作。任務(wù)一調(diào)整商品圖片尺寸二、裁剪商品圖片其方法為：打開商品圖片，選擇“裁剪工具”，此時(shí)在圖像編輯區(qū)中將出現(xiàn)8個(gè)控制點(diǎn)用于確認(rèn)裁剪區(qū)域，按住【Alt】鍵不放并拖動(dòng)控制點(diǎn)以確認(rèn)裁剪區(qū)域，按【Enter】鍵完成操作，如上圖所示。需要注意的是，該方法只適用于高質(zhì)量、高清晰度的商品圖片，若圖片質(zhì)量不佳則建議使用具有微距功能的相機(jī)拍攝該商品的細(xì)節(jié)特寫。（2）裁剪細(xì)節(jié)部分。如果需要展示商品的細(xì)節(jié)，可以直接使用拍攝的原圖進(jìn)行裁剪。任務(wù)一調(diào)整商品圖片尺寸某水果店鋪要上架草莓商品，現(xiàn)需要對(duì)拍攝的草莓商品圖片大小進(jìn)行處理，方便用于主圖制作，要求商品圖片的尺寸為800像素×800像素，具體操作步驟如下。三、【課堂案例】——處理“草莓”商品圖片大小2134任務(wù)一調(diào)整商品圖片尺寸課堂練習(xí)：制作糕點(diǎn)主圖背景操作思路主圖尺寸一般為800像素×800像素，查看提供的素材可發(fā)現(xiàn)該素材的尺寸過大，而且比例不符合需求，需要先將其裁剪到適合大小，并在裁剪時(shí)保留糕點(diǎn)的主體部分，避免影響商品的完整顯示。操作提示打開背景素材，如圖所示；裁剪商品圖片比例為1：1；調(diào)整商品圖片尺寸為800像素×800像素；保存文件，最終參考效果如圖所示。任務(wù)一調(diào)整商品圖片尺寸課堂練習(xí)：制作糕點(diǎn)主圖背景效果展示目錄Contents任務(wù)一調(diào)整商品圖片尺寸任務(wù)二調(diào)整商品圖片顏色任務(wù)三

修復(fù)商品圖片任務(wù)四

摳取商品圖片任務(wù)五

豐富商品圖片內(nèi)容任務(wù)二調(diào)整商品圖片顏色一、調(diào)整偏暗或偏亮的商品圖片（1）通過【亮度/對(duì)比度】命令調(diào)整商品圖片。使用【亮度/對(duì)比度】命令可對(duì)商品圖片的亮度和對(duì)比度進(jìn)行調(diào)整，如將灰暗的商品圖片變亮并增加商品圖片的明暗對(duì)比度，反之亦可。其方法為：選擇需要調(diào)整的商品圖片，選擇【圖像】/【調(diào)整】/【亮度/對(duì)比度】命令，打開“亮度/對(duì)比度”對(duì)話框，向右拖動(dòng)“亮度”和“對(duì)比度”下方的滑塊可使商品圖片變亮，向左拖動(dòng)“亮度”和“對(duì)比度”下方的滑塊可使商品圖片變暗，如下圖所示。任務(wù)二調(diào)整商品圖片顏色一、調(diào)整偏暗或偏亮的商品圖片（2）通過【曲線】命令調(diào)整商品圖片。使用【曲線】命令可對(duì)商品圖片的色彩、亮度和對(duì)比度進(jìn)行調(diào)整，使商品圖片的色彩更加具有質(zhì)感。。=其方法為：選擇需要調(diào)整的商品圖片，選擇【圖像】/【調(diào)整】/【曲線】命令或按【Ctrl+M】組合鍵，打開“曲線”對(duì)話框，將鼠標(biāo)指針移動(dòng)到曲線上，單擊鼠標(biāo)左鍵增加一個(gè)控制點(diǎn)，按住鼠標(biāo)左鍵不放向上方拖曳即可調(diào)整商品圖片的亮度，向下拖曳即可調(diào)整商品圖片的明暗對(duì)比度，如圖所示。任務(wù)二調(diào)整商品圖片顏色一、調(diào)整偏暗或偏亮的商品圖片（3）通過【曝光度】命令調(diào)整商品圖片?！酒毓舛取棵畛Ｓ糜谔幚砥毓舛炔粔?、色彩暗淡或曝光過度、色彩太亮的商品圖片。其方法為：選擇需要調(diào)整的商品圖片，選擇【圖像】/【調(diào)整】/【曝光度】命令，打開“曝光度”對(duì)話框，通過設(shè)置曝光度、位移和灰度系數(shù)參數(shù)，可以調(diào)整商品圖片的明亮程度，使商品圖片變亮或變暗，如圖所示。任務(wù)二調(diào)整商品圖片顏色一、調(diào)整偏暗或偏亮的商品圖片（4）通過“減淡工具”和“加深工具”調(diào)整商品圖片?！皽p淡工具”主要用于為商品圖片的亮部分、中間調(diào)部分和暗部分分別進(jìn)行減淡處理，使用該工具在某一區(qū)域涂抹的次數(shù)越多，該區(qū)域的顏色也就越淡?！凹由罟ぞ摺敝饕糜诩由钌唐穲D片的局部顏色，使用該工具在某一區(qū)域涂抹的次數(shù)越多，該區(qū)域的顏色也就越深。如下圖所示。任務(wù)二調(diào)整商品圖片顏色二、調(diào)整偏色的商品圖片（1）通過【色彩平衡】命令調(diào)整商品圖片。網(wǎng)店美工使用【色彩平衡】命令可以調(diào)整商品圖片的陰影處、中間調(diào)部分和高光處的色彩，得到鮮亮、明快的效果。其方法為：網(wǎng)店美工選擇需要調(diào)整的商品圖片，選擇【圖像】/【調(diào)整】/【色彩平衡】命令，或按【Ctrl+B】組合鍵打開“色彩平衡”對(duì)話框，在圖片原色彩的基礎(chǔ)上根據(jù)需要來調(diào)整不同顏色的占比，通過增加某種顏色的補(bǔ)色以減少該顏色的數(shù)量，如上圖所示。任務(wù)二調(diào)整商品圖片顏色二、調(diào)整偏色的商品圖片（2）通過【自然飽和度】命令調(diào)整商品圖片。使用【自然飽和度】命令可增加商品圖片色彩的飽和度，并且可在增加飽和度的同時(shí)，防止顏色過于飽和而出現(xiàn)溢色現(xiàn)象。其方法為：選擇需要調(diào)整的商品圖片，選擇【圖像】/【調(diào)整】/【自然飽和度】命令，打開“自然飽和度”對(duì)話框，其中自然飽和度參數(shù)用于調(diào)整顏色的自然飽和度，避免色調(diào)失衡，該值越小，自然飽和度越低；該值越大，自然飽和度越高。如圖所示。任務(wù)二調(diào)整商品圖片顏色二、調(diào)整偏色的商品圖片（3）通過【色相/飽和度】命令調(diào)整商品圖片。使用【色相/飽和度】命令可以調(diào)整商品圖片全圖或單個(gè)顏色的色相、飽和度和明度，常用于處理商品圖片中不協(xié)調(diào)的單個(gè)顏色。其方法為：選擇需要調(diào)整的商品圖片，選擇【圖像】/【調(diào)整】/【色相/飽和度】命令，或按【Ctrl+U】組合鍵打開“色相/飽和度”對(duì)話框，在其中調(diào)整色相、飽和度、明度參數(shù)，從而改變商品圖片的色彩，如圖所示。任務(wù)一調(diào)整商品圖片尺寸近期某珠寶類商品銷售網(wǎng)店想推出一款玉石首飾作為重點(diǎn)宣傳商品，需要調(diào)整拍攝的玉石首飾商品圖片的顏色，增加亮度/對(duì)比度、曝光度和明暗對(duì)比度，使商品圖片更加符合需求，具體操作步驟如下。三、【課堂案例】——調(diào)整首飾商品圖片的顏色213任務(wù)一調(diào)整商品圖片尺寸三、【課堂案例】——調(diào)整首飾商品圖片的顏色45任務(wù)二調(diào)整商品圖片顏色課堂練習(xí)：調(diào)整手珠色調(diào)操作思路由于整個(gè)商品圖片色調(diào)偏暗，手珠顏色暗淡，為了讓畫面色調(diào)更加統(tǒng)一，突出手珠商品，需要先提升明暗對(duì)比度，展示出細(xì)節(jié)部分，增加商品質(zhì)感，然后調(diào)整色調(diào)，更好地展示商品特性。操作提示打開“手珠.jpg”素材，如圖所示；依次使用【曲線】【色彩平衡】【曝光度】命令，調(diào)整商品的明暗效果，突出手珠的光澤感，增加商品圖片的對(duì)比程度；使用【自然飽和度】命令提升商品圖片的鮮艷程度，最終參考效果如圖所示。任務(wù)二調(diào)整商品圖片顏色課堂練習(xí)：調(diào)整手珠色調(diào)效果展示目錄Contents任務(wù)一調(diào)整商品圖片尺寸任務(wù)二調(diào)整商品圖片顏色任務(wù)三修復(fù)商品圖片任務(wù)四

摳取商品圖片任務(wù)五

豐富商品圖片內(nèi)容任務(wù)三修復(fù)商品圖片一、修復(fù)商品圖片的常用方法（1）通過“仿制圖章工具”修復(fù)商品圖片。仿制圖章工具可將商品圖片的一部分復(fù)制到同一圖片的另一位置。其方法為：打開要修復(fù)的商品圖片，選擇“仿制圖章工具”，在工具屬性欄中設(shè)置適合的畫筆大小，按住【Alt】鍵不放，此時(shí)鼠標(biāo)指針變成中心帶有十字準(zhǔn)心的圓圈，在原商品圖片中確定要復(fù)制的取樣點(diǎn)，這時(shí)鼠標(biāo)指針將變成空心圓圈；將鼠標(biāo)指針移動(dòng)到商品圖片中需要覆蓋的區(qū)域反復(fù)拖曳，即可將取樣點(diǎn)周圍的商品圖片復(fù)制到單擊點(diǎn)周圍，如圖所示。任務(wù)三修復(fù)商品圖片一、修復(fù)商品圖片的常用方法（2）通過“圖案圖章工具”修復(fù)商品圖片。圖案圖章工具的作用與仿制圖章工具類似，只是圖案圖章工具并不需要建立取樣點(diǎn)。其方法為：打開要修復(fù)的商品圖片，選擇“圖案圖章工具”，在工具屬性欄中設(shè)置畫筆大小和畫筆圖案，然后在需要填充圖案的區(qū)域拖動(dòng)鼠標(biāo)指針，如上圖所示。任務(wù)三修復(fù)商品圖片一、修復(fù)商品圖片的常用方法（3）通過“污點(diǎn)修復(fù)畫筆工具”修復(fù)商品圖片。污點(diǎn)修復(fù)畫筆工具可以快速地去除商品圖片中的污點(diǎn)、劃痕和其他不需要的部分。其方法為：打開要修復(fù)的商品圖片，選擇“污點(diǎn)修復(fù)畫筆工具”，在工具屬性欄中分別設(shè)置畫筆大小、模式、類型等參數(shù)，然后在需要修復(fù)的區(qū)域拖動(dòng)鼠標(biāo)指針，此時(shí)不需要的區(qū)域?qū)⒅饾u被去除，并自動(dòng)填充周圍的像素，如圖所示。任務(wù)三修復(fù)商品圖片一、修復(fù)商品圖片的常用方法（4）通過“修復(fù)畫筆工具”修復(fù)商品圖片。修復(fù)畫筆工具可以用商品圖片中與被修復(fù)區(qū)域相似的顏色去修復(fù)其他區(qū)域。其方法為：打開要修復(fù)的商品圖片，選擇“修復(fù)畫筆工具”，在工具屬性欄中設(shè)置適合的畫筆大小，按住【Alt】鍵，在商品圖片中要復(fù)制的取樣點(diǎn)處單擊鼠標(biāo)左鍵，這時(shí)鼠標(biāo)指針將變成空心圓圈，將其移動(dòng)到要修復(fù)的位置反復(fù)拖曳，即可將取樣點(diǎn)周圍的效果復(fù)制到修復(fù)區(qū)域，如圖所示。其使用方法與仿制圖章工具基本相同，修復(fù)畫筆工具會(huì)根據(jù)被修復(fù)區(qū)域周圍的顏色以及被取樣點(diǎn)的透明度、顏色、明暗來進(jìn)行調(diào)整，這樣修復(fù)出的商品圖片效果會(huì)更加柔和。任務(wù)三修復(fù)商品圖片一、修復(fù)商品圖片的常用方法（5）通過“修補(bǔ)工具”修復(fù)商品圖片。修補(bǔ)工具可以利用指定圖片或圖案來修復(fù)所選區(qū)域中的商品圖片。其方法為：打開要修復(fù)的商品圖片，選擇“修補(bǔ)工具”，在工具屬性欄中設(shè)置修補(bǔ)方式，在圖片上拖曳鼠標(biāo)指針，為需要修復(fù)的圖片區(qū)域建立選區(qū)，將鼠標(biāo)指針移動(dòng)到選區(qū)上，并按住鼠標(biāo)左鍵不放將選區(qū)按照修補(bǔ)的取樣區(qū)域移動(dòng)，可發(fā)現(xiàn)修復(fù)區(qū)域逐漸被取樣區(qū)域的效果覆蓋，若沒有被完全覆蓋，可重復(fù)操作，如圖所示。任務(wù)三修復(fù)商品圖片二、【課堂案例】——去除商品圖片中的污漬隨著小麥的豐收，某銷售農(nóng)產(chǎn)品的店鋪準(zhǔn)備上架一款由優(yōu)質(zhì)本土小麥制作的饅頭商品，并拍攝了饅頭商品圖片，但是饅頭蒸出一段時(shí)間后會(huì)出現(xiàn)回彈的情況，使表面形成坑洞，并且商品圖片還存在污漬，此時(shí)需要先去除污漬，然后修復(fù)表面坑洞，使整個(gè)商品圖片看起來更加美觀，具體操作步驟如下。123任務(wù)三修復(fù)商品圖片三、【課堂案例】——去除商品圖片中的多余部分某榨汁機(jī)品牌準(zhǔn)備推廣一款便攜榨汁機(jī)，需要修復(fù)處理該商品圖片，去除商品圖片中多余的部分。觀察商品圖片可發(fā)現(xiàn)該圖采用手握的方式拍攝便攜榨汁機(jī)外觀，為了便于后期設(shè)計(jì)需要去除手部圖像，具體操作步驟如下。132任務(wù)三修復(fù)商品圖片三、【課堂案例】——去除商品圖片中的多余部分54任務(wù)三修復(fù)商品圖片課堂練習(xí)：處理辣椒素材雜物操作思路觀看素材可發(fā)現(xiàn)，右上角木叉有些搶奪視線，網(wǎng)店美工需要將其處理掉，使背景顯得干凈并方便后期添加其他元素。操作提示打開背景素材；使用仿制圖章工具、修補(bǔ)工具等去除木叉；然后使用修補(bǔ)工具對(duì)殘余木叉圖像的區(qū)域進(jìn)行修復(fù)；調(diào)整色調(diào)和明暗對(duì)比度，使圖片更加具有質(zhì)感，修復(fù)圖片前后對(duì)比效果如圖所示。任務(wù)三修復(fù)商品圖片課堂練習(xí)：處理辣椒素材雜物效果展示目錄Contents任務(wù)一調(diào)整商品圖片尺寸任務(wù)二調(diào)整商品圖片顏色任務(wù)三修復(fù)商品圖片任務(wù)四摳取商品圖片任務(wù)五

豐富商品圖片內(nèi)容任務(wù)四摳取商品圖片在Photoshop中，為了完成快速摳取商品圖片，網(wǎng)店美工會(huì)根據(jù)商品圖片的特點(diǎn)來選擇合適的摳取方法。一、摳取商品圖片的常用方法01邊緣規(guī)則的商品圖片摳取02簡(jiǎn)單背景摳取03復(fù)雜圖片摳取04毛發(fā)圖片摳取05透明圖片摳取任務(wù)四摳取商品圖片二、【課堂案例】——摳取女包商品圖片某女裝網(wǎng)店準(zhǔn)備將新拍攝的女包商品圖片制作為焦點(diǎn)圖，現(xiàn)在需要將該女包圖像摳取出來，添加到焦點(diǎn)圖背景中。網(wǎng)店美工在摳取時(shí)可采用快速選擇工具、多邊形套索工具、鋼筆工具、魔棒工具等，其具體操作步驟如下。1234任務(wù)四摳取商品圖片二、【課堂案例】——摳取女包商品圖片56任務(wù)四摳取商品圖片二、【課堂案例】——摳取女包商品圖片78910任務(wù)四摳取商品圖片三、【課堂案例】——摳取婚紗商品圖片某婚紗品牌旗艦店準(zhǔn)備上新一款婚紗，但是拍攝的婚紗商品圖片背景較單一，需要為其更換背景。12摳取該婚紗商品圖片時(shí)，可先摳取人物輪廓，然后使用通道摳取婚紗部分，其具體操作步驟如下。任務(wù)四摳取商品圖片三、【課堂案例】——摳取婚紗商品圖片34任務(wù)四摳取商品圖片三、【課堂案例】——摳取婚紗商品圖片56任務(wù)四摳取商品圖片課堂練習(xí)：制作保溫壺宣傳海報(bào)操作思路觀看素材可發(fā)現(xiàn)，素材背景較復(fù)雜，商品與桌布顏色相近，并且存在陰影區(qū)域，為了便于完整摳取保溫壺商品圖片，網(wǎng)店美工可使用鋼筆工具和套索工具來完成。操作提示打開背景素材；使用鋼筆工具摳取保溫壺的輪廓；然后使用套索工具摳取其他未被摳取部分；替換背景，摳取前和替換背景后的對(duì)比效果如圖所示。任務(wù)四摳取商品圖片課堂練習(xí)：制作保溫壺宣傳海報(bào)效果展示目錄Contents任務(wù)一調(diào)整商品圖片尺寸任務(wù)二調(diào)整商品圖片顏色任務(wù)三修復(fù)商品圖片任務(wù)四摳取商品圖片任務(wù)五豐富商品圖片內(nèi)容任務(wù)五

豐富商品圖片內(nèi)容網(wǎng)店美工可以使用Photoshop中的文字工具為商品圖片添加文字，還可以根據(jù)需要設(shè)置文字效果。一、添加與設(shè)置文字其方法為：選擇文字工具組中的工具，包括“橫排文字工具”、“直排文字工具”、“橫排文字蒙版工具”、“直排文字蒙版工具”，在圖像編輯區(qū)中單擊鼠標(biāo)左鍵，此時(shí)將出現(xiàn)文本插入點(diǎn)，選擇輸入的文字，可在工具屬性欄或是“字符”面板中調(diào)整文字的字體、字號(hào)、顏色與傾斜等效果，如圖所示。任務(wù)五

豐富商品圖片內(nèi)容二、添加形狀與圖案（1）通過形狀工具組繪制形狀與圖案。選擇形狀工具組中前5種工具可以繪制一些幾何形狀，如橢圓形、圓角矩形、多邊形等；選擇自定形狀工具，可繪制Photoshop提供的形狀，如圖所示。網(wǎng)店美工可以在商品圖片中添加各種形狀和圖案，以豐富圖片內(nèi)容，這些形狀和圖案可以在素材網(wǎng)上下載，也可自行繪制。網(wǎng)店美工添加形狀和圖案的方法有以下幾種。任務(wù)五

豐富商品圖片內(nèi)容二、添加形狀與圖案（2）通過鋼筆工具繪制形狀與圖案。選擇“