《跨境電商視覺(jué)設(shè)計(jì)》高職 全套教學(xué)課件

跨境電商CROSS-BORDERE-COMMERCEVISUALDESIGN視覺(jué)設(shè)計(jì)項(xiàng)目1視覺(jué)營(yíng)銷及文案策劃.pptx項(xiàng)目2商品拍攝技巧及流程.pptx項(xiàng)目3商品主圖的設(shè)計(jì)制作.pptx項(xiàng)目4海報(bào)及詳情頁(yè)的設(shè)計(jì)制作.pptx項(xiàng)目5旺鋪裝修指南.pptx項(xiàng)目6移動(dòng)端視覺(jué)設(shè)計(jì)制作.pptx項(xiàng)目7商品視頻的設(shè)計(jì)制作.pptx全套可編輯PPT課件任務(wù)一?了解跨境電商視覺(jué)營(yíng)銷任務(wù)二?了解跨境店鋪文案策劃目錄CONTENTS項(xiàng)目一視覺(jué)營(yíng)銷及文案策劃學(xué)習(xí)目標(biāo)知識(shí)目標(biāo)?了解跨境電商視覺(jué)營(yíng)銷的概念；?了解跨境電商視覺(jué)營(yíng)銷的核心要素——色彩；?熟悉跨境店鋪文案策劃的類型；?掌握跨境店鋪文案策劃的原則。技能目標(biāo)?能夠根據(jù)商品的特性及營(yíng)銷目的，選擇正確的視覺(jué)配色；?能夠完成跨境店鋪文案的策劃。素質(zhì)目標(biāo)?形成跨文化學(xué)習(xí)意識(shí)和國(guó)際化視野；?具備主動(dòng)學(xué)習(xí)、探索創(chuàng)新的精神。了解跨境電商視覺(jué)營(yíng)銷任務(wù)一任務(wù)一?了解跨境電商視覺(jué)營(yíng)銷一、跨境電商視覺(jué)營(yíng)銷的概念與作用概念一方面，視覺(jué)營(yíng)銷是一種可視化視覺(jué)技術(shù)，通過(guò)對(duì)空間、平面、陳列、造型等要素的精心設(shè)計(jì)與布局，提升商品或服務(wù)對(duì)客戶的視覺(jué)沖擊，進(jìn)而加深客戶對(duì)商品或服務(wù)的印象另一方面，視覺(jué)營(yíng)銷也是一種營(yíng)銷技術(shù)，以視覺(jué)呈現(xiàn)的手段最大限度地建立客戶與商品或服務(wù)之間的關(guān)聯(lián)，旨在傳遞品牌文化、提高客戶轉(zhuǎn)化率。任務(wù)一?了解跨境電商視覺(jué)營(yíng)銷一、跨境電商視覺(jué)營(yíng)銷的概念與作用跨境電商視覺(jué)營(yíng)銷是通過(guò)一系列的視覺(jué)傳達(dá)，來(lái)表現(xiàn)店鋪和商品的理念及核心部分：在空間上，通過(guò)空間立體視覺(jué)效果來(lái)營(yíng)造品牌氛圍；在平面上，通過(guò)平面視覺(jué)效果或海報(bào)來(lái)營(yíng)造一種視覺(jué)效應(yīng)；在傳媒上，通過(guò)多種推廣形式來(lái)表達(dá)營(yíng)銷的核心概念；在陳列上，完成內(nèi)部的構(gòu)造變化；在造型上，完善形象的優(yōu)化整合。任務(wù)一?了解跨境電商視覺(jué)營(yíng)銷二、跨境電商視覺(jué)營(yíng)銷的運(yùn)作流程跨境電商視覺(jué)營(yíng)銷的運(yùn)作流程（一）調(diào)研美是主觀和客觀的統(tǒng)一。（二）分析分析收集到的調(diào)研數(shù)據(jù)，包括目標(biāo)市場(chǎng)的審美取向、消費(fèi)理念、消費(fèi)需求等，并將這些元素融入跨境店鋪的各個(gè)設(shè)計(jì)環(huán)節(jié)，以便更有針對(duì)性地展示商品的優(yōu)勢(shì)和賣點(diǎn)。（三）設(shè)計(jì)根據(jù)調(diào)研和分析的最終結(jié)果，著手進(jìn)行跨境店鋪各模塊的具體設(shè)計(jì)。綜合運(yùn)用圖片、文字、素材等來(lái)美化跨境店鋪及商品，傳遞品牌價(jià)值及理念。（四）發(fā)布跨境電商視覺(jué)營(yíng)銷的最后一步是發(fā)布設(shè)計(jì)圖及營(yíng)銷內(nèi)容，并根據(jù)跨境店鋪互動(dòng)和銷售內(nèi)容選擇不同的渠道進(jìn)行推廣。任務(wù)一?了解跨境電商視覺(jué)營(yíng)銷三、跨境電商視覺(jué)營(yíng)銷的設(shè)計(jì)模塊（一）文案策劃（二）商品拍攝（三）圖片處理（四）店鋪裝修四、跨境電商視覺(jué)營(yíng)銷的核心要素（一）色彩的種類無(wú)彩色系

無(wú)彩色系包括黑色、白色及各種深淺不同的灰色系列。有彩色系

