淘寶天貓網(wǎng)店美工實(shí)戰(zhàn)--視覺設(shè)計(jì)+店鋪裝修+移動端店鋪（微課版）第5章制作商品推廣圖目錄Contents5.1制作高點(diǎn)擊率主圖5.2制作更具營銷性的直通車推廣圖5.3制作更具有吸引力的鉆展圖5.4課堂實(shí)訓(xùn)5.1.1修復(fù)曝光不足的商品圖片好的主圖能夠提高點(diǎn)擊率，從而達(dá)到引流的目的。制作優(yōu)質(zhì)主圖的關(guān)鍵，一般可以從以下3個(gè)方面著手。賣點(diǎn)清晰有創(chuàng)意指商品具備的別出心裁或與眾不同的特色、特點(diǎn)。商品的大小適中合適大小的商品能增加瀏覽時(shí)的視覺舒適感，提升點(diǎn)擊率。宜簡不宜繁速度較快，因此傳達(dá)的信息越簡單明確越容易被接受。5.1.2常見的主圖類型常見的主圖類型有以下3種。突出賣點(diǎn)型主圖情景渲染型主圖細(xì)節(jié)展示型主圖5.1.3主圖制作的要點(diǎn)主圖制作的5要點(diǎn)分別如下。圖片場景展現(xiàn)效果純色背景中的商品效果5.1.3主圖制作的要點(diǎn)加入促銷信息在主圖中添加商品的附加服務(wù)添加品牌標(biāo)識的主圖5.1.4制作牛油果主圖本例將制作牛油果主圖，該主圖屬于突出賣點(diǎn)型，在其中通過滿減的形式來展現(xiàn)商品的促銷內(nèi)容，背景顏色則選擇純色，使整個(gè)效果不但美觀，且具有促銷性。其具體操作如下。1新建文件2設(shè)置前景色5.1.4制作牛油果主圖6繪制形狀7添加牛油果素材3繪制橢圓4復(fù)制并設(shè)置描邊5設(shè)置漸變效果5.1.4制作牛油果主圖9繪制形狀10繪制其他形狀11輸入文字8添加投影效果5.1.4制作牛油果主圖12輸入文字5.1.4制作牛油果主圖13輸入文字15繪制矩形16繪制正圓14繪制斜線17輸入文字20完成后的效果18繪制直線19輸入文字目錄Contents5.1制作高點(diǎn)擊率主圖5.2制作更具營銷性的直通車推廣圖5.3制作更具有吸引力的鉆展圖5.4課堂實(shí)訓(xùn)5.2.1什么是直通車直通車是阿里媽媽旗下的一個(gè)營銷平臺，是淘寶的一種付費(fèi)推廣方式。商家通過設(shè)置關(guān)鍵詞來推廣商品，淘寶根據(jù)消費(fèi)者搜索的關(guān)鍵詞在直通車展示位展示相關(guān)商品。直通車可以多維度、全方位地提供各類報(bào)表以及信息，商家根據(jù)實(shí)際需要，精準(zhǔn)定位目標(biāo)消費(fèi)群體，降低推廣成本，提高網(wǎng)店的整體曝光度和流量，如圖所示即為搜索結(jié)果頁中直通車的展示位置和展現(xiàn)效果。5.2.2直通車推廣圖的制作原則一般情況下，制作直通車推廣圖應(yīng)遵循以下3個(gè)原則。主題賣點(diǎn)簡潔精確構(gòu)圖合理具有吸引力5.2.3制作檸檬直通車推廣圖下面將制作一個(gè)以“促銷活動”為主題的直通車推廣圖，注重的是對促銷信息的描述，要在圖片中盡量表現(xiàn)促銷活動的吸引力、體現(xiàn)促銷的主題、表明促銷活動的時(shí)間等信息。其具體操作如下。1新建圖片文件2設(shè)置前景色5.2.3制作檸檬直通車推廣圖3繪制矩形6繪制橙色矩形4調(diào)整矩形5設(shè)置不透明度7繪制白色矩形8添加素材5.2.3制作檸檬直通車推廣圖9置入檸檬素材11繪制形狀10選擇形狀12輸入文字5.2.3制作檸檬直通車推廣圖13輸入其他文字14繪制圓角矩形16復(fù)制橢圓15繪制橢圓5.2.3制作檸檬直通車推廣圖17輸入“0點(diǎn)開搶”文字18繪制圓角矩形并輸入文字19繪制斜線20繪制矩形5.2.3制作檸檬直通車推廣圖23輸入文字21使用多邊形套索工具繪制形狀24完成后的效果22填充形狀目錄Contents5.1制作高點(diǎn)擊率主圖5.2制作更具營銷性的直通車推廣圖5.3制作更具有吸引力的鉆展圖5.4課堂實(shí)訓(xùn)5.3.1鉆展圖的位置及尺寸和直通車不同，鉆展的位置眾多且尺寸各異，淘寶網(wǎng)、天貓商城首頁，各大視頻網(wǎng)站，淘寶移動App端以及淘寶網(wǎng)站外平臺等各大優(yōu)勢媒體都有鉆展位置。下面對鉆展圖常見的位置及尺寸進(jìn)行介紹。淘寶首頁焦點(diǎn)圖：淘寶首頁焦點(diǎn)鉆展圖位于淘寶首頁的上方，是進(jìn)入淘寶后的視覺中心。標(biāo)準(zhǔn)尺寸為520×280像素。5.3.1鉆展圖的位置及尺寸淘寶首頁焦點(diǎn)圖右側(cè)banner2：該板塊位于首頁焦點(diǎn)圖下方右側(cè)的“今日熱賣”區(qū)域。其標(biāo)準(zhǔn)尺寸為160×200像素。淘寶首頁2屏右側(cè)大圖：位于淘寶首頁“時(shí)尚爆料王”欄的右側(cè)大圖，是商品促銷和網(wǎng)店廣告的首選。其標(biāo)準(zhǔn)尺寸為300×250像素。淘寶首頁3屏通欄大anner：淘寶首頁3屏通欄大banner位于“熱賣單品”欄的下方。其標(biāo)準(zhǔn)尺寸為375×130像素。5.3.2鉆展圖的制作標(biāo)準(zhǔn)鉆展圖的位置和尺寸雖然豐富，但制作的標(biāo)準(zhǔn)是一致的，下面對其進(jìn)行詳細(xì)介紹。主體突出：突出主體才能夠吸引更多消費(fèi)者注意。目標(biāo)明確：明確自己的營銷目標(biāo)，針對目標(biāo)進(jìn)行素材的選擇和設(shè)計(jì)。形式美觀：選擇素材，規(guī)劃創(chuàng)意后，適當(dāng)美化鉆展圖尤為重要。5.3.3鉆展圖的排版方式鉆展圖的常用布局方式主要有以下8種。兩欄式上下式垂直構(gòu)圖漸次式構(gòu)圖放射性構(gòu)圖斜切式正反三角形構(gòu)圖三欄式5.3.4制作水果鉆展圖本節(jié)將以兩種不同的水果為例，制作常見尺寸的鉆展圖，包括520×280像素和160×200像素兩種尺寸。其具體操作如下。1.制作520×280像素鉆展圖1新建文件2填充前景色5.3.4制作水果鉆展圖1.制作520×280像素鉆展圖3繪制左側(cè)形狀4繪制地面形狀5設(shè)置漸變顏色6調(diào)整漸變5.3.4制作水果鉆展圖1.制作520×280像素鉆展圖8添加漸變顏色9繪制形狀7創(chuàng)建剪貼蒙版5.3.4制作水果鉆展圖1.制作520×280像素鉆展圖10繪制橢圓11添加紅色波點(diǎn)效果13查看添加的投影效果12設(shè)置投影參數(shù)5.3.4制作水果鉆展圖1.制作520×280像素鉆展圖14繪制橢圓15設(shè)置漸變疊加參數(shù)17設(shè)置色階值16復(fù)制圓并調(diào)整大小5.3.4制作水果鉆展圖1.制作520×280像素鉆展圖19置入蘋果素材20為蘋果添加投影效果18查看完成后的效果5.3.4制作水果鉆展圖1.制作520×280像素鉆展圖22繪制形狀23設(shè)置內(nèi)陰影參數(shù)21添加圓形組24設(shè)置投影參數(shù)5.3.4制作水果鉆展圖1.制作520×280像素鉆展圖26設(shè)置變形文字參數(shù)27將文字傾斜展現(xiàn)25設(shè)置內(nèi)陰影參數(shù)28復(fù)制文字并修改文字顏色5.3.4制作水果鉆展圖1.制作520×280像素鉆展圖30查看投影后的效果31繪制斜線29設(shè)置投影參數(shù)32繪制圓角矩形5.3.4制作水果鉆展圖1.制作520×280像素鉆展圖33設(shè)置投影參數(shù)34查看投影后的效果5.3.4制作水果鉆展圖160×200像素鉆展圖版面較小，在制作時(shí)，應(yīng)以體現(xiàn)商品為主，文字描述為輔。其具體操作如下。2.制作160×200像素鉆展圖1新建圖片文件2繪制形狀3繪制其他形狀5.3.4制作水果鉆展圖2.制作160×200像素鉆展圖4繪制紅色形狀7創(chuàng)建剪貼蒙版5繪制矩形6合并形狀8添加西瓜素材9選擇形狀5.3.4制作水果鉆展圖2.制作160×200像素鉆展圖13設(shè)置投影參數(shù)14繪制形狀并添加文字10繪制水滴11輸入文字12設(shè)置漸變疊加參數(shù)5.3.4制作水果鉆展圖2.制作160×200像素鉆展圖14繪制正圓并輸入文字17繪制綠色圓15繪制形狀16刪除多余形狀18繪制其他圓19完成后的效果目錄Contents5.1制作高點(diǎn)擊率主圖5.2制作更具營銷性的直通車推廣圖5.3制作更具有吸引力的鉆展圖5.4課堂實(shí)訓(xùn)實(shí)訓(xùn)1：制作兒童水杯主圖本例將制作兒童水杯主圖，在制作時(shí)以兒童春季出游為主題，采用兒童畫的形式，將春天的場景展現(xiàn)出來，再加上兒童水杯商品和促銷性的文字，讓主圖更加吸引消費(fèi)者。實(shí)訓(xùn)目標(biāo)兒童水杯主圖的效果實(shí)訓(xùn)1：制作兒童水杯主圖實(shí)訓(xùn)思路根據(jù)實(shí)訓(xùn)目標(biāo)，需要先制作主圖背景，在添加兒童水杯素材和說明性文字。（1）打開“兒童水杯背景.jpg”素材文件。（2）選擇“橫排文字工具”，在圖片中輸入文字，在工具屬性欄中設(shè)置“字體”分別為“華康海報(bào)體W12”，根據(jù)不同的文字內(nèi)容對文字顏色進(jìn)行調(diào)整，完成后分別添加圖層樣式，使文字更加立體、美觀。（3）選擇“鋼筆工具”，在文字的右側(cè)繪制形狀，并設(shè)置“填充”為#2e936e”，完成后在形狀的上方輸入“最低5.8折優(yōu)惠”文字，調(diào)整字體大小和顏色。（4）打開“兒童水杯.psd”素材文件。實(shí)訓(xùn)1：制作兒童水杯主圖實(shí)訓(xùn)思路（5）選擇“鋼筆工具”，在水杯的下方繪制形狀，并設(shè)置“填充”為“#2e936e”，完成后在形狀的上方輸入“領(lǐng)券立減20元”文字，調(diào)整字體大小和顏色。（6）再次選擇“橢圓工具”，在形狀的右側(cè)繪制正圓，并設(shè)置填充和描邊，完成后在形狀的上方輸入“到手價(jià)￥129”文字，調(diào)整字體大小和顏色，再在上方繪制矩形，并輸入文字。（7）完成后按【Ctrl+S】組合鍵保存文件實(shí)訓(xùn)2：制作奶瓶直通車推廣圖本例將制作奶瓶直通車圖，在制作時(shí)先制作直通車推廣圖的背景，這里整個(gè)背景采用藍(lán)色和白色為主色，整個(gè)色調(diào)以暖色為主，再添加同色調(diào)的商品圖片和與商品圖片色調(diào)對應(yīng)的文字，不但畫面統(tǒng)一，而且美觀具有吸引力。實(shí)訓(xùn)目標(biāo)2完成后的參考效果實(shí)訓(xùn)2：制作奶瓶直通車推廣圖實(shí)訓(xùn)思路根據(jù)實(shí)訓(xùn)目標(biāo)，需要先制作背景，在添加商品圖片，最后進(jìn)行文字的添加與編輯。（1）選擇【文件】/【新建】命令，打開“新建文檔”對話框，設(shè)置“名稱、寬度、高度、分辨率”分別為“奶瓶直通車圖、800、800、72”，單擊“確定”按鈕。（2）打開“奶瓶背景.jpg”素材文件，將其中的背景拖動到新建的圖片中，調(diào)整大小和位置。（3）打開“奶瓶素材.psd”素材文件，將其中的牛奶和奶瓶拖動到新建的圖片中，調(diào)整大小和位置。（4）選擇“橫排文字工具”，在圖片中輸入文字，在工具屬性欄中設(shè)置“字體”分別為“