《跨境電商視覺設(shè)計》高職 全套教學(xué)課件_第1頁
《跨境電商視覺設(shè)計》高職 全套教學(xué)課件_第2頁
《跨境電商視覺設(shè)計》高職 全套教學(xué)課件_第3頁
《跨境電商視覺設(shè)計》高職 全套教學(xué)課件_第4頁
《跨境電商視覺設(shè)計》高職 全套教學(xué)課件_第5頁
已閱讀5頁,還剩574頁未讀 繼續(xù)免費閱讀

下載本文檔

版權(quán)說明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請進(jìn)行舉報或認(rèn)領(lǐng)

文檔簡介

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

接著再利用相同的操作方式,置入另外一個商品素材。適當(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è)計制作速賣通詳情頁四、速賣通詳情頁的制作方法步驟3

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

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

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

溫馨提示

  • 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁內(nèi)容里面會有圖紙預(yù)覽,若沒有圖紙預(yù)覽就沒有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網(wǎng)僅提供信息存儲空間,僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理,對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對任何下載內(nèi)容負(fù)責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容,請與我們聯(lián)系,我們立即糾正。
  • 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時也不承擔(dān)用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論