有彩色系是指帶有某一種標(biāo)準(zhǔn)色傾向的顏色系列，可見(jiàn)光譜中的全部顏色都屬于有彩色，其中紅、橙、黃、綠、青、藍(lán)、紫為基本色。任務(wù)一?了解跨境電商視覺(jué)營(yíng)銷四、跨境電商視覺(jué)營(yíng)銷的核心要素（二）色彩的三要素色彩的三要素色相從光學(xué)物理上講，色相是由射入人眼的光線的光譜成分決定的，是指能夠比較確切地表示某種顏色色別的名稱。明度明度是指顏色的深淺和明暗程度，各種有色物體由于反射光量的區(qū)別產(chǎn)生了顏色的明暗強(qiáng)弱。色相環(huán)飽和度飽和度又稱為純度，是指色彩的純凈程度，表示顏色中所含有色成分的比例。飽和度的階段任務(wù)一?了解跨境電商視覺(jué)營(yíng)銷四、跨境電商視覺(jué)營(yíng)銷的核心要素（三）色彩的知覺(jué)傾向色彩的冷暖感色彩的輕重感色彩的軟硬感色彩的前后感色彩的大小感色彩的華麗感與質(zhì)樸感色彩的興奮感與鎮(zhèn)靜感暖色畫(huà)面冷色畫(huà)面任務(wù)一?了解跨境電商視覺(jué)營(yíng)銷四、跨境電商視覺(jué)營(yíng)銷的核心要素（四）視覺(jué)營(yíng)銷中的配色方案常見(jiàn)的配色方案同色系搭配補(bǔ)色搭配類似色搭配多色搭配了解跨境店鋪文案策劃任務(wù)二任務(wù)二?了解跨境店鋪文案策劃一、跨境店鋪文案策劃的概念概念廣告學(xué)上的策劃是指對(duì)營(yíng)銷推廣活動(dòng)的籌劃和計(jì)劃文案則是指以文字來(lái)表現(xiàn)已經(jīng)制定的創(chuàng)意策略在跨境電商企業(yè)的實(shí)踐過(guò)程中，崗位分工不像專門(mén)化的廣告公司那樣細(xì)致。二、跨境店鋪文案策劃的種類（一）日常運(yùn)營(yíng)文案1.商品詳情文案商品詳情文案直接關(guān)系到店鋪的轉(zhuǎn)化率，是客戶認(rèn)識(shí)商品、了解商品的主要途徑。任務(wù)二?了解跨境店鋪文案策劃二、跨境店鋪文案策劃的種類（一）日常運(yùn)營(yíng)文案2.店鋪?lái)?yè)面文案店鋪?lái)?yè)面文案是指用于介紹店鋪的主營(yíng)業(yè)務(wù)、經(jīng)營(yíng)理念、全類目風(fēng)格等的文案，在跨境B2B平臺(tái)上顯得尤為重要。以阿里巴巴國(guó)際站為例，店鋪?lái)?yè)面文案通常包括店招文案和店鋪首頁(yè)簡(jiǎn)介。店招文案店鋪首頁(yè)簡(jiǎn)介任務(wù)二?了解跨境店鋪文案策劃二、跨境店鋪文案策劃的種類（二）活動(dòng)推廣文案1.站外廣告跨境電商企業(yè)常用的站外推廣平臺(tái)有Facebook（臉書(shū)）、Twitter（推特）、TikTok（國(guó)際版抖音）等。不同平臺(tái)有不同的社交和溝通風(fēng)格，因此在進(jìn)行站外推廣時(shí)，文案不僅要突出商品的核心賣點(diǎn)，還要貼合推廣平臺(tái)的語(yǔ)言風(fēng)格。2.海報(bào)文案一份標(biāo)準(zhǔn)的海報(bào)文案通常包含一個(gè)主標(biāo)題和一個(gè)副標(biāo)題，有時(shí)還會(huì)加入一些重要的參數(shù)組成營(yíng)銷性文案，以便幫助客戶更加直觀地了解店鋪的推廣活動(dòng)和主營(yíng)商品。任務(wù)二?了解跨境店鋪文案策劃三、跨境店鋪文案策劃的原則七秒定律人們?cè)诿鎸?duì)琳瑯滿目的商品時(shí)，只需要七秒就可以大致確定其購(gòu)買意愿。懶人原則即凡事越簡(jiǎn)單越好，這是客戶體驗(yàn)的高層境界。FAB法則是指在商品或者店鋪的介紹中，將其屬性（特性）、所具有的作用（優(yōu)點(diǎn)）以及能夠給買家?guī)?lái)的益處（好處）有機(jī)地結(jié)合起來(lái)，按照一定的邏輯順序加以闡述，形成完整的推銷說(shuō)辭。感謝觀看跨境電商CROSS-BORDERE-COMMERCEVISUALDESIGN視覺(jué)設(shè)計(jì)任務(wù)一認(rèn)識(shí)商品圖片的特征與要求任務(wù)二準(zhǔn)備拍攝器材任務(wù)三制訂拍攝方案任務(wù)四布置拍攝環(huán)境任務(wù)五基本構(gòu)圖及商品擺放技巧目錄CONTENTS項(xiàng)目二商品拍攝技巧及流程學(xué)習(xí)目標(biāo)知識(shí)目標(biāo)?了解商品圖片的特征與要求；?了解常用的拍攝器材及相機(jī)基本設(shè)置；?熟悉攝影棚的布光要求；?熟悉商品的拍攝流程；?熟悉商品圖片的構(gòu)圖類型。技能目標(biāo)?能夠掌握相機(jī)的基本拍攝工作；?能夠?yàn)榕臄z物體設(shè)置合理的燈光和背景；?能夠制訂商品拍攝方案；?能夠掌握拍攝的構(gòu)圖技巧；?能夠掌握拍攝時(shí)商品的擺放技巧。素質(zhì)目標(biāo)?具備主動(dòng)學(xué)習(xí)、探索創(chuàng)新的精神；?具備較強(qiáng)的動(dòng)手能力和實(shí)踐能力；?具備較強(qiáng)的團(tuán)隊(duì)精神和合作意識(shí)。認(rèn)識(shí)商品圖片的特征與要求任務(wù)一任務(wù)一?認(rèn)識(shí)商品圖片的特征與要求一、認(rèn)識(shí)商品圖片的特征從廣義上來(lái)說(shuō)，商品拍攝對(duì)象是指一切可以出售的物體，包括花卉、樹(shù)木、瓜果、蔬菜、日常用品、手工藝品、歷史文物等。商品圖片是商品呈現(xiàn)在買家眼前的直觀要素，具有強(qiáng)烈的視覺(jué)表現(xiàn)力，與廣告具有相同的意義。商品圖片特征（一）藝術(shù)性（二）技術(shù)性二、了解商品圖片的要求商品圖片特征（一）統(tǒng)一尺寸（二）突出主體（三）高清影像（四）彰顯創(chuàng)意準(zhǔn)備拍攝器材任務(wù)二任務(wù)二?準(zhǔn)備拍攝器材一、準(zhǔn)備攝影器材（一）相機(jī)數(shù)碼相機(jī)單反相機(jī)（二）智能手機(jī)任務(wù)二?準(zhǔn)備拍攝器材二、準(zhǔn)備輔助器材三腳架柔光燈背景布1.冷、熱混用以三基色柔光燈為基本照明（環(huán)形布光法）。柔光燈常見(jiàn)的使用方法如下：2.光照距離造型以三基色柔光燈為基本照明（環(huán)形布光法）。3.調(diào)節(jié)光影造型以三基色柔光燈為基本照明（環(huán)形布光法）。制訂拍攝方案任務(wù)三任務(wù)三?制訂拍攝方案一、拍攝風(fēng)格拍攝風(fēng)格是指在商品拍攝中通過(guò)照片最終呈現(xiàn)出來(lái)的獨(dú)特于其他照片的表現(xiàn)，包括構(gòu)圖、配色、整體布局等方面。（一）全面了解商品了解商品外觀與外包裝看材質(zhì)看外形看顏色了解商品特性與使用方法除了了解商品外觀與外包裝，拍攝者還需要通過(guò)仔細(xì)閱讀商品說(shuō)明書(shū)來(lái)熟悉商品特性與使用方法，這樣才能在拍攝過(guò)程中傳達(dá)出商品的亮點(diǎn)及賣點(diǎn)。了解商品特性與使用方法才能更好地制訂拍攝計(jì)劃。任務(wù)三?制訂拍攝方案一、拍攝風(fēng)格（二）確定拍攝風(fēng)格根據(jù)所拍攝的商品，拍攝者可以先尋找一些同類照片或者雜志圖片作為參考，并結(jié)合自身特點(diǎn)去確定整體的拍攝風(fēng)格。目前，在許多跨境電商平臺(tái)上比較常見(jiàn)的拍攝風(fēng)格是通過(guò)背景的布置和調(diào)整來(lái)確定商品的拍攝基調(diào)，不同的背景布置對(duì)商品拍攝起到重要的襯托作用。二、拍攝順序（一）進(jìn)行商品分類（二）確定拍攝順序在拍攝之前，拍攝者最好先根據(jù)拍攝中的可變因素對(duì)所有商品進(jìn)行細(xì)致分類，結(jié)合商品的材質(zhì)、大小、顏色及反射率等因素綜合考慮，然后再按照順序進(jìn)行拍攝。將商品分門(mén)別類后，拍攝者可以有計(jì)劃地按順序進(jìn)行拍攝。首先可以從簡(jiǎn)單、容易操作和容易表現(xiàn)的商品開(kāi)始拍攝，然后再拍攝搭配復(fù)雜、需要用輔助器材才能拍攝的商品。任務(wù)三?制訂拍攝方案三、拍攝步驟另外，可以考慮是否使用微距對(duì)商品進(jìn)行局部放大拍攝。最后，還可以對(duì)商品說(shuō)明書(shū)、防偽標(biāo)識(shí)、使用步驟等進(jìn)行拍攝。其次，可以對(duì)商品的包裝進(jìn)行多角度拍攝，包括包裝的正面、背面和45°，然后再將商品和商品包裝組合進(jìn)行拍攝。通過(guò)外包裝的展示，可以體現(xiàn)出品牌感或?qū)\(yùn)輸中安全性的保障。拍攝者首先可以從多角度對(duì)商品進(jìn)行拍攝，包括商品的正面、背面、45°和內(nèi)部結(jié)構(gòu)等，全方位、多角度的拍攝可以幫助買家深入地了解商品信息。布置拍攝環(huán)境任務(wù)四任務(wù)四?布置拍攝環(huán)境一、攝影棚燈光的類型攝影棚部分燈光類型任務(wù)四?布置拍攝環(huán)境二、常見(jiàn)的布光方式（一）正面兩側(cè)布光這種布光方式是商品拍攝中最常用的。正面投射出來(lái)的光線全面而均衡，商品表現(xiàn)全面、無(wú)暗角。任務(wù)四?布置拍攝環(huán)境二、常見(jiàn)的布光方式（二）兩側(cè)45°布光這種布光方式使商品頂部受光，正面沒(méi)有完全受光，適合拍攝外形扁平的小商品，不適合拍攝立體感較強(qiáng)且有一定高度的商品。任務(wù)四?布置拍攝環(huán)境二、常見(jiàn)的布光方式（三）單側(cè)不均衡布光這種布光方式使商品一側(cè)出現(xiàn)陰影，底部的投影也很深，商品表面很多細(xì)節(jié)無(wú)法得以呈現(xiàn)。同時(shí)，由于減少了環(huán)境光線，反而增加了拍攝的難度。任務(wù)四?布置拍攝環(huán)境二、常見(jiàn)的布光方式（四）前后交叉布光這種布光方式從商品后側(cè)打光，可以突出表面的層次感，既表現(xiàn)出商品的層次又保全了所有的細(xì)節(jié)，比單純關(guān)掉一側(cè)燈光的效果更好。任務(wù)四?布置拍攝環(huán)境二、常見(jiàn)的布光方式（五）后面兩側(cè)布光這種布光方式使商品正面因沒(méi)有光線而產(chǎn)生大片陰影，無(wú)法看出商品的全貌，因此除拍攝具有通透性的商品外，不要輕易嘗試這種布光方式?；緲?gòu)圖及商品擺放技巧任務(wù)五任務(wù)五?基本構(gòu)圖及商品擺放技巧一、商品圖片的基本構(gòu)圖橫式構(gòu)圖是將商品呈一字排隊(duì)擺放的橫幅構(gòu)圖方式。（一）橫式構(gòu)圖01對(duì)角線構(gòu)圖是將商品呈斜向擺放的構(gòu)圖方式。（三）對(duì)角線構(gòu)圖03對(duì)稱式構(gòu)圖是指所拍攝的商品在畫(huà)面正中垂直兩側(cè)或正中水平線上下對(duì)等或大致對(duì)等。（四）對(duì)稱式構(gòu)圖04這種構(gòu)圖方式將畫(huà)面橫分為三份，每一份的中心都可放置主體形態(tài)。（五）井字構(gòu)圖05形可以是正三角形、倒三角形或斜三角形。（六）三角形構(gòu)圖0602豎式構(gòu)圖是將商品呈豎向擺放的豎幅構(gòu)圖方式。（二）豎式構(gòu)圖任務(wù)五?基本構(gòu)圖及商品擺放技巧二、商品擺放技巧（一）變換角度（二）增加數(shù)量（三）展示內(nèi)部（四）挑選背景（五）穩(wěn)固商品斜向擺放豎立擺放感謝觀看跨境電商CROSS-BORDERE-COMMERCEVISUALDESIGN視覺(jué)設(shè)計(jì)任務(wù)一商品圖片的基礎(chǔ)處理任務(wù)二商品圖片的裁剪及調(diào)色處理任務(wù)三摳圖與合任務(wù)四制作eBay商品主圖任務(wù)五制作亞馬遜商品主任務(wù)六制作速賣通商品主圖任務(wù)七制作Shopee商品主圖目錄CONTENTS項(xiàng)目三商品主圖的設(shè)計(jì)制作學(xué)習(xí)目標(biāo)知識(shí)目標(biāo)?了解各主流跨境電商平臺(tái)的商品主圖規(guī)則；?熟悉各主流跨境電商平臺(tái)的商品主圖制作方法和要點(diǎn)；?掌握各主流跨境電商平臺(tái)的商品主圖制作流程和技巧；?了解Photoshop的功能和作用；?熟悉Photoshop常見(jiàn)摳圖工具的功能。技能目標(biāo)?能夠高效使用Photoshop及其他輔助制圖工具；?能夠制作符合各主流跨境電商平臺(tái)規(guī)定的商品主圖；?能夠熟練使用Photoshop的基本工具。素質(zhì)目標(biāo)?具備靈活利用網(wǎng)絡(luò)資源學(xué)習(xí)的能力；?具備跨文化交際意識(shí)和國(guó)際化視野；?具備主動(dòng)學(xué)習(xí)、探索創(chuàng)新的精神；?具備跨境電商行業(yè)從業(yè)者的職業(yè)操守；?具備較強(qiáng)的團(tuán)隊(duì)精神和服務(wù)意識(shí)。商品圖片的基礎(chǔ)處理任務(wù)一任務(wù)一商品圖片的基礎(chǔ)處理一、操作要點(diǎn)（一）工具的使用技巧1.污點(diǎn)處理污點(diǎn)修復(fù)畫(huà)筆工具污點(diǎn)修復(fù)畫(huà)筆工具可以用于處理商品表面的瑕疵及人物臉部的痘印等，其操作方法簡(jiǎn)單，只需要用鼠標(biāo)在瑕疵部分進(jìn)行涂抹即可。使用“污點(diǎn)修復(fù)畫(huà)筆工具”屬性欄可以調(diào)整污點(diǎn)修復(fù)畫(huà)筆工具的基本屬性。任務(wù)一商品圖片的基礎(chǔ)處理一、操作要點(diǎn)（一）工具的使用技巧1.污點(diǎn)處理修復(fù)畫(huà)筆工具修復(fù)畫(huà)筆工具在修復(fù)污點(diǎn)時(shí)，需要先取樣，操作時(shí)先按住“Alt”鍵，將鼠標(biāo)放在干凈區(qū)域單擊一下設(shè)置仿制源，然后再去涂抹污點(diǎn)，這樣才能修復(fù)污點(diǎn)?！靶迯?fù)畫(huà)筆工具”屬性欄也有多個(gè)屬性，包括畫(huà)筆的大小和硬度，以及“模式”“源”“樣本”等。任務(wù)一商品圖片的基礎(chǔ)處理一、操作要點(diǎn)（一）工具的使用技巧1.污點(diǎn)處理修復(fù)畫(huà)筆工具修復(fù)畫(huà)筆工具在使用時(shí)需要設(shè)置仿制源，并且可以同時(shí)設(shè)置多個(gè)不同的仿制源。修復(fù)畫(huà)筆工具的“模式”有多種選項(xiàng)，一般情況下選擇“正常”選項(xiàng)。任務(wù)一商品圖片的基礎(chǔ)處理一、操作要點(diǎn)（一）工具的使用技巧1.污點(diǎn)處理修補(bǔ)工具修補(bǔ)工具通過(guò)建立一個(gè)選區(qū)，將污點(diǎn)框在選區(qū)內(nèi)，然后移動(dòng)至干凈區(qū)域即可完成污點(diǎn)修復(fù)；當(dāng)選擇“目標(biāo)”選項(xiàng)時(shí)，則操作方法正好相反，是將干凈區(qū)域移動(dòng)至污點(diǎn)區(qū)域修復(fù)污點(diǎn)?！靶扪a(bǔ)”有2個(gè)選項(xiàng)，分別是“正?！焙汀皟?nèi)容識(shí)別”。當(dāng)選擇“正常”選項(xiàng)時(shí)，可以選擇“源”選項(xiàng)或者“目標(biāo)”選項(xiàng)。當(dāng)選擇“內(nèi)容識(shí)別”選項(xiàng)時(shí)，可對(duì)適應(yīng)強(qiáng)度進(jìn)行選擇，從非常嚴(yán)格到非常松散共分為5個(gè)層級(jí)。任務(wù)一商品圖片的基礎(chǔ)處理一、操作要點(diǎn)（一）工具的使用技巧1.污點(diǎn)處理內(nèi)容識(shí)別填充內(nèi)容識(shí)別的工作原理是給需要修復(fù)的污點(diǎn)建立選區(qū)框住。單擊鼠標(biāo)右鍵，選擇“填充”命令，在“填充”對(duì)話框中選擇“內(nèi)容識(shí)別”選項(xiàng)，其他參數(shù)不變，這樣就可以對(duì)污點(diǎn)進(jìn)行有效處理。任務(wù)一商品圖片的基礎(chǔ)處理一、操作要點(diǎn)（一）工具的使用技巧2.尺寸修改圖像大小圖像大小的修改主要是指調(diào)整寬度、高度和分辨率。有時(shí)候?yàn)榱苏{(diào)整圖像的清晰度和平滑度，會(huì)對(duì)“重新采樣”的樣式進(jìn)行選擇。任務(wù)一商品圖片的基礎(chǔ)處理一、操作要點(diǎn)（一）工具的使用技巧2.尺寸修改畫(huà)布大小畫(huà)布大小是指整個(gè)畫(huà)布的寬度和高度。任務(wù)一商品圖片的基礎(chǔ)處理一、操作要點(diǎn)（一）工具的使用技巧3.圖像變換變形縮放旋轉(zhuǎn)斜切扭曲透視任務(wù)一商品圖片的基礎(chǔ)處理一、操作要點(diǎn)（二）制作建議1.修復(fù)前要調(diào)整工具參數(shù)在使用污點(diǎn)修復(fù)畫(huà)筆工具和修復(fù)畫(huà)筆工具時(shí)，要根據(jù)污點(diǎn)的實(shí)際大小隨時(shí)調(diào)整畫(huà)筆的大小和硬度等。任務(wù)一商品圖片的基礎(chǔ)處理一、操作要點(diǎn)（二）制作建議2.圖像大小參數(shù)設(shè)置如果要保持圖像大小等比例改變，那么要單擊“約束長(zhǎng)寬比”圖標(biāo)，即寬度和高度左側(cè)線段中間的圖形。任務(wù)一商品圖片的基礎(chǔ)處理一、操作要點(diǎn)（二）制作建議3.畫(huà)布大小參數(shù)設(shè)置“相對(duì)”選項(xiàng)的概念可以按照如下方法了解：原畫(huà)布大小是500像素×500像素，現(xiàn)在要將畫(huà)布大小改為800像素×800像素，如果沒(méi)有勾選“相對(duì)”選項(xiàng)，那么寬度和高度的數(shù)值均為800；如果勾選了“相對(duì)”選項(xiàng)，那么寬度和高度的數(shù)值相當(dāng)于800減去500，即300。任務(wù)一商品圖片的基礎(chǔ)處理一、操作要點(diǎn)（二）制作建議3.畫(huà)布大小參數(shù)設(shè)置另外需要注意畫(huà)布的定位，也就是畫(huà)布大小縮放的方向。例如：在做詳情頁(yè)時(shí)，畫(huà)布長(zhǎng)度不夠了，通常定位的方向都是向下的，這時(shí)只要將鼠標(biāo)放置在最上層的中間位置單擊就可以了。任務(wù)一商品圖片的基礎(chǔ)處理一、操作要點(diǎn)（二）制作建議4.變換操作注意選擇合適的工具不論斜切、透視還是變形，當(dāng)用鼠標(biāo)拖曳圖像的一邊或者一個(gè)角時(shí)都會(huì)有一條邊固定不動(dòng)，所以在操作時(shí)應(yīng)注意調(diào)整變換形狀的角的位置。任務(wù)一商品圖片的基礎(chǔ)處理二、操作方法（一）污點(diǎn)處理步驟1啟動(dòng)Photoshop，單擊菜單欄中的“文件”，選擇“打開(kāi)”命令，在指定文件夾中找到需要處理污點(diǎn)的圖片，然后單擊“打開(kāi)”按鈕，跳轉(zhuǎn)到工作界面，如圖所示。任務(wù)一商品圖片的基礎(chǔ)處理二、操作方法（一）污點(diǎn)處理步驟2觀察圖片上存在哪些瑕疵。首先選擇“污點(diǎn)修復(fù)畫(huà)筆工具”對(duì)瑕疵進(jìn)行處理。新建一個(gè)空白圖層，勾選“對(duì)所有圖層取樣”選項(xiàng)，調(diào)整污點(diǎn)修復(fù)畫(huà)筆工具的大?。ǜ鶕?jù)每個(gè)污點(diǎn)的大小進(jìn)行靈活調(diào)整），放大畫(huà)布，使呈現(xiàn)的細(xì)節(jié)更清晰、操作更精準(zhǔn)，使用污點(diǎn)修復(fù)畫(huà)筆工具在空白圖層上對(duì)準(zhǔn)污點(diǎn)進(jìn)行涂抹，前后對(duì)比效果如圖所示。任務(wù)一商品圖片的基礎(chǔ)處理二、操作方法（一）污點(diǎn)處理步驟3選擇“修復(fù)畫(huà)筆工具”，再次新建一個(gè)空白圖層，在工具屬性欄“樣本”中選擇“所有圖層”選項(xiàng)，然后在空白圖層上進(jìn)行操作。按住“Alt”鍵，在相同紋理的干凈區(qū)域單擊鼠標(biāo)，獲得干凈的取樣，然后在污點(diǎn)處進(jìn)行涂抹。步驟4因?yàn)樵搱D像有4處不同紋理的地方存在污點(diǎn)，所以打開(kāi)工具屬性欄的“仿制源”面板，然后單擊不同的仿制源，按住“Alt”鍵在不同的干凈紋理上單擊鼠標(biāo)，吸取干凈的取樣點(diǎn)。任務(wù)一商品圖片的基礎(chǔ)處理二、操作方法（一）污點(diǎn)處理步驟4這樣，再次操作時(shí)就不用取樣了，只要切換仿制源就可以對(duì)圖像上不同紋理處的污點(diǎn)進(jìn)行處理了。前后對(duì)比效果如圖所示。任務(wù)一商品圖片的基礎(chǔ)處理二、操作方法（一）污點(diǎn)處理步驟5繼續(xù)隱藏剛剛處理瑕疵的圖層2，將背景圖層復(fù)制一層，目的是不影響原圖層的圖像效果。步驟6選擇“修補(bǔ)工具”，在工具屬性欄上選擇“源”選項(xiàng)，然后在復(fù)制的背景圖層上用鼠標(biāo)在畫(huà)布上框選污點(diǎn)。一次盡量只框選一處污點(diǎn)，而且選區(qū)不宜過(guò)大，剛好框選住污點(diǎn)即可。然后，將框選住的污點(diǎn)移動(dòng)至干凈的紋理處，如圖所示。任務(wù)一商品圖片的基礎(chǔ)處理二、操作方法（一）污點(diǎn)處理步驟7隱藏剛剛復(fù)制的背景圖層，繼續(xù)復(fù)制一次背景圖層，然后使用套索工具，圍繞污點(diǎn)建立選區(qū)后，單擊鼠標(biāo)右鍵，選擇“填充”命令，彈出“填充”對(duì)話框，選擇“內(nèi)容識(shí)別”選項(xiàng)，其他參數(shù)不變，單擊“確定”按鈕，如圖所示，這樣就可以將污點(diǎn)修復(fù)好。任務(wù)一商品圖片的基礎(chǔ)處理二、操作方法（一）污點(diǎn)處理步驟7繼續(xù)用同樣的操作方法對(duì)其他瑕疵進(jìn)行內(nèi)容識(shí)別填充處理，前后對(duì)比效果如圖所示。任務(wù)一商品圖片的基礎(chǔ)處理二、操作方法（二）圖像大小和畫(huà)布大小調(diào)整步驟1啟動(dòng)Photoshop，打開(kāi)圖片，單擊菜單欄中的“圖像”，選擇“圖像大小”命令，彈出“圖像大小”對(duì)話框。設(shè)置“寬度”為800像素，“高度”為1200像素。任務(wù)一商品圖片的基礎(chǔ)處理二、操作方法（二）圖像大小和畫(huà)布大小調(diào)整步驟1調(diào)整后的寬高比與原來(lái)有所差別，圖像變得更細(xì)長(zhǎng)了。圖像大小調(diào)整后的效果如圖所示。任務(wù)一商品圖片的基礎(chǔ)處理二、操作方法（二）圖像大小和畫(huà)布大小調(diào)整步驟2單擊菜單欄中的“圖像”，選擇“畫(huà)布大小”命令，彈出“畫(huà)布大小”對(duì)話框。設(shè)置“高度”為800像素，寬度不變，定位向下，單擊“確定”按鈕，當(dāng)彈出詢問(wèn)對(duì)話框時(shí)，單擊“繼續(xù)”按鈕。調(diào)整畫(huà)布后的效果。任務(wù)一商品圖片的基礎(chǔ)處理二、操作方法（三）圖像變換操作步驟1啟動(dòng)Photoshop，單擊菜單欄中的“文件”，選擇“新建”命令，修改“預(yù)設(shè)詳細(xì)信息”。設(shè)置“寬度”為800像素，“高度”為1500像素，“名稱”為產(chǎn)品倒影。單擊“確定”按鈕，跳轉(zhuǎn)到工作界面。任務(wù)一商品圖片的基礎(chǔ)處理二、操作方法（三）圖像變換操作步驟2單擊菜單欄中的“文件”，選擇“置入”命令。在文件夾中選擇素材，單擊“置入”按鈕，跳轉(zhuǎn)到工作界面，調(diào)整素材的位置。任務(wù)一商品圖片的基礎(chǔ)處理二、操作方法（三）圖像變換操作步驟3按住“Ctrl+J”鍵，復(fù)制圖層，將復(fù)制圖層移動(dòng)至原圖層下方，對(duì)復(fù)制圖層執(zhí)行變換操作。按住“Ctrl+T”鍵，單擊鼠標(biāo)右鍵，執(zhí)行“垂直變換”命令。移動(dòng)復(fù)制圖層的位置，使兩個(gè)圖像垂直對(duì)齊，并且底部剛好貼近。任務(wù)一商品圖片的基礎(chǔ)處理二、操作方法（三）圖像變換操作步驟4繼續(xù)對(duì)復(fù)制圖層執(zhí)行自由變換操作。按住“Ctrl+T”鍵，單擊鼠標(biāo)右鍵，執(zhí)行“斜切操作”命令，使兩個(gè)圖像底部盡量貼合。任務(wù)一商品圖片的基礎(chǔ)處理二、操作方法（三）圖像變換操作步驟5調(diào)整好后，按下“Enter”鍵，接著給復(fù)制圖層添加“高斯模糊”效果，設(shè)置“半徑”為3.0像素。設(shè)置復(fù)制圖層的“不透明度”為70%。操作完成后，展示效果。任務(wù)一商品圖片的基礎(chǔ)處理二、操作方法（三）圖像變換操作步驟6如果想讓效果看起來(lái)更真實(shí)，那么可以在兩個(gè)圖像接觸的地方添加一個(gè)陰影效果。在兩個(gè)圖層之間新建一個(gè)空白圖層，單擊“畫(huà)筆工具”，選擇“黑色”選項(xiàng)。單擊空白圖層，看到一個(gè)圓形小黑點(diǎn)，對(duì)該小黑點(diǎn)執(zhí)行變換操作，使之變成一個(gè)細(xì)長(zhǎng)的、兩頭尖的橢圓形。適當(dāng)調(diào)整該圖層的大小和位置，使整體效果看起來(lái)更真實(shí)。商品圖片的裁剪及調(diào)色處理任務(wù)二任務(wù)二商品圖片的裁剪及調(diào)色處理一、操作要點(diǎn)（一）工具的使用技巧1.圖片的裁剪處理裁剪工具在英文輸入法狀態(tài)下，按下“C”鍵切換到裁剪工具。裁剪工具屬性欄還有設(shè)置裁剪工具的疊加選項(xiàng)、設(shè)置其他裁剪選項(xiàng)、刪除裁剪的像素等功能。除了裁剪比例，系統(tǒng)還可以根據(jù)具體尺寸進(jìn)行設(shè)定裁剪。任務(wù)二商品圖片的裁剪及調(diào)色處理一、操作要點(diǎn)（一）工具的使用技巧1.圖片的裁剪處理裁剪工具裁剪工具的疊加選項(xiàng)可以設(shè)置裁剪的構(gòu)圖參考網(wǎng)格線，系統(tǒng)預(yù)設(shè)的包括三等分、網(wǎng)格、對(duì)角、三角形、黃金比例和金色螺線。其他裁剪選項(xiàng)可以設(shè)置裁剪的預(yù)覽效果。任務(wù)二商品圖片的裁剪及調(diào)色處理一、操作要點(diǎn)（一）工具的使用技巧1.圖片的裁剪處理透視裁剪工具透視裁剪工具一般具有矯正視覺(jué)效果的作用。切片工具在日常使用中，切片工具多用于網(wǎng)頁(yè)設(shè)計(jì)和詳情頁(yè)的切割。切片工具的模式有3種，分別為“正?！薄肮潭ㄩL(zhǎng)寬比”“固定大小”。任務(wù)二商品圖片的裁剪及調(diào)色處理一、操作要點(diǎn)（一）工具的使用技巧1.圖片的裁剪處理切片工具切片選擇工具可以調(diào)整切片工具切割后切線的位置，還可以對(duì)切片進(jìn)行劃分設(shè)置?？梢詫⑶衅絼澐譃槎鄠€(gè)縱向切片，也可以將切片垂直劃分為多個(gè)橫向切片，每個(gè)切片的大小都是相同的切片工具還可以借助參考線對(duì)圖片進(jìn)行切割，即在畫(huà)布水平或垂直方向新建參考線，然后單擊切片工具屬性欄中“基于參考線的切片”。任務(wù)二商品圖片的裁剪及調(diào)色處理一、操作要點(diǎn)（一）工具的使用技巧2.圖片的調(diào)色處理色相/飽和度通過(guò)改變色相、飽和度和明度，圖片的色彩就可以發(fā)生變化。在“色相/飽和度”面板中有多種系統(tǒng)預(yù)設(shè)的效果。任務(wù)二商品圖片的裁剪及調(diào)色處理一、操作要點(diǎn)（一）工具的使用技巧2.圖片的調(diào)色處理色相/飽和度在“色相/飽和度”面板中還可以對(duì)單獨(dú)的色彩進(jìn)行調(diào)整，選擇單色進(jìn)行調(diào)整時(shí)，只對(duì)圖片內(nèi)含有該顏色的區(qū)域進(jìn)行色彩調(diào)整。任務(wù)二商品圖片的裁剪及調(diào)色處理一、操作要點(diǎn)（一）工具的使用技巧2.圖片的調(diào)色處理可選顏色可選顏色通對(duì)補(bǔ)色和黑色進(jìn)行色彩調(diào)整。補(bǔ)色包括青色、洋紅和黃色。“顏色”中有紅色、黃色、綠色、青色、藍(lán)色和洋紅6個(gè)有彩色通道，以及白色、中性色和黑色3種無(wú)彩色通道。任務(wù)二商品圖片的裁剪及調(diào)色處理一、操作要點(diǎn)（一）工具的使用技巧2.圖片的調(diào)色處理色彩平衡色彩平衡是通過(guò)調(diào)整青色、洋紅、黃色的相對(duì)值而改變圖片的色調(diào)。在三原色色環(huán)中，青色+紅色=白色、洋紅+綠色=白色、黃色+藍(lán)色=白色，色調(diào)又分為高光、中間調(diào)和陰影，通過(guò)調(diào)整三個(gè)色調(diào)的相互關(guān)系就可以改變圖片的整體色調(diào)任務(wù)二商品圖片的裁剪及調(diào)色處理一、操作要點(diǎn)（一）工具的使用技巧2.圖片的調(diào)色處理色塊與混合模式當(dāng)需要改變圖片的色調(diào)時(shí)還可以利用色塊，或者一個(gè)有顏色的圖層。將該圖層放置在圖片上方，然后改變圖層的混合模式，調(diào)整圖層的不透明度，可以讓圖片的色調(diào)顯得更加自然、有質(zhì)感。任務(wù)二商品圖片的裁剪及調(diào)色處理一、操作要點(diǎn)（一）工具的使用技巧2.圖片的調(diào)色處理自然飽和度自然飽和度主要是調(diào)整圖片的色彩鮮艷度。通過(guò)調(diào)整“飽和度”和“自然飽和度”，就可以改變圖片的色彩鮮艷度。任務(wù)二商品圖片的裁剪及調(diào)色處理一、操作要點(diǎn)（二）操作建議1.裁剪工具使用注意事項(xiàng)自然飽和度“裁剪工具”屬性欄右側(cè)有三個(gè)連續(xù)的圖標(biāo)，依次為“復(fù)位裁剪操作”“取消裁剪操作”“確定裁剪”。任務(wù)二商品圖片的裁剪及調(diào)色處理一、操作要點(diǎn)（二）操作建議2.調(diào)色工具使用注意事項(xiàng)在使用色相/飽和度時(shí)，可以調(diào)整色相，觀察圖片色彩的變化，然后通過(guò)調(diào)整飽和度和明度對(duì)色彩做更精細(xì)的調(diào)整。任務(wù)二商品圖片的裁剪及調(diào)色處理二、操作方法（一）制作詳情頁(yè)切片步驟1啟動(dòng)Photoshop，單擊菜單欄中的“文件”，選擇“打開(kāi)”命令。選擇一張素材圖片，單擊“打開(kāi)”按鈕，跳轉(zhuǎn)到工作界面。任務(wù)二商品圖片的裁剪及調(diào)色處理二、操作方法（一）制作詳情頁(yè)切片步驟2首先使用最簡(jiǎn)單的工具對(duì)詳情頁(yè)進(jìn)行切割。將鼠標(biāo)放置在上方標(biāo)尺位置，拖動(dòng)出數(shù)條參考線，然后單擊工具屬性欄中的“基于參考線的切片”。任務(wù)二商品圖片的裁剪及調(diào)色處理二、操作方法（一）制作詳情頁(yè)切片步驟3如果對(duì)切線的位置不滿意，想要調(diào)整切線的位置，可以單擊工具箱中的“切片選擇工具”，然后將鼠標(biāo)放在切線上就可以拖動(dòng)切線的位置了。任務(wù)二商品圖片的裁剪及調(diào)色處理二、操作方法（一）制作詳情頁(yè)切片步驟4切割好的圖片要選擇“存儲(chǔ)為Web所用格式”保存。單擊菜單欄中的“文件”，選擇“存儲(chǔ)為Web所用格式”命令，跳轉(zhuǎn)到保存窗口，將鼠標(biāo)放置在預(yù)覽的圖片上，按住左鍵不放并向下拖動(dòng)，選中所有切片。任務(wù)二商品圖片的裁剪及調(diào)色處理二、操作方法（一）制作詳情頁(yè)切片步驟5將圖片的格式修改為JPEG格式，然后單擊“存儲(chǔ)”按鈕，找到指定文件夾，單擊“保存”按鈕即可。然后在指定文件夾中可以查看到一個(gè)名為“images”的文件夾，切割好的詳情頁(yè)圖片就在該文件夾中。任務(wù)二商品圖片的裁剪及調(diào)色處理二、操作方法（二）對(duì)圖片進(jìn)行調(diào)色處理步驟1

