模塊5 網(wǎng)店主圖視覺(jué)設(shè)計(jì)《網(wǎng)店美工視覺(jué)設(shè)計(jì)》教學(xué)課件

《網(wǎng)店美工視覺(jué)設(shè)計(jì)》?精品課件合集模塊5

網(wǎng)店主圖視覺(jué)設(shè)計(jì)本章導(dǎo)讀主圖是網(wǎng)店用來(lái)直接展現(xiàn)單個(gè)商品的工具，消費(fèi)者在商品列表中看到的信息一般只有商品名稱(chēng)、價(jià)格與主圖。主圖可以說(shuō)是商品的招牌，一張優(yōu)秀的主圖不僅可以展示商品，還能夠快速吸引消費(fèi)者的注意力，引導(dǎo)消費(fèi)者進(jìn)一步了解商品或網(wǎng)店，從而提高網(wǎng)店的銷(xiāo)量。本項(xiàng)目將從了解主圖的設(shè)計(jì)要點(diǎn)，掌握商品主圖的處理技法如尺寸調(diào)整、裁剪、摳圖等操作，以及主圖的設(shè)計(jì)制作等方面進(jìn)行講解。技能目標(biāo)掌握調(diào)整商品圖片尺寸的方法掌握摳圖的不同方法掌握網(wǎng)店主圖的設(shè)計(jì)要點(diǎn)學(xué)習(xí)目標(biāo)了解網(wǎng)店主圖的概念及設(shè)計(jì)要點(diǎn)了解“圖像大小”命令與“畫(huà)布大小”命令的使用方法了解裁剪工具的使用方法了解各種摳圖工具的使用方法目錄contents5.1什么是主圖5.2主圖的設(shè)計(jì)要點(diǎn)5.3調(diào)整商品圖片尺寸5.4裁剪商品圖片5.5摳圖項(xiàng)目實(shí)踐：拉桿箱主圖設(shè)計(jì)項(xiàng)目拓展：批處理商品圖片主圖就是商品頁(yè)面中的第一張圖，它是網(wǎng)店用來(lái)直接展現(xiàn)單個(gè)商品的工具方式。商品頁(yè)面中的主圖最多可以有5張，最少要有1張。第一張主圖依據(jù)商品的賣(mài)點(diǎn)及特點(diǎn)被設(shè)計(jì)成商品最重要的主圖，主要包含商品名稱(chēng)、商品圖片，以及商品的賣(mài)點(diǎn)和價(jià)格等重要信息；而其他主圖為商品的普通主圖，主要用于描述商品的細(xì)節(jié)。圖5-1所示為淘寶平臺(tái)上的一款多功能料理機(jī)的主圖。5.1什么是主圖目錄contents5.1什么是主圖5.2主圖的設(shè)計(jì)要點(diǎn)5.3調(diào)整商品圖片尺寸5.4裁剪商品圖片5.5摳圖項(xiàng)目實(shí)踐：拉桿箱主圖設(shè)計(jì)項(xiàng)目拓展：批處理商品圖片在天貓、京東、當(dāng)當(dāng)?shù)入娚唐脚_(tái)上，主圖是最先映入消費(fèi)者眼簾的圖片，第一張主圖在一般情況下還會(huì)在商品搜索結(jié)果頁(yè)顯示。主圖的位置決定了自身的重要性，它能起到視覺(jué)營(yíng)銷(xiāo)推廣的作用，使消費(fèi)者對(duì)商品產(chǎn)生興趣，進(jìn)而為網(wǎng)店增加流量和銷(xiāo)量。網(wǎng)店美工如果想要制作出高點(diǎn)擊率的主圖，為商品銷(xiāo)售提供幫助，就需要在制作主圖前掌握主圖的設(shè)計(jì)要點(diǎn)。5.2主圖的設(shè)計(jì)要點(diǎn)5.2.1商品圖片商品圖片要能吸引人。在主圖中，商品圖片要大小適中，并且能展現(xiàn)商品的細(xì)節(jié)，包括材質(zhì)、紋理等。商品圖片必須與商品實(shí)物相符，必須清晰，盡可能不出現(xiàn)色彩與造型上的偏差，最好為高質(zhì)量的商品實(shí)物照片。如果主圖中的商品圖片與商品實(shí)物不符，那么可能會(huì)引起售后糾紛，從而影響商品的銷(xiāo)售與網(wǎng)店的運(yùn)營(yíng)。5.2主圖的設(shè)計(jì)要點(diǎn)5.2.2賣(mài)點(diǎn)費(fèi)者粗略一看就能快速明白商品的優(yōu)勢(shì)是什么，這樣才能讓商品從眾多同類(lèi)商品中脫穎而出。賣(mài)點(diǎn)是指商品與眾不同的特色、特點(diǎn)，既可以是商品的款式、材質(zhì)、功能，也可以是商品的價(jià)格。賣(mài)點(diǎn)要清晰、有創(chuàng)意，不宜太多，要直擊要害，讓消讓消費(fèi)者粗略一看就能快速明白商品的優(yōu)勢(shì)是什么，這樣才能讓商品從眾多同類(lèi)商品中脫穎而出。5.2.3促銷(xiāo)信息消費(fèi)者一般比較喜歡促銷(xiāo)商品，如果商品正在促銷(xiāo)，則可以將促銷(xiāo)信息添加到主圖中，以提高主圖的點(diǎn)擊率。促銷(xiāo)信息要簡(jiǎn)短清晰，并且要避免喧賓奪主。圖5-2所示為具有促銷(xiāo)信息的主圖。5.2.4設(shè)計(jì)風(fēng)格主圖的設(shè)計(jì)風(fēng)格應(yīng)該符合商品本身的風(fēng)格。設(shè)計(jì)主圖時(shí)要注意畫(huà)面簡(jiǎn)潔，切忌使用過(guò)于復(fù)雜的背景和雜亂的色彩，以免分散消費(fèi)者的注意力。因?yàn)橄M(fèi)者瀏覽主圖的速度往往較快，所以主圖傳達(dá)的信息越簡(jiǎn)單、明確，越容易被消費(fèi)者接收。圖5-3所示的主圖畫(huà)面簡(jiǎn)潔，展現(xiàn)了耳機(jī)的靚麗、大氣。5.2主圖的設(shè)計(jì)要點(diǎn)5.2.5設(shè)計(jì)規(guī)范不同平臺(tái)對(duì)主圖尺寸的要求也不同，主圖的常用尺寸是800像素×800像素，格式可以是JPG、PNG等。在上傳主圖時(shí)，網(wǎng)店美工要將其大小控制在500KB以?xún)?nèi)。目錄contents5.1什么是主圖5.2主圖的設(shè)計(jì)要點(diǎn)5.3調(diào)整商品圖片尺寸5.4裁剪商品圖片5.5摳圖項(xiàng)目實(shí)踐：拉桿箱主圖設(shè)計(jì)項(xiàng)目拓展：批處理商品圖片調(diào)整商品圖片尺寸是網(wǎng)店視覺(jué)設(shè)計(jì)中非常重要的操作，可以使用Photoshop的“圖像大小”和“畫(huà)布大小”命令來(lái)調(diào)整已有圖片的尺寸。例如，電商平臺(tái)通常會(huì)指定主圖的尺寸，如圖片的長(zhǎng)、寬均為800像素，這時(shí)就可以使用這兩個(gè)命令來(lái)實(shí)現(xiàn)。本例中商品圖片尺寸調(diào)整前后的對(duì)比效果如圖5-4所示，商品圖片尺寸調(diào)整的具體操作步驟如下。5.3調(diào)整商品圖片尺寸步驟01選擇菜單欄中的“文件”>“打開(kāi)”命令（或按“Ctrl+O”組合鍵），打開(kāi)素材文件“保鮮盒”。選擇菜單欄中的“圖像”>“圖像大小”命令，打開(kāi)“圖像大小”對(duì)話(huà)框，在這里可以看到圖像的“寬度”為“2000像素”、“高度”為“1371像素”，如圖5-5所示。5.3調(diào)整商品圖片尺寸步驟02修改圖像大小。將“高度”調(diào)整為“800像素”，保證“約束長(zhǎng)寬比”按鈕處于啟用狀態(tài)，此時(shí)寬度會(huì)等比例縮小，單擊“確定”按鈕，如圖5-6所示。步驟03修改畫(huà)布大小。調(diào)整后的圖像尺寸變?yōu)?167像素×800像素，接下來(lái)選擇菜單欄中的“圖像”>“畫(huà)布大小”命令，去掉圖像中多余的部分。網(wǎng)店美工在使用“畫(huà)布大小”命令調(diào)整畫(huà)布前，先雙擊“背景”圖層，將其轉(zhuǎn)為普通圖層，如圖5-7所示。在“畫(huà)布大小”對(duì)話(huà)框中將“寬度”設(shè)置為“800像素”，如圖5-8所示，然后單擊“確定”按鈕。步驟04選擇移動(dòng)工具，按住“Shift”鍵將畫(huà)面移動(dòng)到合適的位置，完成圖像尺寸的修改，效果如圖5-9所示。5.3調(diào)整商品圖片尺寸目錄contents5.1什么是主圖5.2主圖的設(shè)計(jì)要點(diǎn)5.3調(diào)整商品圖片尺寸5.4裁剪商品圖片5.5摳圖項(xiàng)目實(shí)踐：拉桿箱主圖設(shè)計(jì)項(xiàng)目拓展：批處理商品圖片當(dāng)商品圖片的構(gòu)圖不符合實(shí)際需要，或只需要使用商品圖片的某一部分時(shí)，可對(duì)商品圖片進(jìn)行裁剪。下面介紹將一張“運(yùn)動(dòng)鞋”圖片裁剪為800像素×800像素的具體操作步驟。5.4裁剪商品圖片步驟01打開(kāi)素材文件“運(yùn)動(dòng)鞋”，如圖5-10所示。步驟03此時(shí)畫(huà)面中出現(xiàn)了裁剪框，按住鼠標(biāo)左鍵拖動(dòng)裁剪框以調(diào)整裁剪區(qū)域，選中工具選項(xiàng)欄中的“內(nèi)容識(shí)別”選項(xiàng)，如圖5-12所示，按“Enter”鍵完成裁剪操作，效果如圖5-13所示。步驟02在工具箱中選擇裁剪工具，在其工具選項(xiàng)欄中的“選擇預(yù)設(shè)長(zhǎng)寬比或剪裁尺寸”下拉列表中選擇“寬×高×分辨率”選項(xiàng)，在右側(cè)的3個(gè)文本框中依次輸入“800像素”“800像素”“72”，在“分辨率”下拉列表中選擇“寬×高×分辨率”選項(xiàng)，如圖5-11所示。5.4裁剪商品圖片目錄contents5.1什么是主圖5.2主圖的設(shè)計(jì)要點(diǎn)5.3調(diào)整商品圖片尺寸5.4裁剪商品圖片5.5摳圖項(xiàng)目實(shí)踐：拉桿箱主圖設(shè)計(jì)項(xiàng)目拓展：批處理商品圖片將圖片的某一部分從原始圖片中分離出來(lái)作為單獨(dú)的圖層的操作過(guò)程稱(chēng)為摳圖。網(wǎng)店美工在制作主圖、海報(bào)、詳情頁(yè)時(shí)，如果只展示簡(jiǎn)單的商品實(shí)物圖片，則很難吸引消費(fèi)者瀏覽商品。網(wǎng)店美工一般通過(guò)摳圖并為其更換更美觀的背景的方式來(lái)營(yíng)造良好的氛圍，增強(qiáng)商品圖片的吸引力。在Photoshop中進(jìn)行摳圖的方法有很多種，下面介紹一些常用的摳圖方法。5.5摳圖將圖片的某一部分從原始圖片中分離出來(lái)作為單獨(dú)的圖層的操作過(guò)程稱(chēng)為摳圖。網(wǎng)店美工在制作主圖、海報(bào)、詳情頁(yè)時(shí)，如果只展示簡(jiǎn)單的商品實(shí)物圖片，則很難吸引消費(fèi)者瀏覽商品。網(wǎng)店美工一般通過(guò)摳圖并為其更換更美觀的背景的方式來(lái)營(yíng)造良好的氛圍，增強(qiáng)商品圖片的吸引力。在Photoshop中進(jìn)行摳圖的方法有很多種，下面介紹一些常用的摳圖方法。5.5摳圖5.5.1規(guī)則商品摳圖網(wǎng)店美工在摳取一些規(guī)則的矩形和圓形商品時(shí)，可以使用矩形選框工具和橢圓選框工具；摳取邊緣為直線(xiàn)的規(guī)則商品時(shí)，可以使用多邊形套索工具。使用矩形選框工具和橢圓選框工具進(jìn)行摳圖的方法比較簡(jiǎn)單，選擇工具后在圖片上單擊并拖動(dòng)，就可以創(chuàng)建選區(qū)。下面主要介紹如何使用多邊形套索工具進(jìn)行摳圖。5.5摳圖步驟01多邊形套索工具用于繪制或選取邊緣為直線(xiàn)且棱角分明的對(duì)象，它可以創(chuàng)建由線(xiàn)段相互連接的選區(qū)。打開(kāi)素材文件“洗衣機(jī)”，選擇工具箱中的多邊形套索工具，在畫(huà)面中單擊確定起點(diǎn)，如圖5-14所示。接著將圖標(biāo)指針移動(dòng)到第二個(gè)位置單擊，從而形成兩處連接成的線(xiàn)段，然后移動(dòng)到下一個(gè)位置單擊，依次單擊以創(chuàng)建首尾相連的多條線(xiàn)段，如圖5-15所示。步驟02要封閉選區(qū)，可以將鼠標(biāo)指針移到起點(diǎn)處，此時(shí)鼠標(biāo)指針呈形狀，單擊即可封閉選區(qū)，如圖5-16和圖5-17所示。創(chuàng)建選區(qū)后按“Ctrl+J”組合鍵將選區(qū)中的內(nèi)容復(fù)制到一個(gè)新圖層中即可完成摳圖操作。5.5摳圖5.5摳圖5.5.2簡(jiǎn)單背景摳圖對(duì)于一些背景簡(jiǎn)單并且與主體的分界線(xiàn)比較明顯的圖像，通常可使用魔棒工具進(jìn)行快速摳圖。魔棒工具是根據(jù)圖像的顏色差異來(lái)創(chuàng)建選區(qū)的工具。下面就以“手提包”圖片為例，講解使用魔棒工具摳圖的方法，具體操作步驟如下。步驟01打開(kāi)素材文件“手提包”，單擊工具箱中的魔棒工具，在它的工具選項(xiàng)欄中將“容差”設(shè)置為“20”，選中“連續(xù)“選項(xiàng)，如圖5-18所示。在背景上單擊即可選中背景，如圖5-19所示。步驟02按住“Shift”鍵在未選中的背景處單擊，可將其他背景添加到選區(qū)中，如圖5-20所示。步驟03選擇菜單欄“選擇”>“反選”命令或按“Ctrl+Shift+I”組合鍵反選選區(qū)從而選中手提包，使用移動(dòng)工具將其拖動(dòng)到網(wǎng)店宣傳海報(bào)中，即可實(shí)現(xiàn)背景的更換。稍微旋轉(zhuǎn)手提包，效果如圖5-21所示。5.5摳圖5.5摳圖5.5.3精細(xì)商品摳圖繪制直線(xiàn)。單擊工具箱中的鋼筆工具，在其工具選項(xiàng)欄中將繪圖模式設(shè)置為“路徑”。在畫(huà)布上單擊以建立第一個(gè)錨點(diǎn)，然后在另一處單擊，在畫(huà)布上建立第二個(gè)錨點(diǎn)，形成一條直線(xiàn)路徑，如圖5-22所示；在其他區(qū)域單擊可以繼續(xù)繪制直線(xiàn)路徑，如圖5-23所示。繪制直線(xiàn)。單擊工具箱中的鋼筆工具，在其工具選項(xiàng)欄中將繪圖模式設(shè)置為“路徑”。在畫(huà)布上單擊以建立第一個(gè)錨點(diǎn)，然后在另一處單擊，在畫(huà)布上建立第二個(gè)錨點(diǎn)，形成一條直線(xiàn)路徑，如圖5-22所示；在其他區(qū)域單擊可以繼續(xù)繪制直線(xiàn)路徑，如圖5-23所示。鋼筆工具特別適合摳取邊緣光滑且形狀不規(guī)則的對(duì)象，使用它可以非常準(zhǔn)確地勾畫(huà)出對(duì)象的輪廓，將輪廓路徑轉(zhuǎn)換為選區(qū)后便可選中對(duì)象。下面介紹鋼筆工具的使用方法。5.5摳圖按住“Alt”鍵并單擊“C”端點(diǎn)，則上方延長(zhǎng)線(xiàn)消失，如圖5-25所示。在一段距離處單擊畫(huà)布建立端點(diǎn)可繼續(xù)繪制直線(xiàn)或曲線(xiàn)，如圖5-26所示。5.5摳圖鋼筆工具是網(wǎng)店美工常用的一種摳圖工具，在摳圖時(shí)可先使用鋼筆工具在圖像邊緣繪制路徑，再將路徑轉(zhuǎn)化為選區(qū)。下面使用鋼筆工具摳取圖中美食，具體操作步驟如下。步驟01打開(kāi)素材文件“冷飲”，單擊鋼筆工具，在工具選項(xiàng)欄中設(shè)置繪圖模式為“路徑”，勾選“自動(dòng)添加/刪除”選項(xiàng)，如圖5-27所示。步驟02在杯子左側(cè)單擊，繪制第1個(gè)錨點(diǎn)（1），在杯子右側(cè)單擊，添加第2個(gè)錨點(diǎn)（2），得到一條線(xiàn)段，如圖5-28所示。在杯子中間單擊，添加一個(gè)錨點(diǎn)（3），按住“Ctrl”鍵，同時(shí)按住鼠標(biāo)左鍵向上拖動(dòng)，此時(shí)路徑變?yōu)榛⌒?，拖?dòng)兩側(cè)延長(zhǎng)方向線(xiàn)，使路徑與杯子邊緣貼合，如圖5-29所示。步驟03按住鼠標(biāo)左鍵在勺子左側(cè)單擊并拖動(dòng)，繪制曲線(xiàn)段，拖動(dòng)右側(cè)延長(zhǎng)方向線(xiàn)調(diào)整曲線(xiàn)弧度（4），如圖5-30所示。按住“Alt”鍵，單擊右側(cè)延長(zhǎng)線(xiàn)端點(diǎn)使其消失。在勺子右側(cè)單擊并拖動(dòng)，繪制曲線(xiàn)段，拖動(dòng)右側(cè)延長(zhǎng)方向線(xiàn)調(diào)整曲線(xiàn)弧度（5），如圖5-31所示。按住“Alt”鍵，單擊右側(cè)延長(zhǎng)線(xiàn)端點(diǎn)使其消失。在盤(pán)子左上方邊沿單擊并拖動(dòng)，繪制曲線(xiàn)段，拖動(dòng)右側(cè)延長(zhǎng)方向線(xiàn)調(diào)整曲線(xiàn)弧度（6）,如圖5-32所示。5.5摳圖步驟04按住“Alt”鍵，單擊右側(cè)延長(zhǎng)線(xiàn)端點(diǎn)使其消失，在盤(pán)子右下方邊沿單擊添加錨點(diǎn)（7），繪制線(xiàn)段，如圖5-33所示。在接近起點(diǎn)的位置單擊添加錨點(diǎn)（8），繪制線(xiàn)段，如圖5-34所示。步驟05在第7個(gè)和第8個(gè)錨點(diǎn)之間單擊，添加錨點(diǎn)（9），按住“Ctrl”鍵，同時(shí)按住鼠標(biāo)左鍵向下拖動(dòng)，此時(shí)路徑變?yōu)榛⌒?，先拖?dòng)右側(cè)延長(zhǎng)線(xiàn)使其與盤(pán)子下沿貼合，如圖5-35所示。在第8個(gè)和第9個(gè)錨點(diǎn)之間單擊，添加錨點(diǎn)（10），按住“Ctrl”鍵，同時(shí)按住鼠標(biāo)左鍵向左拖動(dòng)，調(diào)整兩側(cè)延長(zhǎng)線(xiàn)使其弧度與盤(pán)子貼合，如圖5-36所示。在路徑的起點(diǎn)上單擊，將路徑封閉，如圖5-37所示。步驟06按“Ctrl+Enter”組合鍵，將路徑轉(zhuǎn)為選區(qū)，如圖5-38所示。按“Ctrl+J”組合鍵，將選區(qū)中的內(nèi)容復(fù)制到一個(gè)新圖層中，即可完成摳圖操作。5.5摳圖5.5摳圖5.5摳圖5.5.4半透明物體摳圖對(duì)于人像、有毛發(fā)的動(dòng)物、薄紗或水等一些比較特殊的對(duì)象，我們可以嘗試使用通道進(jìn)行摳圖。通道摳圖是一種比較專(zhuān)業(yè)的摳圖方法，能夠幫助我們摳出使用其他摳圖方法無(wú)法摳出的對(duì)象。下面以一張化妝品模特水中攝影圖為例，將水花與人物從背景中分離出來(lái)，用于化妝品海報(bào)設(shè)計(jì)，來(lái)介紹使用通道摳圖的方法，具體操作步驟如下。步驟01打開(kāi)素材文件“化妝品模特”，如圖5-39所示。打開(kāi)“通道”面板，分別單擊“紅”“綠”“藍(lán)”通道，如圖5-40所示，觀察窗口中的圖像，找到主體與背景反差最大的顏色通道，可以看到“藍(lán)”通道中人物與背景的明暗對(duì)比最清晰。步驟02選中“藍(lán)”通道并拖動(dòng)到“創(chuàng)建新通道”按鈕上復(fù)制（不要在原通道上操作，否則會(huì)改變圖像的整體顏色），得到“藍(lán)拷貝”通道，如圖5-41所示。按“Ctrl+L”組合鍵打開(kāi)“色階”對(duì)話(huà)框，在“輸入色階”選項(xiàng)組中，向右拖動(dòng)黑色滑塊至45，調(diào)暗陰影區(qū)域，向右拖動(dòng)“灰色”滑塊至0.10，調(diào)暗中間調(diào)區(qū)域，將人物和水花壓暗，參數(shù)設(shè)置如圖5-42所示，效果如圖5-43所示。步驟03使用畫(huà)筆工具，將“前景色”設(shè)置為黑色，在人物處涂抹，然后降低畫(huà)筆工具的“不透明度”，在水花處涂抹，使水花呈現(xiàn)半透明狀態(tài)，效果如圖5-44所示。5.5摳圖5.5摳圖5.5摳圖步驟04單擊“通道”面板下方的“將通道作為選區(qū)載入”按鈕，如圖5-45所示。將“藍(lán)拷貝”通道創(chuàng)建為選區(qū)，如圖5-46所示。按“Ctrl+Shift+I”組合鍵反選選區(qū)，選中人物和水花，如圖5-47所示。5.5摳圖步驟04單擊“通道”面板下方的“將通道作為選區(qū)載入”按鈕，如圖5-45所示。將“藍(lán)拷貝”通道創(chuàng)建為選區(qū)，如圖5-46所示。按“Ctrl+Shift+I”組合鍵反選選區(qū)，選中人物和水花，如圖5-47所示。5.5摳圖步驟05單擊“RGB”復(fù)合通道，返回“圖層”面板，如圖5-48所示。使用移動(dòng)工具將選區(qū)拖動(dòng)到化妝品海報(bào)中，效果如圖5-49所示。目錄contents5.1什么是主圖5.2主圖的設(shè)計(jì)要點(diǎn)5.3調(diào)整商品圖片尺寸5.4裁剪商品圖片5.5摳圖項(xiàng)目實(shí)踐：拉桿箱主圖設(shè)計(jì)項(xiàng)目拓展：批處理商品圖片項(xiàng)目實(shí)踐：拉桿箱主圖設(shè)計(jì)主圖主要展示兩大內(nèi)容，第一是商品的主要圖片、形象，第二是商品的細(xì)節(jié)、功能特點(diǎn)、顏色等信息。好的主圖一定要把商品的賣(mài)點(diǎn)凸顯出來(lái)，一定要貼合商品。一張精美且展示了賣(mài)點(diǎn)的主圖，能夠提高點(diǎn)擊率，從而達(dá)到引流的目的。下面以一款拉桿箱的主圖設(shè)計(jì)為例進(jìn)行講解，設(shè)計(jì)效果如圖5-50所示。項(xiàng)目實(shí)踐：拉桿箱主圖設(shè)計(jì)設(shè)計(jì)思路：本例中的主圖一共5張，每一張主圖的設(shè)計(jì)要求和作用都不一樣。根據(jù)本例中商品的特點(diǎn)，我們可以從下面幾個(gè)方面進(jìn)行設(shè)計(jì)。①第一張主圖是第一時(shí)間展示在消費(fèi)者眼前的圖片，并且會(huì)出現(xiàn)在商品搜索結(jié)果頁(yè)中，這張主圖要做到吸引消費(fèi)者單擊。第一張主圖為拉桿箱的整體圖片，也就是說(shuō)讓消費(fèi)者第一眼就非常直觀地看到商品的外觀，看這個(gè)商品是否是他需要的。另外，第一張主圖還要展示拉桿箱最有利的核心競(jìng)爭(zhēng)點(diǎn)、賣(mài)點(diǎn)，以便瞬間抓住消費(fèi)者的視線(xiàn)。②第二張主圖展示拉桿箱的內(nèi)部結(jié)構(gòu)。拉桿箱的內(nèi)部結(jié)構(gòu)直接決定了物品是否能合理存放和方便拿取，好的內(nèi)部結(jié)構(gòu)會(huì)提升消費(fèi)者的旅行體驗(yàn)。③第三張主圖展示拉桿箱的提手、拉桿、滾輪、升級(jí)后的拉鏈。④第四張主圖展示密碼鎖。密碼鎖用來(lái)防盜，安全性是消費(fèi)者購(gòu)買(mǎi)拉桿箱的重要指標(biāo)。⑤第五張主圖展示拉桿箱的幾種顏色，方便消費(fèi)者選出自己心儀的顏色。項(xiàng)目拓展：批處理商品圖片網(wǎng)店中商品種類(lèi)較多，為商品拍攝照片后，需要處理的圖片就會(huì)比較多，如何快速進(jìn)行圖片處理呢？在Photoshop中，處理要求相同的圖片，可以進(jìn)行批處理——這個(gè)功能可以大大提高工作效率。下面以將一組圖片統(tǒng)一調(diào)整為淘寶主圖尺寸800像素×800像素為例，講解批處理商品圖片的方法，具體操作方法如下。步驟01錄制動(dòng)作。將需要修改的圖片放在同一個(gè)文件夾中，打開(kāi)“毛衣1”，如圖5-81所示。選擇菜單欄“窗口”>“動(dòng)作”命令，打開(kāi)“動(dòng)作”面板，依次單擊面板底部的“創(chuàng)建新組”按鈕和“創(chuàng)建新動(dòng)作”按鈕，創(chuàng)建一個(gè)名為“批處理”的動(dòng)作組和一個(gè)名為“修改毛衣尺寸”的動(dòng)作，此時(shí)“動(dòng)作”面板下方的“開(kāi)始記錄”按鈕處于被激活狀態(tài)，表示開(kāi)始錄制動(dòng)作，如圖5-82所示。步驟02選擇菜單欄中的“圖像”>“圖像大小”命令