—情境二服裝類商品圖片的處理網(wǎng)店商品圖片處理能夠分析任務(wù)并制訂工作計(jì)劃和實(shí)施方案知道網(wǎng)店服裝類商品圖片的發(fā)布規(guī)范掌握服裝類商品圖片的處理方法和技巧能夠判斷服裝類商品圖片是否合格

學(xué)習(xí)目標(biāo)論文摘要網(wǎng)店箱包類商品圖片發(fā)布規(guī)范裁剪商品細(xì)節(jié)圖制作商品詳情圖添加LOGO、廣告語設(shè)置商品主圖背景——居中留白處理商品與真人搭配效果圖學(xué)習(xí)內(nèi)容情境二服裝類商品圖片的處理項(xiàng)目一：調(diào)整圖片大小—服裝類商品圖片任務(wù)一：熟悉服裝類商品圖片發(fā)布規(guī)范情境二服裝類商品圖片的處理實(shí)施步驟：步驟1：登錄天貓首頁（），將光標(biāo)放到頁面右上方導(dǎo)航欄上的【商家支持】欄目上，在彈出的下拉菜單中，單擊【幫助中心】鏈接，如圖2-1所示。步驟2：進(jìn)入【幫助中心】頁面，在搜索框中輸入“行業(yè)標(biāo)準(zhǔn)服裝”，單擊【搜索】按鈕，如圖2-2所示。情境二服裝類商品圖片的處理實(shí)施步驟：步驟3：在搜索結(jié)果頁面中，單擊【天貓行業(yè)標(biāo)準(zhǔn)_服飾】鏈接，如圖2-3所示。步驟4：在打開的【天貓服飾類行業(yè)標(biāo)準(zhǔn)】頁面中，認(rèn)真閱讀圖片發(fā)布規(guī)范，了解服裝圖片的要求，如圖2-4、圖2-5所示。任務(wù)二：調(diào)整商品主圖、豎圖大小情境二服裝類商品圖片的處理實(shí)施步驟：步驟1：打開PhotoshopCS6軟件，執(zhí)行【文件】→【新建】命令，打開【新建】對(duì)話框，在【新建】對(duì)話框的【名稱】欄中輸入“主圖1”；【寬度】和【高度】欄均設(shè)置為“800像素”，【分辨率】欄設(shè)置為“72像素/英寸”，【顏色模式】欄設(shè)置為“RGB顏色8位”，【背景內(nèi)容】欄設(shè)置為“白色”，如圖2-7所示，設(shè)置完成后單擊【確定】按鈕。情境二服裝類商品圖片的處理實(shí)施步驟：步驟2：打開電子資源包“素材與實(shí)例”→“情境二\基礎(chǔ)素材”文件夾中的“背景.jpg”文件，選擇【移動(dòng)工具】，將“背景.jpg”移至“主圖1”，調(diào)整好位置并將其圖層名稱改為“主圖背景”，如圖2-8所示。步驟3：打開電子資源包“素材與實(shí)例”→“情境二\基礎(chǔ)素材”文件夾中的“1.jpg”文件，選擇【魔棒工具】，選擇衣服及衣架以外的區(qū)域，執(zhí)行【選擇】→【反向選擇】，如圖2-9所示。情境二服裝類商品圖片的處理實(shí)施步驟：步驟4：選擇【移動(dòng)工具】，將衣服選區(qū)移動(dòng)至“主圖1”中，調(diào)整好位置。步驟5：打開電子資源包“素材與實(shí)例”→“情境二\基礎(chǔ)素材”文件夾中的“裝飾1.jpg”“裝飾2.jpg”文件，重復(fù)步驟3、4，將其移動(dòng)到“主圖1”中。最終效果見圖2-6。步驟6：執(zhí)行【文件】→【存儲(chǔ)為】命令，彈出【存儲(chǔ)為】對(duì)話框，設(shè)置文件保存的位置，單擊【格式】下拉列表框右側(cè)的下三角按鈕，選擇“Photoshop（*.PSD;*.PDD）”選項(xiàng)，單擊【保存】按鈕。步驟7：重復(fù)步驟1~步驟6，完成其他4張商品主圖大小的調(diào)整。任務(wù)三：制作商品細(xì)節(jié)圖情境二服裝類商品圖片的處理實(shí)施步驟：步驟1：打開PhotoshopCS6，執(zhí)行【文件】→【新建】命令，在【新建】對(duì)話框的【名稱】欄中輸入“細(xì)節(jié)圖”；【寬度】和【高度】欄分別設(shè)置為“750像素”和“900像素”，【分辨率】欄設(shè)置為“72像素/英寸”，設(shè)置完成后單擊【確定】按鈕。步驟2：選擇【油漆桶工具】，給“背景”圖層填充背景色“e9cfb8”，在圖片頂部設(shè)計(jì)如圖2-15所示藍(lán)色（00a8e9）長(zhǎng)條。導(dǎo)入與商品相關(guān)的圖片素材，調(diào)整至中間合適位置。步驟3：選擇【形狀工具】組中的【橢圓工具】，設(shè)置為“無填充”，描邊顏色為“0099ff”，粗細(xì)為“3點(diǎn)”，寬度為“160像素”,高度為“160像素”，如圖2-16所示。其屬性設(shè)置如圖2-17所示。情境二服裝類商品圖片的處理實(shí)施步驟：步驟4：按Ctrl+J組合鍵（復(fù)制圖層），再按Ctrl+T組合鍵，將W和H的對(duì)話框內(nèi)“100%”改成“90%”，單擊【確定】，在【形狀工具】中設(shè)置描邊顏色為“無”，填充顏色為任意顏色，如圖2-18、圖2-19所示。圖2-19內(nèi)部圓形填充效果圖2-18使用【橢圓工具】創(chuàng)建的圓形形狀情境二服裝類商品圖片的處理實(shí)施步驟：步驟5：選擇2個(gè)圓形所在的圖層，按Ctrl+J組合鍵復(fù)制3次并調(diào)整位置，如圖2-20所示。步驟6：選擇形狀工具組中的【直線工具】，設(shè)置填充顏色為“無”，描邊顏色為“#626262”，線條粗細(xì)為“5點(diǎn)”，繪制虛線，如圖2-21所示。圖2-20圓形的位置分布圖圖2-21虛線效果情境二服裝類商品圖片的處理實(shí)施步驟：步驟7：選擇【橫排文字工具】，輸入文字內(nèi)容并調(diào)整位置，字體、大小可自己適當(dāng)調(diào)整，如圖2-22所示。步驟8：導(dǎo)入商品細(xì)節(jié)圖的素材，調(diào)整圖層順序，放在對(duì)應(yīng)圓形位置上，如圖2-23所示。圖2-22輸入文字后的效果圖2-22輸入文字后的效果情境二服裝類商品圖片的處理實(shí)施步驟：步驟9：將光標(biāo)移至商品素材和圓形圖層中間，按住Alt鍵的同時(shí)左鍵單擊【剪切蒙版】，調(diào)整大小完成制作。步驟10：執(zhí)行【文件】→【存儲(chǔ)為】命令，彈出【存儲(chǔ)為】對(duì)話框，按要求保存圖片文檔。項(xiàng)目二