啟動(dòng)Photoshop，單擊菜單欄中的“文件”，選擇“打開(kāi)”命令。在文件夾中選擇一張素材圖片，然后單擊“打開(kāi)”按鈕，跳轉(zhuǎn)到工作界面。任務(wù)二商品圖片的裁剪及調(diào)色處理二、操作方法（二）對(duì)圖片進(jìn)行調(diào)色處理步驟2

在“調(diào)整”面板中單擊“色相/飽和度”，系統(tǒng)會(huì)自動(dòng)添加“色相/飽和度”圖層，彈出“色相/飽和度”面板。在“色相/飽和度”面板上調(diào)整“色相”為-164、“飽和度”為-25、明度不變。任務(wù)二商品圖片的裁剪及調(diào)色處理二、操作方法（二）對(duì)圖片進(jìn)行調(diào)色處理步驟3

接下來(lái)對(duì)“色相/飽和度”圖層進(jìn)行隱藏，然后在“調(diào)整”面板中單擊“可選顏色”，新建“可選顏色”圖層，彈出“可選顏色”面板，調(diào)整黃色和青色的參數(shù)。顏色調(diào)整后的效果。任務(wù)二商品圖片的裁剪及調(diào)色處理二、操作方法（二）對(duì)圖片進(jìn)行調(diào)色處理步驟4

