淘寶天貓美工 第10章 淘寶促銷常用推廣圖設(shè)計

第10章淘寶促銷常用推廣圖設(shè)計一張優(yōu)秀的推廣圖是非常重要的，在圖片量相同的情況下，若點擊率提升，即便轉(zhuǎn)化率不變，也可以提高商品的銷售量。因此，推廣圖是顧客進入店鋪之前的第一道關(guān)口，其主要目的在于吸引顧客，引導(dǎo)顧客進入店鋪。目前淘寶的推本章將具體介紹如何設(shè)計出能吸引顧客興趣的推廣圖，通過10.1制作賣點突出的直通車推廣圖直通車推廣是淘寶常見的推廣方式，是為淘寶量身定制的，按點擊付費的一種營銷工具，實現(xiàn)寶貝的精準推廣。淘寶直通車推廣的模式是通過某一個廣告的轉(zhuǎn)流量，這種以點帶面的關(guān)聯(lián)效應(yīng)降低了整體推廣的成2.直通車圖片尺寸的要求和特點直通車圖片的形狀為正方形，尺寸大小建議為800×800像素，但也沒有強制要求；另外一種店鋪推廣圖尺寸為210×315像素，主要用于全店及分類推廣。直通車主圖可以直接使用寶貝的主圖。直通車主圖可以根據(jù)需要經(jīng)常更換，因此，可以設(shè)計多張不同風(fēng)格的商品圖，先小范圍投放測試點擊率，在直通車報表中篩選出表現(xiàn)最好的圖片來優(yōu)化直通車推廣圖。下面介紹制作直通車圖片需要注意的幾個方面。文字不要太多，突出重點就好，最好是點睛的一句話。主題明確，陪襯物品不能掩蓋寶貝主題，讓商品主體在整>直通車圖不能放產(chǎn)品細節(jié)圖片，且不要添加夸張的水印。>做直通車前可以按關(guān)鍵詞先搜索一下，看別人的直通車圖上傳的直通車圖片內(nèi)存要小于500kb。案例名稱制作賣點突出的直通車推廣圖素材文件光盤/素材/10/玩具.jpg效果文件光盤/效果/10/直通車.psd視頻文件掃右側(cè)二維碼直通車是作為推廣存在的，因此，商品的賣點特性是必不可少的，在添加這些文字信息時，還要注意圖片的整體效果。下面制作一個商品的直通車圖片，最終效果如圖10-2早教益智不倒翁(帶夜燈)響鈴啟蒙制作玩具直通車圖的具體操作步驟如下。●STEP1使用Photoshop打開素材文件“玩具.jpg”,使用鋼筆工具摳出玩具圖像，并生成新圖層，如圖10-3所示。●STEP2框選玩具上反光的區(qū)域，按【Shift+F5】組合鍵使用內(nèi)容識別功能填充框選的選區(qū)，也可以使用仿制圖章工具對反光的位置進行修補，如圖10-4所示。●STEP3創(chuàng)建"自然飽和度"調(diào)整圖層，調(diào)整圖像的飽和度，然后合并可見圖層，如圖10-5所示，最后將其保存●STEP4新建一個尺寸為800×800像素、分辨率為72像素/英寸的的空白文件?！馭TEP5選擇工具箱中的漸變工具□,單擊工具屬性欄中的"點按可編輯漸變"下拉列表框，打開"漸變編輯器"對話框，將漸變顏色設(shè)置為白色到水藍，如圖10-6所示。靛按鈕，再單擊工具屬性欄中的“徑向漸變"按鈕回，在畫布中間單擊并向外拖動填充漸變色背景，如圖10-7所示。圖10-7圖10-7●STEP7將摳出的玩具圖像拖動到背景圖像文件中，縮放大小到合適位置，如圖10-8所示?！馭TEP8按【Ctrl+J】組合鍵復(fù)制兩個玩具圖層，并放置在原玩具圖層下方，分別調(diào)整復(fù)制的玩具位置和角度，使其效果如圖10-9所示?！馭TEP9選擇任一復(fù)制的玩具圖層，然后選擇“濾鏡/模糊/動感模糊"命令，在打開的對話框中設(shè)置動感模糊的距離，如圖10-10所示。單擊淀按鈕，將感圖層的不透明度設(shè)置為30%,如圖10-11所示。?預(yù)覽(P)圖10-11●STEP11若是動感模糊的效果不明顯，可按【Ctrl+Alt+F】組合鍵多應(yīng)用幾次模糊，如圖10-12所示。●STEP12使用相同的方法對另外一側(cè)的玩具圖像制作模糊和透明度，效果如圖10-13所示?！馭TEP13在背景圖層上方新建圖層，使用橢圓選框工具繪制一個橢圓，將羽化值設(shè)置得稍微大一些，然后使用黑色填充選區(qū)制作陰影，如圖10-14所示?！馭TEP14取消選區(qū)，按【Ctrl+T】組合鍵調(diào)整陰影的大小和位置，然后調(diào)整該圖層的不透明到合適值，如圖10-15所示。圖10-14圖10-15●STEP15使用矩形工具繪制一個紅色的矩形，再使用鋼筆工具在中間添加錨點，然后按【Ctrl】鍵切換到直接選擇工具調(diào)整錨點，如圖10-16所示?！馭TEP16復(fù)制形狀圖層，將其放置在紅色圖形下方，調(diào)整填充顏色為黃色，并使用直接選擇工具調(diào)整錨點，如圖●STEP17輸入文字，設(shè)置字體和顏色，如圖10-18所示?！馭TEP18在右側(cè)繪制兩個圓形形狀，下面的圓形為白色，上面圓形為紅色，調(diào)整大小后的效果如圖10-19所示。圖10-19●STEP19在圓形上輸入文字，設(shè)置字體和顏色，如圖10-20所示?！馭TEP20使用直線工具在文字之間繪制直線，并在工具屬性欄中設(shè)置直線為虛線，顏色為白色，最終效果如圖10-21所1像素早教益智不倒翁(帶夜燈)早教益智不倒翁(帶夜燈)圖10-20圖10-2110.2制作具有創(chuàng)意的鉆石展位圖端App,以及淘寶站外等(如新浪微博、騰訊、優(yōu)酷等),不在"營銷中心"欄中選擇“我要推廣"選項，在打開的頁面中1.投放位置淘寶鉆石展位是淘寶的一種付費推廣方式，按展現(xiàn)收費，即每千次展現(xiàn)扣除一定的費用，這種推廣方式通常用于品牌宣傳和產(chǎn)品營銷。如圖10-23所示，作圖中左上角的大圖和右下角的小圖分別為淘寶首頁上的焦點圖鉆展和banne鉆展，右圖手機端淘寶首頁最上方的橫圖也為鉆展圖。天貓聚劃算天貓超市|海搶購電器城司法拍賣中國質(zhì)造興農(nóng)扶貧1飛豬族行潮男性潮流大爬梯淘寶頭條全場狂歡RNSRNS路意課2.淘寶首頁鉆展圖要求淘寶鉆展位推廣，吸引買家的是圖片，因此，鉆展推廣時對圖片的要求是很高的，下面對淘寶中鉆展位的圖片要求由于淘寶網(wǎng)首頁不允許出現(xiàn)FLASH廣告，所以只能使用所有廣告投放的素材必須要清晰，不然不但影響視覺效果，廣告素材要求無邊框，由于動態(tài)效果的圖片會影響頁面打圖片嚴禁出現(xiàn)鼠標的手型、箭頭等形狀。>圖片嚴禁出現(xiàn)假分頁、翻頁，嚴禁出現(xiàn)視頻模式。不能出現(xiàn)雜志、媒體、明星推薦、OS認證等字樣。創(chuàng)意中不能出現(xiàn)月銷千件、全網(wǎng)最低、淘寶店鋪銷量第一、銷售冠軍、熱薦、頂級等類似以淘寶名義進行宣傳或虛假>淘寶網(wǎng)PC端首頁焦點圖尺寸為520像素×280像素；手機淘寶首頁焦點圖尺寸為640像素×200像素；淘寶首頁焦點右側(cè)小圖尺寸為160像素×200像素。案例名稱制作具有創(chuàng)意的鉆石展位圖素材文件光盤/素材/10/玩具.jpg效果文件光盤/效果/10/鉆展圖.psd視頻文件掃右側(cè)二維碼鉆展位的圖片創(chuàng)意決定了點擊率，通常鉆展位的點擊率在8%以上的則算是不錯的創(chuàng)意。一個好的創(chuàng)意除了圖片素材外，還應(yīng)該有好的文案和好的設(shè)計。制作的鉆石展位圖的最終效果如圖10-24所示。下面來制作淘寶首頁鉆石展位圖，其具體操作步驟如下?！馭TEP1新建一個尺寸為520×280像素、分辨率為72像素/英寸的的空白文件，將背景圖層填充為橙黃色，如圖10-25所示?！馭TEP2新建一個尺寸為5×5像素的空白文件，使用橢圓工具在中心繪制白色的圓形，然后刪除背景圖層，選擇"編輯/定義圖案"命令，在打開的對話框中將其定義為圖案，如圖10-26所示。圖10-25●STEP3單擊癥按鈕后回到之前的圖像文件中，新建圖用剛剛定義的圖案填充圖層，如圖10-27所示?；旌险５牟煌该鞫雀臑?0%,如圖10-28●STEP5新建圖層2,使用鋼筆工具繪制任意路徑形狀，按【Ctrl+Enter】組合鍵后將其填充為白色，同樣將圖層的不透明度設(shè)置為30%,如圖10-29所示。●STEP6使用橢圓工具繪制一個淡黃色的圓形，復(fù)制兩個橢圓形狀圖層，按【Ctrl+T】組合鍵進入變換狀態(tài)，然后按【Shift+Alt】組合鍵分別對復(fù)制的形狀進行縮放，更改圓形形狀的顏色并調(diào)整形狀在圖像中的位置，如圖10-30所●STEP7將繪制的圓形與背景圖層進行居中對齊，按【Ctrl+R】組合鍵顯示標尺，并拉出參考線，使用橢圓工具O.在最外面的圓環(huán)上繪制圓形，移動到垂直參考線上后按【Ctrl+T】組合鍵進入變換狀態(tài)，按住【Alt】鍵的同時將中心點移到大圓形的中心位置，如圖10-31所示?！馭TEP8將鼠標移動到變換框的右上角上，當其指針變?yōu)樾谓M合鍵旋轉(zhuǎn)圓形到30°,如圖10-32組合鍵復(fù)制圓形，得到如圖10-33所示的效果?！馭TEP10使用相同的方法在內(nèi)部圓環(huán)上繪制圓形(旋轉(zhuǎn)角度為60°),如圖10-34所示?！馭TEP11選擇所有的圓形形狀圖層，按【Ctrl+G】組合鍵建立一個圖層組?！馭TEP12新建圖層，并隱藏參考線，使用鋼筆工具繪制路徑，完成后將路徑載入選區(qū)，填充為淡藍色，設(shè)置1像素的黑色描邊，如圖10-35所示。●STEP13新建圖層，繼續(xù)使用鋼筆工具沿前面的形狀邊緣繪制稍微錯開的路徑，完成后將路徑載入選區(qū)，填充為比剛剛的藍色更深一些的顏色，如圖10-36所示。●STEP14新建圖層，使用相同的方法繼續(xù)繪制稍微錯開的路徑，并填充為不同的顏色，制作層次分明的波浪圖形，如圖10-37所示?！馭TEP15將素材文件“模特.png”拖動到圖像文件中，調(diào)整人物的大小和位置，如圖10-38所示。并填充為不同的顏色和描邊，最后將相關(guān)圖像整體下移一些，如圖10-39所示?！馭TEP17選擇工具箱中的多邊形工具□,在工具屬性欄描邊，如圖10-40所示。路徑"命令，如圖10-41所示。單擊定按鈕后的描邊效果如圖10-43所示。●STEP21新建圖層，使用相同的方法繼續(xù)繪制路徑，并對其進行描邊，如圖10-44所示?！馭TEP22選擇星型形狀圖層，復(fù)制該圖層，按【Shift+Alt】組合鍵縮放形狀，在工具屬性欄中更改填充顏色為白色，無描邊，效果如圖10-45所示?！馭TEP23選擇星型圖形相關(guān)的所有圖層，按【Ctrl+G】組合鍵建立圖層組，復(fù)制圖層組，更改組中星型的顏色和角度，如圖10-46所示。●STEP24使用橢圓工具繪制多個圓形，分別設(shè)置不同的顏色和描邊，可以將部分圓形放置在波浪圖像的圖層下方，增加層次感，如圖10-47所示。●STEP25選擇工具箱中的圓角矩形工具，在工具屬性欄中設(shè)置半徑為20像素，填充顏色為黃色，描邊顏色為黑色，在圖像中繪制圓角矩形，如圖10-48所示?！馭TEP26在圓角矩形上輸入文字，設(shè)置字體和顏色，完成后在圓角矩形四個角上繪制黑色的圓形，如圖10-49所示?！馭TEP27使用橢圓工具繪制圓形，設(shè)置描邊為1像素的黑色，無填充顏色，使用多邊形工具繪制三角形，設(shè)置填充顏色為黑色，無描邊，如圖10-50所示。●STEP28在模特圖層下方輸入文字，設(shè)置字體后將文字圖層轉(zhuǎn)換為形狀圖層，如圖10-51所示。方新建圖層，按【Ctrl】鍵不放單擊文字形狀圖層，將文字載入選區(qū)，選擇“選擇/修改/擴展/”命令，將選區(qū)向外擴展3像素，并填充為黑色，如圖10-52所示。●STEP30使用直線工具繪制一條黑色的斜線，按【Ctrl+如圖10-53所示。組合鍵復(fù)制多條斜線，使用路徑選擇工具款選形狀路徑，將其移動到紅色文字形狀圖層上，并調(diào)整角度，如圖10-54所示?！馭TEP32選擇斜線圖層，將其移到紅色文字形狀圖層上方，組合鍵創(chuàng)建剪貼蒙版，如圖10-55所示。使用同樣的方法將其載入選區(qū)并擴展1像素，設(shè)置黑色填充，然后將這兩個圖層往左側(cè)移動一定的距離，如圖10-56圖10-57所示?！馭TEP35使用鋼筆工具在文字上繪制高光區(qū)域，新建圖層并將其填充為白色，如圖10-58所示。●STEP36將制作的文字圖層建立為一個圖層組，然后使用相同的方法在所有圖層最上方制作同樣的文字效果，如圖●STEP37同樣將文字圖層建組，調(diào)整圖像中的素材元素并保存所有操作,最終效果如圖10-60所示。必買新品◎圖10-6010.3制作主體突出的聚劃算圖發(fā)起和組織的一種線上團購活動形式。店鋪報名聚劃算活動時是有一定的條件約束的，不僅如此，官方對活動圖片也有進入淘寶網(wǎng)首頁，單擊“聚劃算”超鏈接，在打開的頁面中單擊右上角的“商戶中心”超鏈接，進入聚劃算的商家如圖10-61所示。寶貝主題市場我的聚劃算購物車主題市場天貓聚叫算天貓超市●營銷活動福利來啦·專屬你的規(guī)則助手點此查看>我要報名為了讓商品能更好的展示給消費者，同時降低各位商家的制圖成本，淘寶官方擬定了聚劃算活動關(guān)于標題及圖片的規(guī)則。在后臺可以下載相關(guān)的圖片模板，然后根據(jù)模板制作>商品圖片(包括pc主圖/附圖、無線主圖)應(yīng)該與標簽、產(chǎn)品特點及營銷利益點分離，也就是說商家上傳的產(chǎn)品圖片中不得出現(xiàn)任何形式的自制標簽以及產(chǎn)品特點、營銷利益點等文字信息，如商家有填寫需要，必須在聚劃算商品>量販團單品坑位主圖尺寸為1280×1280像素。>商品圖的設(shè)計區(qū)域為900×1100像素(綠色區(qū)域),不得過小，也不得超出(陰影除外),如圖10-62所示。左對齊頂對齊所有圖片必須是白底。規(guī)格少于5件，可以全部展示，超出5件只能展示5件。>除logo可放左上方的固定位置(見模板)外，不得在主圖所有商品整齊排放在同一水平面上，所有商品要做投影(提升品質(zhì)感),投影采用鏡像透明化處理。如圖10-63所示為案例名稱制作主體突出的聚劃算圖素材文件光盤/素材/10/量販團-單品坑位主圖模板.psd、商品圖jpg效果文件光盤/效果/10/聚劃算主圖.png視頻文件掃右側(cè)二維碼的底圖，最大限度的突出商品主體，且不添加任何營銷賣點文字即可。最終效果如圖10-65所示。下面根據(jù)模板來制作聚劃算的主圖，其具體操作步驟如下。●STEP1打開“量販團-單品坑位主圖模板.psd”素材文件，如圖10-66所示?！馭TEP2打開“商品圖.jpg”素材文件，因為圖片本身就帶有陰影，且底紋為白色，因此，只需將其縮放至合適大小，使商品主體顯示在綠色陰影中即可，如圖10-67所上角，若沒有便直接隱藏多余的圖層，將圖片存儲為png格式即可，如圖10-68所示。10.4制作雙十一活動海報圖雙十一購物狂歡節(jié)是指每年11月11日的網(wǎng)絡(luò)促銷日，雙十一已成為中國電子商務(wù)行業(yè)的年度盛事，并且逐漸影響到國際電子商務(wù)行業(yè)。對于淘寶商家來說，雙十一的促銷活動時非常值得重視的報，商家可以在自己制作的雙十一活動廣告中加入官方元素進行營銷宣傳。若淘寶商家想要報名參加官方規(guī)劃的雙十一折扣活動，可進入賣家中心，在“營銷中心”欄中單擊“活動報名”超鏈接，在打開的頁面中查看具體的活動及規(guī)則，如圖10-69店鋪裝修圖片空間活動列表我的報名全部活動可參加的話動更多輔彩活動盡在淘營銷活動名稱：2017淘寶雙12母嬰玩具外國招商20天后獻止0個未報名查看原因發(fā)布寶貝出售中的寶貝2017淘寶雙12母嬰用品外圍招商20天后獻止0查香原因2017淘寶雙12母嬰孕產(chǎn)外國招商20天后獻止0查看原因手機淘寶店鋪2017河寶雙12母嬰奶粉外國招商20天后獻止0個11月鞋柜第2期-僅KA賣家長期有效0個未報名查香原因案例名稱制作雙十一活動圖素材文件光盤/素材/10/背景.png、背景1.png、雙十一logo.psd效果文件光盤/效果/10/雙十一活動圖.psd視頻文件掃右側(cè)二維碼在制作活動圖之前，可以多瀏覽設(shè)計網(wǎng)站，也可以查看其他年度的雙十一活動設(shè)計圖，確認自己的設(shè)計主題后再去下載相關(guān)的素材。制作的雙十一活動海報圖的最終效果如圖定金膨脹滿顏禮禮包多多下面為護膚品店鋪制作雙十一的活動海報，其具體操作●STEP1新建一個尺寸為1920×700像素、分辨率為72像素/英寸的的空白文件。●STEP2將素材文件“背景.png”和“背景1.png”拖動到圖像文件中，調(diào)整圖像大小和位置，如圖10-71所示?！馭TEP3將"背景"圖層的混合模式設(shè)置為濾色，為其添加圖層蒙版，然后放大圖像到滿屏，使用畫筆工具擦除多余的圖像(可在工具屬性欄中設(shè)置畫筆的筆尖大小、不透明度和流量),如圖10-72所示。圖10-72●STEP4新建圖層，設(shè)置前景色為深藍色，然后使用畫筆工具在圖像四周進行涂抹，將該圖層混合模式設(shè)置為正片疊底，為其添加圖層蒙版，使用黑色的畫筆在不需要顏色的位置進行涂抹，如圖10-73所示。●STEP5使用橢圓工具繪制一個圓形，雙擊該形狀圖層，為其添加漸變疊加、外發(fā)光、內(nèi)發(fā)光及描邊等多種圖層樣式，如圖10-74所示。小(5)范國(R:排0范(設(shè)責(zé)為默認值應(yīng)為要認值確定按鈕后的效果如圖10-75所示。●STEP7在該形狀圖層下方同樣繪制圓形，并設(shè)置其圖層樣式，如圖10-76所示。新變疊加設(shè)需為認值復(fù)位為認值白色，然后為其添加圖層樣式，如圖10-78所示。結(jié)構(gòu)治模式：等高線：布，并拉出參考線，如圖10-79所示。復(fù)制變換狀態(tài)，然后按【ALt】部分將變換中心點移到參考線的中心上，按【SHift】鍵的同時旋轉(zhuǎn)圖像，如圖10-80建立圖層組，隱藏參考線?！馭TEP14打開“雙十一logo.psd”素材文件，將制3個圖層，隱藏復(fù)制的圖層，如圖10-82所示。矢量智能對象拷貝3矢量智能對象拷貝2●STEP15選擇最下方的文字圖層，雙擊該圖層為其添加圖層樣式，如圖10-83所示。透明度設(shè)置為0%,如圖10-84所示。中選擇“柵格化圖層樣式"命令，然后再選擇“濾鏡/模糊/動感模糊”命令，打開“動感模糊”對話框，設(shè)按鈕后的效果如圖10-86所示。●STEP19顯示復(fù)制的第1個文字圖層并雙擊，為其添加描邊和內(nèi)發(fā)光的圖層樣式，如圖10-87所示。印顏設(shè)蓋為認值復(fù)位大認值●STEP20單擊確定按鈕，然后設(shè)置該圖層內(nèi)部填充不透明度為0%,按【一】鍵將該圖層往左側(cè)移動，如圖10-88所示?！馭TEP21顯示復(fù)制的第2個文字圖層，設(shè)置圖層內(nèi)部填充不透明度為0%,雙擊圖層，為其添加描邊和外發(fā)光的圖層樣式，如圖10-89所示。結(jié)構(gòu)品質(zhì)加側(cè)移動，如圖10-90所示。●STEP23顯示最上面的文字圖層并雙擊，設(shè)置該圖層內(nèi)部填充不透明度為0%,為其添加描邊和內(nèi)發(fā)光的圖層樣式，如圖10-91所示。