：圖像色彩處理—服裝類商品圖片任務(wù)一：制作商品優(yōu)劣對(duì)比圖情境二服裝類商品圖片的處理實(shí)施步驟：步驟1：打開PhotoshopCS6，執(zhí)行【文件】→【新建】命令，在【新建】對(duì)話框的【名稱】欄中輸入“優(yōu)劣對(duì)比圖”；【寬度】和【高度】欄分別設(shè)置為“750像素”和“1200像素”，【分辨率】欄設(shè)置為“72像素/英寸”，設(shè)置完成后單擊【確定】按鈕。步驟2：執(zhí)行【視圖】→【標(biāo)尺】命令，再執(zhí)行【視圖】→【新建參考線】命令，分別在5cm、8cm、23cm、26cm處新建四條水平方向的參考線，在12.5cm、14.5cm處新建兩條垂直方向的參考線。步驟3：選擇工具箱中的【矩形選框工具】，在畫布上方繪制一個(gè)矩形選區(qū)。對(duì)齊到第一條水平線參考線。選擇【填充工具】組中的【油漆桶工具】，設(shè)置前景色設(shè)為“#f5267e”，為矩形選區(qū)填充前景色，如圖2-30所示。情境二服裝類商品圖片的處理實(shí)施步驟：步驟4：按Ctrl+D組合鍵取消選區(qū)，在圖層面板上新建一個(gè)圖層命名為“邊框”，在工具箱中選擇【形狀工具】組中的【圓角矩形工具】，參數(shù)設(shè)置如圖2-31所示。繪制一個(gè)圓角矩形的路徑，如圖2-32所示。圖2-31【圓角矩形工具】的參數(shù)設(shè)置圖2-32創(chuàng)建圓角矩形路徑情境二服裝類商品圖片的處理實(shí)施步驟：步驟5：選擇【畫筆工具】，設(shè)置前景色為“黑色”，筆尖半徑為“3px”。打開【路徑】面板，單擊面板下方的【用畫筆描邊路徑】按鈕，為圓角矩形的路徑描邊。新建圖層“邊框底”，單擊【路徑】面板下方的【將路徑作為選區(qū)載入】按鈕，把圓角矩形的路徑轉(zhuǎn)換為選區(qū)。選擇工具箱中的【矩形選框工具】，設(shè)置【創(chuàng)建選區(qū)的方式】為“從選區(qū)減去”，在圓角矩形的位置創(chuàng)建一個(gè)略小于圓角矩形高度的矩形選區(qū)，效果如圖2-33所示。圖2-33矩形選區(qū)步驟6：設(shè)置前景色為“#77b100”，選擇工具箱中的【油漆桶工具】，為選區(qū)填充顏色。步驟7：同時(shí)選擇圖層“邊框”和“邊框底”，使用Ctrl+J組合鍵，創(chuàng)建副本，如圖2-34所示。圖2-34創(chuàng)建圖層副本情境二服裝類商品圖片的處理實(shí)施步驟：步驟8：選擇【移動(dòng)工具】，將“邊框副本”與“邊框底副本”兩個(gè)圖層上的內(nèi)容移至圖2-35所示位置。圖2-35移動(dòng)后的位置步驟9：按住Ctrl鍵，單擊圖層【邊框底副本】的縮略圖將其載入到選區(qū)，設(shè)置前景色為“#5e5e5e”（灰色），使用【油漆桶工具】為選區(qū)填充顏色。效果如圖2-36所示。圖2-36為選區(qū)填充灰色步驟10：同時(shí)選擇“邊框”“邊框底”“邊框副本”“邊框底副本”四個(gè)圖層，按Ctrl+J組合鍵創(chuàng)建副本，調(diào)整位置。如圖2-37所示。圖2-37基本框架情境二服裝類商品圖片的處理實(shí)施步驟：步驟11：選擇【橫排文字工具】，添加并編輯文字，效果如圖2-38所示。步驟12：在工具箱中選擇【自定形狀工具】，設(shè)置顏色為“#f5267e”，繪制一個(gè)多角星形。用【文字工具】在形狀上面輸入“VS”字符。為形狀圖層和文字圖層創(chuàng)建副本，并使用【移動(dòng)工具】將其移至對(duì)應(yīng)位置，如圖2-39所示。步驟13：打開電子資源包“素材與實(shí)例”→“情境二\基礎(chǔ)素材”文件夾中的“毛領(lǐng)優(yōu).jpg”“毛領(lǐng)差.jpg”“袖口優(yōu).jpg”“袖口差.jpg”等文件。將“毛領(lǐng)差.jpg”“袖口差.jpg”兩張圖片的顏色模式轉(zhuǎn)換為灰度模式。步驟14：選擇【移動(dòng)工具】，將“毛領(lǐng)優(yōu).jpg”拖動(dòng)至“優(yōu)劣對(duì)比圖”中。在“毛領(lǐng)優(yōu)”圖層創(chuàng)建選區(qū)，單擊【圖層】面板下方的【添加矢量蒙版】按鈕，創(chuàng)建圖層蒙版，如圖2-40所示。步驟15：重復(fù)步驟13，將另外三張圖片拖到畫布上調(diào)整好位置，并添加圖層蒙版。步驟16：執(zhí)行【文件】→【存儲(chǔ)為】命令，彈出【存儲(chǔ)為】對(duì)話框，按要求保存圖片文檔。圖2-38文字效果圖2-39添加VS標(biāo)志圖2-40圖層蒙版效果任務(wù)二：調(diào)整商品圖片的顏色情境四箱包類商品圖片的處理實(shí)施步驟：步驟1：打開電子資源包“素材與實(shí)例”→“情境二\基礎(chǔ)素材”文件夾中的“顏色調(diào)整前.jpg”文件。選擇【魔棒工具】，創(chuàng)建衣服選區(qū)，如圖2-42所示。步驟2：執(zhí)行【圖像】→【調(diào)整】→【色階】命令，打開【色階】對(duì)話框，參數(shù)設(shè)置如圖2-43所示。圖2-42創(chuàng)建衣服選區(qū)圖2-43調(diào)整色階情境四箱包類商品圖片的處理實(shí)施步驟：步驟3：執(zhí)行【圖像】→【調(diào)整】→【亮度/對(duì)比度】命令，打開【亮度/對(duì)比度】對(duì)話框，參數(shù)設(shè)置如圖2-44所示。步驟4：執(zhí)行【文件】→【存儲(chǔ)為】命令，彈出【存儲(chǔ)為】對(duì)話框，按要求保存圖片文檔。圖2-44設(shè)置亮度和對(duì)比度任務(wù)三：處理真人模特商品圖情境四箱包類商品圖片的處理實(shí)施步驟：步驟1：打開電子資源包中的“素材與實(shí)例”→“情境二\基礎(chǔ)素材”文件夾中的“9.jpg”文件。執(zhí)行【圖像】菜單下的【調(diào)整】→【曝光度…】命令，打開【曝光度】對(duì)話框，參數(shù)設(shè)置如圖2-46所示。步驟2：執(zhí)行【圖像】→【調(diào)整】→【亮度/對(duì)比度】命令，打開【亮度/對(duì)比度】對(duì)話框，參數(shù)設(shè)置如圖2-47所示。圖2-46曝光度參數(shù)設(shè)置圖2-47調(diào)整亮度和對(duì)比度情境四箱包類商品圖片的處理實(shí)施步驟：步驟3：執(zhí)行【圖像】→【調(diào)整】→【自然飽和度…】命令，打開【自然飽和度】對(duì)話框，參數(shù)設(shè)置如圖2-48所示。步驟4：選擇【仿制圖章工具】，去掉肩膀部分的內(nèi)衣帶。步驟5：執(zhí)行【濾鏡】→【液化…】命令，打開【液化】對(duì)話框，選擇【左推工具】，美化人物腰部線條，參數(shù)設(shè)置如圖2-49所示。圖2-48調(diào)整飽和度圖2-49液化濾鏡情境四箱包類商品圖片的處理實(shí)施步驟：步驟6：選