隱藏“可選顏色”圖層，在“調(diào)整”面板中單擊“色彩平衡”，新建“色彩平衡”圖層，彈出“色彩平衡”面板，可以調(diào)整高光、中間調(diào)和陰影的參數(shù)。步驟5

調(diào)整“高光”。在調(diào)整時(shí)，可以隨時(shí)觀察圖片的顏色變化，查看圖片的呈現(xiàn)效果。調(diào)整后，圖片的整體呈現(xiàn)效果會(huì)更加鮮艷。任務(wù)二商品圖片的裁剪及調(diào)色處理二、操作方法（二）對(duì)圖片進(jìn)行調(diào)色處理步驟6

調(diào)整“中間調(diào)”。在調(diào)整時(shí)，可以隨時(shí)觀察圖片的顏色變化，查看圖片的呈現(xiàn)效果。調(diào)整后，圖片的整體呈現(xiàn)效果會(huì)更加明亮。步驟7

調(diào)整“陰影”。在調(diào)整時(shí)，可以隨時(shí)觀察圖片的顏色變化，查看圖片的呈現(xiàn)效果。調(diào)整后，圖片的整體呈現(xiàn)效果會(huì)更加明亮。任務(wù)二商品圖片的裁剪及調(diào)色處理二、操作方法（二）對(duì)圖片進(jìn)行調(diào)色處理步驟8

隱藏“色彩平衡”圖層，新建一個(gè)純色的“顏色填充”圖層，然后將該圖層的“混合模式”改為色相，調(diào)整圖片的不透明度。任務(wù)二商品圖片的裁剪及調(diào)色處理二、操作方法（二）對(duì)圖片進(jìn)行調(diào)色處理步驟9

隱打開(kāi)另一張素材圖片。再用步驟8的方法調(diào)整色調(diào)并觀察效果。摳圖與合成任務(wù)三任務(wù)三摳圖與合成一、操作要點(diǎn)（一）工具的使用技巧1.常見(jiàn)摳圖方法快速選擇工具“快速選擇工具”屬性欄中有“增加選區(qū)”和“減去選區(qū)”的工具，另外還可以調(diào)整快速選擇工具的大小。單擊“調(diào)整邊緣”，在彈出的“調(diào)整邊緣”面板中有相應(yīng)的參數(shù)可以調(diào)整。任務(wù)三摳圖與合成一、操作要點(diǎn)（一）工具的使用技巧1.常見(jiàn)摳圖方法魔棒工具如果在“魔棒工具”屬性欄中勾選了“連續(xù)”，則當(dāng)框選不相連的兩個(gè)或者多個(gè)區(qū)域時(shí)，需要在屬性欄中選擇“添加到選區(qū)”，然后通過(guò)單擊添加選區(qū)；如果沒(méi)有勾選“連續(xù)”，則當(dāng)用魔棒工具單擊畫(huà)布上的某一區(qū)域時(shí)，其他相同或者相近顏色的區(qū)域都會(huì)被一次性框選住。任務(wù)三摳圖與合成一、操作要點(diǎn)（一）工具的使用技巧1.常見(jiàn)摳圖方法魔術(shù)橡皮擦工具魔術(shù)橡皮擦工具不需要建立選區(qū)就可以將多余的部分摳除，只需要調(diào)整魔術(shù)橡皮擦的容差大小，然后在需要摳取的區(qū)域單擊一下即可，如果效果不是很理想可以調(diào)整容差。魔術(shù)橡皮擦工具適合摳取背景比較單一、顏色比較單調(diào)的圖片。如果商品與背景顏色相近，則不適合使用魔術(shù)橡皮擦工具摳圖。任務(wù)三摳圖與合成一、操作要點(diǎn)（一）工具的使用技巧1.常見(jiàn)摳圖方法鋼筆工具對(duì)于背景比較復(fù)雜，使用上述三種工具不容易摳取的圖片，則需要結(jié)合鋼筆工具進(jìn)行摳圖。鋼筆工具使用技巧任務(wù)三摳圖與合成一、操作要點(diǎn)（一）工具的使用技巧2.圖片的合成圖層蒙版的原理圖層蒙版相當(dāng)于給圖層添加了一個(gè)遮罩，而這個(gè)遮罩可以調(diào)整不透明度，從而讓遮罩內(nèi)的區(qū)域顯示出來(lái)。系統(tǒng)漸變預(yù)設(shè)有多種，每一種都有各自的漸變效果。漸變工具在圖層蒙版中，主要使用黑、白的一個(gè)線性漸變，其能夠給圖片帶來(lái)一種從實(shí)到虛的平緩過(guò)渡效果，而且是過(guò)渡的單位像素越長(zhǎng)，效果越平緩，痕跡越不明顯。任務(wù)三摳圖與合成一、操作要點(diǎn)（二）操作建議1.選擇合適的摳圖工具2.圖層蒙版操作注意事項(xiàng)在添加圖層蒙版后，切記一定要在圖層蒙版上進(jìn)行操作，否則無(wú)法得到想要的效果。如果要給蒙版添加一個(gè)黑白漸變，但是沒(méi)有作用在蒙版上，而是在原圖層上進(jìn)行操作，那么原圖層的圖像就會(huì)被填充上一個(gè)黑白漸變效果。當(dāng)背景為純色，且與商品對(duì)比比較強(qiáng)烈時(shí)，可以選擇快速選擇工具、魔棒工具和魔術(shù)橡皮差工具。當(dāng)背景不為純色，但是屬于同一色調(diào)，且與商品對(duì)比比較強(qiáng)烈時(shí)，可以選擇快速選擇工具、魔棒工具和魔術(shù)橡皮差工具。當(dāng)背景為純色，但與商品自身顏色接近，或者部分相同時(shí)，要結(jié)合鋼筆工具，先將背景與商品色調(diào)比較接近的區(qū)域摳選出來(lái)，再使用其他工具摳圖。當(dāng)背景比較復(fù)雜，商品輪廓與背景對(duì)比不是很明顯時(shí)，需要用鋼筆工具描繪路徑，建立選區(qū)對(duì)圖片進(jìn)行摳除。任務(wù)三摳圖與合成二、操作方法（一）使用鋼筆工具摳選商品步驟1

啟動(dòng)Photoshop，單擊菜單欄中的“文件”，選擇“打開(kāi)”命令。在指定文件夾中選擇商品圖片，然后單擊“打開(kāi)”按鈕，跳轉(zhuǎn)到工作界面。任務(wù)三摳圖與合成二、操作方法（一）使用鋼筆工具摳選商品步驟2

單擊工具箱中的“鋼筆工具”，選擇工具屬性欄中的“路徑”，放大圖片到能夠看清細(xì)節(jié)，以便摳圖。在包的輪廓邊緣任意位置單擊起始位置。在描繪路徑時(shí)，可以靈活調(diào)整圖像的大小，方便路徑的繪制。在彎曲的位置單擊第二個(gè)點(diǎn)，按住鼠標(biāo)左鍵，向上拖動(dòng)一小段距離，直到拖出一條曲線，然后適當(dāng)調(diào)整轉(zhuǎn)換點(diǎn)的長(zhǎng)短和方向，使得曲線完全貼合商品輪廓邊緣。任務(wù)三摳圖與合成二、操作方法（一）使用鋼筆工具摳選商品步驟3

繼續(xù)使用“鋼筆工具”沿著包的輪廓邊緣繪制路徑。注意使用“Ctrl”鍵可以移動(dòng)錨點(diǎn)和轉(zhuǎn)換點(diǎn)的位置。通過(guò)不斷調(diào)整錨點(diǎn)和轉(zhuǎn)換點(diǎn)的位置，可以改變曲線的弧度，使得繪制的路徑幾乎完全貼合商品的輪廓邊緣。使用“Alt”鍵可以微調(diào)每條轉(zhuǎn)換線段的位置，而使用“Ctrl”鍵只能同時(shí)移動(dòng)兩條轉(zhuǎn)換線段的位置。另外，如果繪制的曲線沒(méi)有完全貼合輪廓邊緣，則可以在兩點(diǎn)之間再添加一點(diǎn)，然后繼續(xù)調(diào)整曲線。任務(wù)三摳圖與合成二、操作方法（一）使用鋼筆工具摳選商品步驟4

在沿著包的輪廓邊緣描繪好完整的路徑后，將最后一個(gè)錨點(diǎn)和第一個(gè)錨點(diǎn)重合，路徑就閉合了。任務(wù)三摳圖與合成二、操作方法（一）使用鋼筆工具摳選商品步驟5

閉合路徑之后，同時(shí)按住“Ctrl+Enter”鍵就能夠?qū)⒙窂睫D(zhuǎn)換為選區(qū)；或者在鋼筆工具屬性欄中單擊“選區(qū)”也可以建立選區(qū)。任務(wù)三摳圖與合成二、操作方法（一）使用鋼筆工具摳選商品步驟6

建立選區(qū)之后，同時(shí)按住“Ctrl+J”鍵，或者單擊菜單欄中的“圖層”，選擇“新建”→“通過(guò)拷貝的圖層”命令，也可以摳選商品。隱藏原圖，查看效果。任務(wù)三摳圖與合成二、操作方法（二）圖片的合成步驟1

啟動(dòng)Photoshop，單擊菜單欄中的“文件”，選擇“新建”命令，修改“預(yù)設(shè)詳細(xì)信息”。設(shè)置“寬度”為960像素，“高度”為500像素，“分辨率”為72像素/英寸，其他選項(xiàng)默認(rèn)不變。任務(wù)三摳圖與合成二、操作方法（二）圖片的合成步驟2

新建畫(huà)布后，為一款沐浴露設(shè)計(jì)一張海報(bào)的背景。首先分析沐浴露與哪些元素有關(guān)，然后根據(jù)相關(guān)元素搜集一些相關(guān)的素材。例如：沐浴露可能與液體（水和牛奶）、花瓣、綠葉、大自然等元素有關(guān)，那么就根據(jù)這些素材去合成一張海報(bào)的背景。步驟3

置入素材，然后將所有素材柵格化。在圖層上單擊鼠標(biāo)右鍵，選擇“柵格化圖層”即可以將圖片從智能化對(duì)象轉(zhuǎn)換為柵格化圖層。柵格化圖層的目的是多次應(yīng)用圖層蒙版。任務(wù)三摳圖與合成二、操作方法（二）圖片的合成步驟4

調(diào)整素材的位置和大小，然后給圖層water02添加圖層蒙版。單擊工具箱中的“漸變工具”，選擇“黑白漸變”，然后從右向左，按住“Shift”鍵做水平向左的一個(gè)漸變效果。任務(wù)三摳圖與合成二、操作方法（二）圖片的合成步驟5

為了豐富背景，襯托出沐浴露的氛圍效果，可以繼續(xù)添加其他相關(guān)素材到畫(huà)布中。然后不斷調(diào)整素材的位置，給素材圖層添加圖層蒙版。隱藏其他素材，查看背景效果。任務(wù)三摳圖與合成二、操作方法（二）圖片的合成步驟6

添加花草素材，放置于商品的后面。調(diào)整素材的位置和大小。任務(wù)三摳圖與合成二、操作方法（二）圖片的合成步驟7

添加水珠素材，放置于商品的上方。然后添加剪貼蒙版。任務(wù)三摳圖與合成二、操作方法（二）圖片的合成步驟8

最后添加牛奶素材，放置于商品的上方。調(diào)整素材的位置和大小，添加圖層蒙版。制作eBay商品主圖任務(wù)四任務(wù)四制作eBay商品主圖一、eBay平臺(tái)主圖規(guī)則（一）平臺(tái)要求1.純色背景任務(wù)四制作eBay商品主圖一、eBay平臺(tái)主圖規(guī)則（一）平臺(tái)要求2.圖片規(guī)則商品主圖不能帶有任何除了商品本身以外附加的標(biāo)識(shí)、水印、文字、邊框、符號(hào)以及宣傳促銷等內(nèi)容，允許商品本身印有標(biāo)識(shí)。任務(wù)四制作eBay商品主圖一、eBay平臺(tái)主圖規(guī)則（一）平臺(tái)要求3.圖片尺寸商品主圖的尺寸必須為1∶1。同時(shí)，商品主圖的最小像素尺寸為500像素×500像素，最大像素尺寸為9000像素×9000像素，且圖片的大小不得超過(guò)7MB。為了優(yōu)化買家的購(gòu)物體驗(yàn)，一般建議賣家的商品主圖及其他副圖應(yīng)為800～1600像素。4.圖片格式eBay平臺(tái)支持上傳的商品圖片格式包括JPEG、PNG、TIFF、BMP和GIF。其中，GIF動(dòng)圖格式目前是不支持的，一般建議賣家選擇JPEG或PNG等較為常用的圖片格式上傳商品主圖。5.商品狀態(tài)eBay是一個(gè)可以銷售二手、翻新、損壞商品的平臺(tái)，但需要賣家如實(shí)填寫(xiě)商品現(xiàn)存真實(shí)狀態(tài)信息。商品主圖及其他圖片也應(yīng)該相應(yīng)展現(xiàn)商品的真實(shí)狀態(tài)，不得直接使用新品圖片。任務(wù)四制作eBay商品主圖一、eBay平臺(tái)主圖規(guī)則（二）制作建議1.體現(xiàn)主圖的專業(yè)性拍攝商品時(shí)，建議從多角度進(jìn)行嘗試，盡量為買家呈現(xiàn)出商品的立體感。此外，使用高分辨率的圖片也能從側(cè)面體現(xiàn)出賣家的專業(yè)性，因此在拍攝時(shí)應(yīng)進(jìn)行高分辨率的設(shè)置。任務(wù)四制作eBay商品主圖一、eBay平臺(tái)主圖規(guī)則（二）制作建議2.明確展示所售商品拍攝商品時(shí)，盡量呈現(xiàn)商品的真實(shí)樣貌，避免遭到諸如“商品與圖片嚴(yán)重不符”這類的投訴。謹(jǐn)慎在圖片中加入輔助道具，避免喧賓奪主以及給買家?guī)?lái)不必要的誤會(huì)。任務(wù)四制作eBay商品主圖一、eBay平臺(tái)主圖規(guī)則（二）制作建議2.明確展示所售商品跨境電商平臺(tái)一般都會(huì)建議賣家制作的商品主圖中，商品所占圖片面積應(yīng)該盡可能大一些。eBay平臺(tái)一般要求賣家的商品主圖中，商品占比必須大于80%，以便清晰呈現(xiàn)所銷售的商品。任務(wù)四制作eBay商品主圖二、eBay平臺(tái)主圖制作方法不同Photoshop版本的部分工具和操作指令可能會(huì)有所差異。如圖所示的PhotoshopCC2014版本和如圖所示的PhotoshopCC2017版本中，置入文件的指令名稱就有所不同。另外，Photoshop版本越新，對(duì)電腦配置要求越高，通常情況下PhotoshopCS6以上版本都能滿足日常使用需求。PhotoshopCC2014版本的置入操作PhotoshopCC2017版本的置入操作任務(wù)四制作eBay商品主圖二、eBay平臺(tái)主圖制作方法步驟1

啟動(dòng)PhotoshopCC2014版本軟件，單擊菜單欄中的“文件”，執(zhí)行“新建”命令，彈出“新建”對(duì)話框（快捷鍵：Ctrl+N）。設(shè)置“名稱”為eBay商品主圖，“寬度”為1000像素，“高度”為1000像素，“分辨率”為72像素/英寸，其他選項(xiàng)默認(rèn)不變。任務(wù)四制作eBay商品主圖二、eBay平臺(tái)主圖制作方法步驟1

單擊“確定”按鈕，跳轉(zhuǎn)到工作界面。任務(wù)四制作eBay商品主圖二、eBay平臺(tái)主圖制作方法步驟2

單擊菜單欄中的“文件”，選擇“置入”命令。在文件夾中選擇指定素材，單擊“置入”按鈕。任務(wù)四制作eBay商品主圖二、eBay平臺(tái)主圖制作方法步驟3

置入后的商品圖片處于“自由變換”狀態(tài)，按住“Shift+Alt”鍵，用鼠標(biāo)拖動(dòng)素材的一個(gè)對(duì)角，對(duì)其進(jìn)行圍繞中心等比例縮放，從而調(diào)整素材的大小，使其至少有兩條邊盡量貼住畫(huà)布邊緣，不留太多空白。任務(wù)四制作eBay商品主圖二、eBay平臺(tái)主圖制作方法步驟3

素材調(diào)整大小的效果對(duì)比。任務(wù)四制作eBay商品主圖二、eBay平臺(tái)主圖制作方法步驟4

單擊菜單欄中的“文件”，選擇“存儲(chǔ)為Web所用格式”命令（快捷鍵：Ctrl+Shift+Alt+S）。將圖片存儲(chǔ)為JPEG格式，觀察圖片的大小，不能大于7MB。當(dāng)圖片大小超過(guò)這個(gè)數(shù)值時(shí)，需要通過(guò)降低圖像的品質(zhì)來(lái)縮小圖片的大小任務(wù)四制作eBay商品主圖二、eBay平臺(tái)主圖制作方法步驟4

圖片大小和格式確認(rèn)無(wú)誤后，單擊“存儲(chǔ)”按鈕，跳轉(zhuǎn)到“將優(yōu)化結(jié)果存儲(chǔ)為”對(duì)話框。選擇指定文件夾，單擊“保存”按鈕。任務(wù)四制作eBay商品主圖二、eBay平臺(tái)主圖制作方法由于eBay平臺(tái)的商品主圖還可以是其他純色背景，因而可以給背景填充與商品色系相關(guān)的顏色，以便襯托出商品的質(zhì)感和氛圍感。制作亞馬遜商品主圖任務(wù)五任務(wù)五制作亞馬遜商品主圖一、亞馬遜平臺(tái)主圖規(guī)則（一）平臺(tái)要求1.純色背景亞馬遜平臺(tái)要求商品主圖必須是純白背景，即背景的RGB值為255，255，255。純白背景能更好地展示商品的真實(shí)外觀，同時(shí)盡量減小商品受背景干擾所產(chǎn)生的視覺(jué)偏差。任務(wù)五制作亞馬遜商品主圖一、亞馬遜平臺(tái)主圖規(guī)則（一）平臺(tái)要求2.商品真實(shí)所使用的商品主圖必須是實(shí)際商品的專業(yè)照片，不得以圖形、插圖、模型等其他形式展示，以免買家在購(gòu)物選擇的過(guò)程中產(chǎn)生不必要的誤解，引發(fā)后續(xù)的退、換貨及投訴問(wèn)題。3.商品占比亞馬遜平臺(tái)要求商品在主圖中占比需要達(dá)到85%以上，不允許有過(guò)大范圍的邊框留白，要盡可能清晰地展示商品外觀，以便提升買家在選購(gòu)過(guò)程中的購(gòu)物體驗(yàn)。4.圖片規(guī)則亞馬遜平臺(tái)規(guī)定商品主圖中不能帶有任何附加的標(biāo)識(shí)、水印、文字、邊框、符號(hào)等，如果是商品本身印有標(biāo)識(shí)是允許的；主圖中除了正在銷售的商品本身以外，不允許出現(xiàn)不包含在商品中的配件或者其他商品。任務(wù)五制作亞馬遜商品主圖一、亞馬遜平臺(tái)主圖規(guī)則（一）平臺(tái)要求5.類目主圖展示有些類目（如服飾、內(nèi)衣、襪子等）主圖允許使用模特展示，而且只能使用真人模特，不能使用服裝店里的那種假人模特。模特必須是正面站立，不能是側(cè)面、背面、多角度組合圖、坐姿等。任務(wù)五制作亞馬遜商品主圖一、亞馬遜平臺(tái)主圖規(guī)則（一）平臺(tái)要求6.圖片規(guī)格亞馬遜商品主圖的長(zhǎng)邊像素至少要達(dá)到1000像素，且不超過(guò)10000像素，而短邊像素至少要達(dá)到500像素；商品必須在圖片中清晰可見(jiàn)；圖片格式為JPG、JPEG、TIFF或GIF，但不支持GIF動(dòng)態(tài)圖片，一般建議優(yōu)選JPG或JPEG格式制作商品圖片。7.變體主圖對(duì)于有變體的商品，父子商品都要有主圖。任務(wù)五制作亞馬遜商品主圖一、亞馬遜平臺(tái)主圖規(guī)則（二）制作建議明確展示所售商品呈現(xiàn)圖片光影效果提高轉(zhuǎn)化率二、亞馬遜平臺(tái)主圖制作方法步驟1啟動(dòng)Photoshop，單擊菜單欄中的“文件”，執(zhí)行“新建”命令，修改“預(yù)設(shè)詳細(xì)信息”。設(shè)置“名稱”為亞馬遜商品主圖，“寬度”為900像素，“高度”為1200像素，“分辨率”為72像素/英寸，其他選項(xiàng)默認(rèn)不變。任務(wù)五制作亞馬遜商品主圖二、亞馬遜平臺(tái)主圖制作方法步驟1單擊“確定”按鈕，跳轉(zhuǎn)到工作界面。任務(wù)五制作亞馬遜商品主圖二、亞馬遜平臺(tái)主圖制作方法步驟2單擊菜單欄中的“文件”，選擇“置入”命令。找到對(duì)應(yīng)的文件夾，選中需要置入的素材圖片，單擊“置入”按鈕任務(wù)五制作亞馬遜商品主圖二、亞馬遜平臺(tái)主圖制作方法步驟3置入后，素材圖片此時(shí)處于“自由變換”狀態(tài)。按住“Shift+Alt”鍵，用鼠標(biāo)拖動(dòng)圖片任意的對(duì)角，等比例縮放素材的大小，使得圖片上下盡量充滿畫(huà)布。任務(wù)五制作亞馬遜商品主圖二、亞馬遜平臺(tái)主圖制作方法步驟4檢查主圖背景是否有雜質(zhì)或者污點(diǎn)，要保證圖片的背景干凈、整潔。確定圖片尺寸也沒(méi)有問(wèn)題后，單擊菜單欄中的“文件”，選擇“存儲(chǔ)為Web所用格式”命令。跳轉(zhuǎn)到“存儲(chǔ)為Web所用格式”對(duì)話框，觀察圖片是否為JPEG格式，圖像大小是否為900像素×1200像素任務(wù)五制作亞馬遜商品主圖二、亞馬遜平臺(tái)主圖制作方法步驟4確定無(wú)誤后，單擊“存儲(chǔ)”按鈕，找到指定文件夾位置，單擊“保存”按鈕。制作速賣通商品主圖任務(wù)六任務(wù)六制作速賣通商品主圖一、速賣通平臺(tái)主圖規(guī)則（一）平臺(tái)要求1.純色背景速賣通平臺(tái)要求所有賣家提供的商品主圖必須使用純色背景，盡量使用白色。任務(wù)六制作速賣通商品主圖一、速賣通平臺(tái)主圖規(guī)則（一）平臺(tái)要求1.純色背景速賣通平臺(tái)不允許在商品主圖上額外添加邊框、水印等可能影響商品展示的不相關(guān)元素。若有展示品牌標(biāo)識(shí)的需求，則需要統(tǒng)一放置于左上角。任務(wù)六制作速賣通商品主圖一、速賣通平臺(tái)主圖規(guī)則（一）平臺(tái)要求2.圖片規(guī)格商品主圖建議為正方形，800像素×800像素。3.商品位置商品應(yīng)在圖片中居中展示，且至少占比70%以上。4.拼圖方法速賣通平臺(tái)允許賣家通過(guò)拼圖的方式進(jìn)行商品的多方位展示，但僅允許兩張拼圖，不允許三張及以上拼圖。任務(wù)六制作速賣通商品主圖一、速賣通平臺(tái)主圖規(guī)則（二）制作建議1.提升質(zhì)感速賣通平臺(tái)要求所有商品主圖必須是純白或其他純色背景，大部分賣家基于該要求，所展示的圖片風(fēng)格大多很相近。而有經(jīng)驗(yàn)的賣家則通過(guò)一些細(xì)節(jié)設(shè)計(jì)，如適當(dāng)添加鏡像或者陰影，極大地提升了圖片的質(zhì)感，在不違反規(guī)則的同時(shí)很好地吸引了買家的注意力。任務(wù)六制作速賣通商品主圖一、速賣通平臺(tái)主圖規(guī)則（二）制作建議2.對(duì)比清晰如果賣家銷售的商品具有多個(gè)顏色，則建議要有清晰的對(duì)比，在主圖上盡可能地展示出來(lái)。但是不可以影響圖片的清晰度，不可以使用多張拼圖，需要通過(guò)擺列拍攝或者摳圖將多個(gè)商品陳列在一個(gè)畫(huà)幅中進(jìn)行展示。任務(wù)六制作速賣通商品主圖一、速賣通平臺(tái)主圖規(guī)則（二）制作建議3.不可出現(xiàn)非銷售配件商品主圖只能展示所銷售的商品，不可以出現(xiàn)任何可能引起買家誤會(huì)的商品。4.風(fēng)格統(tǒng)一風(fēng)格統(tǒng)一包括商品主圖的拍攝手法統(tǒng)一，以及全店商品圖片風(fēng)格的統(tǒng)一。5.充分展示賣點(diǎn)賣家要充分利用商品主圖，盡可能地展示商品的賣點(diǎn)，如造型、尺寸、功能等。為了達(dá)到此目的，賣家可以多角度拍攝，以便多方面地展示出商品的細(xì)節(jié)。任務(wù)六制作速賣通商品主圖二、速賣通主圖制作方法步驟1啟動(dòng)Photoshop，單擊菜單欄中的“文件”，選擇“新建”命令，修改“預(yù)設(shè)詳細(xì)信息”。設(shè)置“名稱”為速賣通商品主圖，“寬度”為800像素，“高度”為800像素，“分辨率”為72像素/英寸，其他選項(xiàng)默認(rèn)不變。任務(wù)六制作速賣通商品主圖二、速賣通主圖制作方法步驟1啟單擊“確定”按鈕，跳轉(zhuǎn)到工作界面。任務(wù)六制作速賣通商品主圖二、速賣通主圖制作方法步驟２單擊菜單欄中的“文件”，選擇“置入”命令。在指定文件夾中選中素材圖片，單擊“置入”按鈕。任務(wù)六制作速賣通商品主圖二、速賣通主圖制作方法步驟3置入后，素材圖片處于“自由變換”狀態(tài)，可以對(duì)商品形態(tài)進(jìn)行變換。按住“Shift+Alt”鍵，鼠標(biāo)拖動(dòng)圖片任意的對(duì)角，可以對(duì)圖片進(jìn)行圍繞中心的等比例縮放。任務(wù)六制作速賣通商品主圖二、速賣通主圖制作方法步驟4將圖片縮放至一定大小，然后選擇“移動(dòng)工具”將圖片移動(dòng)到畫(huà)布的左側(cè)。任務(wù)六制作速賣通商品主圖二、速賣通主圖制作方法步驟5如果圖片無(wú)法調(diào)整到大小相同，則需要通過(guò)新建參考線來(lái)輔助完成操作。單擊菜單欄中的“視圖”，選擇“新建參考線”命令，彈出“新建參考線”對(duì)話框。任務(wù)六制作速賣通商品主圖二、速賣通主圖制作方法步驟5如果商品垂直排布，則可以選擇水平方向設(shè)置參考線的位置；相反，如果商品水平排布，則可以選擇垂直方向設(shè)置參考線的位置。由于主圖的寬度和高度都是800像素，在主圖右側(cè)垂直方向計(jì)劃放置4張其他顏色的圖片，所以新建3條參考線，將主圖區(qū)域一分為四，分別在200像素、400像素和600像素新建參考線即可。任務(wù)六制作速賣通商品主圖二、速賣通主圖制作方法步驟5參考線新建好以后，單擊菜單欄中的“文件”，選擇“置入”命令，選中不同顏色的圖片，置入文件。任務(wù)六制作速賣通商品主圖二、速賣通主圖制作方法步驟5按住“Shift+Alt”鍵，鼠標(biāo)拖動(dòng)圖片任意的對(duì)角，調(diào)整圖片大小，將圖片控制在2條參考線之間。任務(wù)六制作速賣通商品主圖二、速賣通主圖制作方法步驟5調(diào)整好圖片大小以后，雙擊鼠標(biāo)左鍵即可釋放“自由變換”狀態(tài)。其他顏色的3張圖片用同樣的方法置入文件，然后調(diào)整圖片大小，隱藏參考線，查看效果（快捷鍵：Ctrl+H）。任務(wù)六制作速賣通商品主圖二、速賣通主圖制作方法步驟6確定主圖沒(méi)有其他瑕疵后，單擊菜單欄中的“文件”，選擇“存儲(chǔ)為Web所用格式”命令。然后將圖片格式改為JPEG格式，查看圖片大小是否符合要求。任務(wù)六制作速賣通商品主圖二、速賣通主圖制作方法步驟6確認(rèn)無(wú)誤后，單擊“存儲(chǔ)”按鈕，找到指定文件夾，單擊“保存”按鈕。彈出“Adobe存儲(chǔ)為Web所用格式”警告對(duì)話框，單擊“確定”按鈕。最終得到速賣通商品主圖制作Shopee商品主圖任務(wù)七任務(wù)七制作Shopee商品主圖一、Shopee平臺(tái)主圖規(guī)則（一）平臺(tái)要求1.純色背景2.圖片規(guī)格商品主圖的最低分辨率須達(dá)到72dpi，500像素×500像素，以保證商品的展示效果。3.商品呈現(xiàn)商品在圖片中占比至少達(dá)到80%。同時(shí)，建議賣家在拍攝商品時(shí)，盡量采用正面或者30°拍攝。任務(wù)七制作Shopee商品主圖一、Shopee平臺(tái)主圖規(guī)則（二）制作建議1.全面展示如果商品具有多個(gè)顏色，那么可以使用拼圖的方式進(jìn)行全面展示。任務(wù)七制作Shopee商品主圖一、Shopee平臺(tái)主圖規(guī)則（二）制作建議2.涵蓋更多信息如果所售商品有附帶的贈(zèng)品，則要盡可能地展示在主圖上。任務(wù)七制作Shopee商品主圖一、Shopee平臺(tái)主圖規(guī)則（二）制作建議3.展示商品原貌如果賣家所售的商品是易耗品，如紙尿褲、面膜等，則可以選擇去掉包裝，直接展示商品原貌。4.統(tǒng)一模板或風(fēng)格店鋪里的所有商品可以選擇統(tǒng)一的設(shè)計(jì)模板或者風(fēng)格，這樣有助于塑造品牌形象，加深商品的辨識(shí)度。任務(wù)七制作Shopee商品主圖二、Shopee平臺(tái)主圖制作方法步驟1啟動(dòng)Photoshop，單擊菜單欄中的“文件”，選擇“新建”命令，修改“預(yù)設(shè)詳細(xì)信息”。設(shè)置“名稱”為shopee商品主圖，“寬度”為500像素，“高度”為500像素，“分辨率”為72像素/英寸，其他選項(xiàng)默認(rèn)不變。任務(wù)七制作Shopee商品主圖二、Shopee平臺(tái)主圖制作方法步驟1單擊“確定”按鈕，跳轉(zhuǎn)到工作界面。任務(wù)七制作Shopee商品主圖二、Shopee平臺(tái)主圖制作方法步驟2單擊菜單欄中的“文件”，選擇“置入”命令。在指定文件夾中選擇素材圖片。任務(wù)七制作Shopee商品主圖二、Shopee平臺(tái)主圖制作方法步驟3單擊“置入”按鈕，跳轉(zhuǎn)到工作界面。圖片置入后，暫時(shí)處于“自由變換”狀態(tài)。任務(wù)七制作Shopee商品主圖二、Shopee平臺(tái)主圖制作方法步驟3按住“Shift+Alt”鍵，鼠標(biāo)拖動(dòng)圖片任意的對(duì)角，調(diào)整圖片大小，雙擊鼠標(biāo)左鍵，釋放“自由變換”狀態(tài)，然后將圖片移動(dòng)至主圖的左上角。任務(wù)七制作Shopee商品主圖二、Shopee平臺(tái)主圖制作方法步驟4Shopee主圖可以使用拼圖，所以可以用同樣的方法置入商品的其他素材圖片。單擊菜單欄中的“文件”，選擇“置入”命令，選中需要置入的素材圖片。任務(wù)七制作Shopee商品主圖二、Shopee平臺(tái)主圖制作方法步驟4單擊“置入”按鈕，按住“Shift+Alt”鍵，鼠標(biāo)拖動(dòng)圖片任意的對(duì)角，調(diào)整圖片大小，雙擊鼠標(biāo)左鍵，釋放“自由變換”狀態(tài)，移動(dòng)圖片到合適的位置。任務(wù)七制作Shopee商品主圖二、Shopee平臺(tái)主圖制作方法步驟4重復(fù)以上操作，將其他素材圖片置入文件。任務(wù)七制作Shopee商品主圖二、Shopee平臺(tái)主圖制作方法步驟5圖片調(diào)整好后，確認(rèn)無(wú)其他需要添加的信息，單擊菜單欄中的“文件”，選擇“存儲(chǔ)為Web所用格式”命令。彈出“存儲(chǔ)為Web所用格式”對(duì)話框，選擇“JPEG”格式。任務(wù)七制作Shopee商品主圖二、Shopee平臺(tái)主圖制作方法步驟5單擊“存儲(chǔ)”按鈕，找到指定文件夾，單擊“保存”按鈕即可。感謝觀看跨境電商CROSS-BORDERE-COMMERCEVISUALDESIGN視覺(jué)設(shè)計(jì)任務(wù)一設(shè)計(jì)制作活動(dòng)海報(bào)任務(wù)二設(shè)計(jì)制作速賣通詳情頁(yè)任務(wù)三設(shè)計(jì)制作亞馬遜A+頁(yè)面任務(wù)四設(shè)計(jì)制作eBay詳情頁(yè)目錄CONTENTS項(xiàng)目四海報(bào)及詳情頁(yè)的設(shè)計(jì)制作學(xué)習(xí)目標(biāo)知識(shí)目標(biāo)?了解各主流跨境電商平臺(tái)的海報(bào)及詳情頁(yè)的制作規(guī)則；?熟悉各主流跨境電商平臺(tái)的海報(bào)及詳情頁(yè)的制作方法和要點(diǎn)；?掌握各主流跨境電商平臺(tái)的海報(bào)及詳情頁(yè)的制作流程和技巧；?了解Photoshop的功能和作用；?熟悉Photoshop常見(jiàn)摳圖工具的功能。技能目標(biāo)?能夠高效使用Photoshop及其他輔助制圖工具；?能夠制作符合各主流跨境電商平臺(tái)規(guī)則的海報(bào)及詳情頁(yè)；?能夠熟練使用Photoshop的基本工具。素質(zhì)目標(biāo)?具有良好的文字表達(dá)能力和邏輯思維能力；?具備熟練使用計(jì)算機(jī)輔助（翻譯）軟件的能力；?具備特殊敏感詞匯和違規(guī)表現(xiàn)形式的甄別能力；?具備較好的審美水平與符合市場(chǎng)需求的設(shè)計(jì)理念；?具備較強(qiáng)的知識(shí)產(chǎn)權(quán)保護(hù)意識(shí)；?具備較強(qiáng)的團(tuán)隊(duì)精神和服務(wù)意識(shí)。設(shè)計(jì)制作活動(dòng)海報(bào)任務(wù)一任務(wù)一?設(shè)計(jì)制作活動(dòng)海報(bào)一、了解活動(dòng)海報(bào)的要求（一）平臺(tái)要求1.速賣通的橫幅海報(bào)（1）輪播圖任務(wù)一?設(shè)計(jì)制作活動(dòng)海報(bào)一、了解活動(dòng)海報(bào)的要求（一）平臺(tái)要求1.速賣通的橫幅海報(bào)（2）橫幅圖任務(wù)一?設(shè)計(jì)制作活動(dòng)海報(bào)一、了解活動(dòng)海報(bào)的要求（一）平臺(tái)要求1.速賣通的橫幅海報(bào)（3）雙橫幅圖任務(wù)一?設(shè)計(jì)制作活動(dòng)海報(bào)一、了解活動(dòng)海報(bào)的要求（一）平臺(tái)要求2.速賣通的商品營(yíng)銷圖（1）白底圖任務(wù)一?設(shè)計(jì)制作活動(dòng)海報(bào)一、了解活動(dòng)海報(bào)的要求（一）平臺(tái)要求2.速賣通的商品營(yíng)銷圖（2）場(chǎng)景圖任務(wù)一?設(shè)計(jì)制作活動(dòng)海報(bào)一、了解活動(dòng)海報(bào)的要求（二）制作建議1.商品營(yíng)銷任務(wù)一?設(shè)計(jì)制作活動(dòng)海報(bào)一、了解活動(dòng)海報(bào)的要求（二）制作建議2.場(chǎng)景營(yíng)銷任務(wù)一?設(shè)計(jì)制作活動(dòng)海報(bào)一、了解活動(dòng)海報(bào)的要求（二）制作建議3.品牌營(yíng)銷任務(wù)一?設(shè)計(jì)制作活動(dòng)海報(bào)二、活動(dòng)海報(bào)的制作方法步驟1啟動(dòng)Photoshop，單擊菜單欄中的“文件”，選擇“新建”命令，彈出“新建”對(duì)話框，設(shè)置“名稱”為活動(dòng)海報(bào)，“寬度”為1920像素，“高度”為600像素，其他選項(xiàng)默認(rèn)不變。任務(wù)一?設(shè)計(jì)制作活動(dòng)海報(bào)二、活動(dòng)海報(bào)的制作方法步驟1單擊“確定”按鈕，跳轉(zhuǎn)到工作界面。任務(wù)一?設(shè)計(jì)制作活動(dòng)海報(bào)二、活動(dòng)海報(bào)的制作方法步驟2單擊菜單欄中的“文件”，選擇“置入”命令。找到對(duì)應(yīng)文件夾，選中需要置入的商品素材，單擊“置入”按鈕。任務(wù)一?設(shè)計(jì)制作活動(dòng)海報(bào)二、活動(dòng)海報(bào)的制作方法步驟3商品素材置入后，按“Enter”鍵，釋放“自由變換”狀態(tài)。然后選擇“移動(dòng)工具”調(diào)整商品素材的位置。任務(wù)一?設(shè)計(jì)制作活動(dòng)海報(bào)二、活動(dòng)海報(bào)的制作方法步驟4因?yàn)椴煌@示屏的顯示區(qū)域有所不同，有的不能夠全屏顯示海報(bào)的內(nèi)容，所以需要將海報(bào)的主要信息控制在一個(gè)區(qū)域內(nèi)，以便令不同顯示屏都能夠看見(jiàn)海報(bào)的主要信息。單擊菜單欄中的“視圖”，選擇“新建參考線”命令，新建一條垂直位置在360像素和一條垂直位置在1560像素的參考線。任務(wù)一?設(shè)計(jì)制作活動(dòng)海報(bào)二、活動(dòng)海報(bào)的制作方法步驟4新建參考線以后，繼續(xù)調(diào)整商品素材的位置，使商品素材的主體盡量位于兩條參考線之間。任務(wù)一?設(shè)計(jì)制作活動(dòng)海報(bào)二、活動(dòng)海報(bào)的制作方法步驟5接下來(lái)為活動(dòng)海報(bào)添加背景。海報(bào)背景應(yīng)該與商品特征相關(guān)，或者與促銷活動(dòng)的氛圍相關(guān)，在這里選擇貼近商品自身色調(diào)的顏色。單擊菜單欄中的“文件”，選擇“置入”命令，找到文件夾中的背景素材。任務(wù)一?設(shè)計(jì)制作活動(dòng)海報(bào)二、活動(dòng)海報(bào)的制作方法步驟5單擊“置入”按鈕，將背景素材置入畫(huà)布，跳轉(zhuǎn)到工作界面。任務(wù)一?設(shè)計(jì)制作活動(dòng)海報(bào)二、活動(dòng)海報(bào)的制作方法步驟5用鼠標(biāo)拖動(dòng)背景素材的兩邊，調(diào)整大小，使背景素材撐滿整個(gè)畫(huà)布。任務(wù)一?設(shè)計(jì)制作活動(dòng)海報(bào)二、活動(dòng)海報(bào)的制作方法步驟6選擇“文字工具”，輸入文案“2022NEWRELEASE”，設(shè)置文案的字符屬性。設(shè)置文案的顏色。任務(wù)一?設(shè)計(jì)制作活動(dòng)海報(bào)二、活動(dòng)海報(bào)的制作方法步驟6文案“2022NEWRELEASE”的效果。任務(wù)一?設(shè)計(jì)制作活動(dòng)海報(bào)二、活動(dòng)海報(bào)的制作方法步驟7選擇“文字工具”，輸入文案“25%OFF”,設(shè)置文案的字符屬性。設(shè)置文案的顏色。任務(wù)一?設(shè)計(jì)制作活動(dòng)海報(bào)二、活動(dòng)海報(bào)的制作方法步驟7文案“25%OFF”的效果。任務(wù)一?設(shè)計(jì)制作活動(dòng)海報(bào)二、活動(dòng)海報(bào)的制作方法步驟8接下來(lái)添加其他的文案。首先需要制作一個(gè)簡(jiǎn)單的圖標(biāo)。選擇“自定形狀工具”。選擇“邊框7”，在畫(huà)布上拖動(dòng)至合適大小。然后選擇“復(fù)選標(biāo)記√”，在畫(huà)布上拖動(dòng)至合適大小，移動(dòng)至邊框7位置上。任務(wù)一?設(shè)計(jì)制作活動(dòng)海報(bào)二、活動(dòng)海報(bào)的制作方法步驟8圖標(biāo)效果。任務(wù)一?設(shè)計(jì)制作活動(dòng)海報(bào)二、活動(dòng)海報(bào)的制作方法步驟8在圖標(biāo)的右側(cè)輸入文案“CVC6.0aptXStereoSound”，設(shè)置文案的字符屬性。設(shè)置文案的顏色。任務(wù)一?設(shè)計(jì)制作活動(dòng)海報(bào)二、活動(dòng)海報(bào)的制作方法步驟8文案“CVC6.0aptXStereoSound”的效果。任務(wù)一?設(shè)計(jì)制作活動(dòng)海報(bào)二、活動(dòng)海報(bào)的制作方法步驟8同時(shí)選中圖標(biāo)和文案“CVC6.0aptXStereoSound”圖層，復(fù)制圖層，移動(dòng)復(fù)制后的圖層，使其位于之前文案的下方，然后修改文案為“HandsFreeCall”。文案“HandsFreeCall”的效果。任務(wù)一?設(shè)計(jì)制作活動(dòng)海報(bào)二、活動(dòng)海報(bào)的制作方法步驟9需要給海報(bào)添加一個(gè)購(gòu)買圖標(biāo)。選擇“圓角矩形工具”在畫(huà)布上畫(huà)一個(gè)圓角矩形。在“屬性”面板中設(shè)置寬為320像素、高為65像素，四個(gè)圓角半徑均為15像素。任務(wù)一?設(shè)計(jì)制作活動(dòng)海報(bào)二、活動(dòng)海報(bào)的制作方法步驟9圓角矩形的效果。任務(wù)一?設(shè)計(jì)制作活動(dòng)海報(bào)二、活動(dòng)海報(bào)的制作方法步驟9選擇“文字工具”，輸入文案“BUYNOW”。設(shè)置文案的字符屬性。設(shè)置文案的顏色。選擇“移動(dòng)工具”將文案移動(dòng)至圓角矩形上。任務(wù)一?設(shè)計(jì)制作活動(dòng)海報(bào)二、活動(dòng)海報(bào)的制作方法步驟9選擇“自定形狀工具”。選擇“箭頭9”。任務(wù)一?設(shè)計(jì)制作活動(dòng)海報(bào)二、活動(dòng)海報(bào)的制作方法步驟9在畫(huà)布上拖動(dòng)箭頭9至合適大小并移動(dòng)至圓角矩形上。調(diào)整文案“BUYNOW”和自定形狀“箭頭9”的位置。文案“BUYNOW”的效果。任務(wù)一?設(shè)計(jì)制作活動(dòng)海報(bào)二、活動(dòng)海報(bào)的制作方法至此一張活動(dòng)海報(bào)基本上就制作完成了。任務(wù)一?設(shè)計(jì)制作活動(dòng)海報(bào)二、活動(dòng)海報(bào)的制作方法可以繼續(xù)添加一些裝飾素材，使活動(dòng)海報(bào)更有氛圍感。設(shè)計(jì)制作速賣通詳情頁(yè)任務(wù)二任務(wù)二?設(shè)計(jì)制作速賣通詳情頁(yè)一、了解速賣通詳情頁(yè)的要求（一）內(nèi)容設(shè)計(jì)1.首焦海報(bào)任務(wù)二?設(shè)計(jì)制作速賣通詳情頁(yè)一、了解速賣通詳情頁(yè)的要求（一）內(nèi)容設(shè)計(jì)2.賣點(diǎn)介紹任務(wù)二?設(shè)計(jì)制作速賣通詳情頁(yè)一、了解速賣通詳情頁(yè)的要求（一）內(nèi)容設(shè)計(jì)3.基礎(chǔ)信息任務(wù)二?設(shè)計(jì)制作速賣通詳情頁(yè)一、了解速賣通詳情頁(yè)的要求（一）內(nèi)容設(shè)計(jì)4.細(xì)節(jié)特寫(xiě)任務(wù)二?設(shè)計(jì)制作速賣通詳情頁(yè)一、了解速賣通詳情頁(yè)的要求（一）內(nèi)容設(shè)計(jì)5.場(chǎng)景實(shí)拍任務(wù)二?設(shè)計(jì)制作速賣通詳情頁(yè)一、了解速賣通詳情頁(yè)的要求（一）內(nèi)容設(shè)計(jì)6.買家須知7.品牌理念任務(wù)二?設(shè)計(jì)制作速賣通詳情頁(yè)一、了解速賣通詳情頁(yè)的要求（二）制作建議1.多語(yǔ)言化任務(wù)二?設(shè)計(jì)制作速賣通詳情頁(yè)一、了解速賣通詳情頁(yè)的要求（二）制作建議2.重要內(nèi)容前置任務(wù)二?設(shè)計(jì)制作速賣通詳情頁(yè)一、了解速賣通詳情頁(yè)的要求（二）制作建議3.圖文分離任務(wù)二?設(shè)計(jì)制作速賣通詳情頁(yè)二、撰寫(xiě)速賣通詳情頁(yè)的文案（一）詳情頁(yè)文案的內(nèi)容在開(kāi)始準(zhǔn)備詳情頁(yè)文案前，可以先瀏覽其他店鋪的同款競(jìng)品，研究爆款文案，還可以跨平臺(tái)分析同類商品的文案，從爆款競(jìng)品的差評(píng)來(lái)分析總結(jié)，歸納買家的痛點(diǎn)。具體來(lái)說(shuō)，詳情頁(yè)文案的內(nèi)容包括以下幾個(gè)方面：1.基礎(chǔ)信息內(nèi)容2.商品主要賣點(diǎn)任務(wù)二?設(shè)計(jì)制作速賣通詳情頁(yè)二、撰寫(xiě)速賣通詳情頁(yè)的文案（一）詳情頁(yè)文案的內(nèi)容3.服務(wù)與說(shuō)明任務(wù)二?設(shè)計(jì)制作速賣通詳情頁(yè)二、撰寫(xiě)速賣通詳情頁(yè)的文案（二）詳情頁(yè)文案的撰寫(xiě)建議1.文案特征文案應(yīng)該符合市場(chǎng)需求及店鋪或品牌定位。文案應(yīng)該言簡(jiǎn)意賅、通俗易懂，使買家能夠快速了解商品信息。文案應(yīng)該邏輯清晰、表達(dá)準(zhǔn)確，整體具有層次性，能夠突出關(guān)鍵信息。2.圖文一致任務(wù)二?設(shè)計(jì)制作速賣通詳情頁(yè)三、制作速賣通詳情頁(yè)的圖片（一）圖片要求（1）店招（2）詳情頁(yè)任務(wù)二?設(shè)計(jì)制作速賣通詳情頁(yè)三、制作速賣通詳情頁(yè)的圖片（二）制作建議1.場(chǎng)景大圖任務(wù)二?設(shè)計(jì)制作速賣通詳情頁(yè)三、制作速賣通詳情頁(yè)的圖片（二）制作建議2.質(zhì)感白底圖任務(wù)二?設(shè)計(jì)制作速賣通詳情頁(yè)三、制作速賣通詳情頁(yè)的圖片（二）制作建議3.效果精修圖任務(wù)二?設(shè)計(jì)制作速賣通詳情頁(yè)三、制作速賣通詳情頁(yè)的圖片（二）制作建議4.細(xì)節(jié)小圖任務(wù)二?設(shè)計(jì)制作速賣通詳情頁(yè)四、速賣通詳情頁(yè)的制作方法步驟1啟動(dòng)Photoshop，單擊菜單欄中的“文件”，選擇“新建”命令，修改“預(yù)設(shè)詳細(xì)信息”。設(shè)置“名稱”為速賣通產(chǎn)品詳情頁(yè)，“寬度”為950像素，“高度”為5000像素（如果頁(yè)面高度不夠，可以再拓展），“分辨率”為72像素/英寸，其他選項(xiàng)默認(rèn)不變、任務(wù)二?設(shè)計(jì)制作速賣通詳情頁(yè)四、速賣通詳情頁(yè)的制作方法步驟2

單擊菜單欄中的“文件”，選擇“置入”命令。然后選擇相應(yīng)的商品素材，單擊“置入”按鈕。任務(wù)二?設(shè)計(jì)制作速賣通詳情頁(yè)四、速賣通詳情頁(yè)的制作方法步驟2

單擊“置入”按鈕后，跳轉(zhuǎn)到工作界面。按住“Shift+Alt”鍵，用鼠標(biāo)拖動(dòng)圖片的對(duì)角就可以對(duì)商品進(jìn)行圍繞中心的等比例縮放處理，調(diào)整圖片至合適大小。選擇“移動(dòng)工具”，移動(dòng)圖片至合適位置。因?yàn)樵斍轫?yè)的第1屏通常采用上下構(gòu)圖的形式，所以將圖片移動(dòng)至畫(huà)布稍微偏下的位置。任務(wù)二?設(shè)計(jì)制作速賣通詳情頁(yè)四、速賣通詳情頁(yè)的制作方法步驟2

接著再利用相同的操作方式，置入另外一個(gè)商品素材。適當(dāng)調(diào)整圖片大小，使圖片的展示效果更好。使用鼠標(biāo)新建兩條水平方向的參考線，作為后續(xù)調(diào)整圖片大小的參考標(biāo)準(zhǔn)。（按住“Ctrl+R”鍵可以調(diào)出標(biāo)尺，也可以隱藏標(biāo)尺；在菜單欄中的“視圖”下也可以調(diào)出標(biāo)尺。）任務(wù)二?設(shè)計(jì)制作速賣通詳情頁(yè)四、速賣通詳情頁(yè)的制作方法步驟3

將背景素材置入畫(huà)布，然后調(diào)整畫(huà)布的大小，使背景素材能夠撐滿詳情頁(yè)的第1屏。任務(wù)二?設(shè)計(jì)制作速賣通詳情頁(yè)四、速賣通詳情頁(yè)的制作方法步驟4

接下來(lái)新建一個(gè)空白圖層，選擇“畫(huà)筆工具”，“顏色”選擇黑色，用畫(huà)筆在圖層1上單擊一下，得到一個(gè)邊緣虛化的小黑點(diǎn)。任務(wù)二?設(shè)計(jì)制作速賣通詳情頁(yè)四、速賣通詳情頁(yè)的制作方法步驟4

接下來(lái)，為了讓手表更有立體感，在表帶底部添加一個(gè)陰影效果。按住“Ctrl+T”鍵，對(duì)小黑點(diǎn)進(jìn)行變換操作，將小黑點(diǎn)從一個(gè)圓形拉成一個(gè)較細(xì)