第 1章　初識淘寶美工001

　1.1　淘寶美工概述002

　　1.1.1　淘寶美工的定義002

　　1.1.2　淘寶美工的工作內容002

　　1.1.3　淘寶美工的重要性002

　1.2　網(wǎng)店裝修及產(chǎn)品圖片后期美化的意義002

　　1.2.1　吸引顧客關注003

　　1.2.2　樹立網(wǎng)店品牌形象003

　　1.2.3　獲得顧客信任003

　　1.2.4　提升商品銷量003

　1.3　網(wǎng)店裝修尺寸及圖片格式003

　1.4　課后習題004



第 2章　認識Photoshop005

　2.1　Photoshop簡介006

　2.2　功能介紹006

　2.3　界面介紹006

　2.4　基礎操作007

　　2.4.1　新建圖像007

　　2.4.2　打開圖像007

　　2.4.3　保存圖像008

　　2.4.4　關閉圖像008

　　2.4.5　縮放圖像008

　　2.4.6　抓手工具010

　　2.4.7　調整圖像大小011

　　2.4.8　設置繪圖顏色012

　　2.4.9　恢復操作應用014

　2.5　了解圖層015

　　2.5.1　新建圖層015

　　2.5.2　復制圖層016

　　2.5.3　刪除圖層017

　　2.5.4　圖層的顯示017

　　2.5.5　圖層的選擇018

　　2.5.6　圖層的鏈接019

　　2.5.7　圖層的排列019

　　2.5.8　新建圖層組020

　　2.5.9　合并圖層021

　2.6　課后習題021



第3章　淘寶圖片的裁剪與摳取022

　3.1　裁剪圖片023

　　3.1.1　圖片的裁剪023

　　3.1.2　矯正傾斜的照片024

　3.2　摳取圖像025

　　3.2.1　規(guī)則形狀摳圖025

　　3.2.2　單色背景摳圖026

　　3.2.3　復雜背景摳圖028

　　3.2.4　精細背景摳圖030

　　3.2.5　頭發(fā)摳圖032

　　3.2.6　半透明商品的摳圖034

　3.3　課后習題1——摳出沙發(fā)035

　3.4　課后習題2——摳出紗巾036

第4章　淘寶圖片的調色與修飾037

　4.1　調整照片的色彩和色調038

　　4.1.1　調整照片的曝光度038

　　4.1.2　處理偏色的照片040

　　4.1.3　調節(jié)照片的色調042

　4.2　修飾照片細節(jié)與修復瑕疵045

　　4.2.1　去掉商品掛鉤045

　　4.2.2　給模特瘦身與美容047

　　4.2.3　清除商品上的灰塵049

　　4.2.4　去除紅血絲050

　4.3　課后習題1——調整偏色商品051

　4.4　課后習題2——調整曝光不足的商品051



第5章　淘寶商品文字的制作052

　5.1　編排文字的原則053

　5.2　應用文字053

　　5.2.1　文字的輸入與設置053

　　5.2.2　文字的變形處理056

　　5.2.3　文字的藝術化編排059

　5.3　課后習題1——制作狗糧廣告066

　5.4　課后習題2——制作女鞋廣告067



第6章　淘寶圖片的合成與特效068

　6.1　合成圖片069

　　6.1.1　添加裝飾元素069

　　6.1.2　添加水印073

　　6.1.3　添加邊框074

　　6.1.4　添加倒影076

　　6.1.5　合成高清效果078

　　6.1.6　合成服飾搭配081

　6.2　特效應用084

　　6.2.1　制作絢麗的斑耀效果084

　　6.2.2　制作模擬小景深效果087

　　6.2.3　制作縈繞的光線效果089

　　6.2.4　制作火焰效果092

　　6.2.5　制作閃爍點096

　6.3　課后習題1——制作光暈效果099

　6.4　課后習題2——制作寶石廣告100



第7章　網(wǎng)店首頁各模塊的設計101

　7.1　店招與導航條的設計102

　　7.1.1　店招與導航條的設計規(guī)范102

　　7.1.2　店招與導航條的視覺設計102

　　7.1.3　店招和導航條設計案例103

　7.2　首頁海報的設計107

　　7.2.1　首頁海報的設計規(guī)范107

　　7.2.2　首頁海報的視覺設計107

　　7.2.3　首頁海報設計案例109

　7.3　頁中分類引導設計114

　　7.3.1　頁中分類引導設計規(guī)范114

　　7.3.2　頁中分類引導設計案例115

　7.4　商品陳列展示區(qū)的設計116

　　7.4.1　商品陳列展示區(qū)的設計規(guī)范116

　　7.4.2　商品陳列展示區(qū)的布局方式116

　　7.4.3　商品陳列展示區(qū)設計案例117

　7.5　客服區(qū)的設計120

　　7.5.1　客服區(qū)的設計規(guī)范120

　　7.5.2　客服區(qū)的創(chuàng)意表現(xiàn)121

　　7.5.3　客服區(qū)設計案例121

　7.6　收藏區(qū)的設計123

　　7.6.1　收藏區(qū)的設計規(guī)范123

　　7.6.2　收藏區(qū)設計案例124

　7.7　頁尾設計126

　　7.7.1　頁尾設計的設計規(guī)范126

　　7.7.2　頁尾設計的設計案例126

　7.8　課后習題1——制作茶葉店招和

　　　導航條129

　7.9　課后習題2——制作童裝首頁海報130



第8章　網(wǎng)店首頁整體設計131

　8.1　服裝類網(wǎng)店首頁的設計與制作132

　　8.1.1　案例分析132

　　8.1.2　案例制作132

　8.2　化妝品類網(wǎng)店首頁的設計與制作143

　　8.2.1　案例分析143

　　8.2.2　案例制作143

　8.3　課后習題——珠寶首飾類網(wǎng)店首頁的

　　　設計與制作158



第9章　商品詳情頁面各模塊設計159

　9.1　商品櫥窗區(qū)161

　　9.1.1　商品主圖的設計規(guī)范161

　　9.1.2　商品主圖素材的選擇161

　　9.1.3　添加文案提高商品的點擊率161

　　9.1.4　增加圖片質感吸引買家眼球162

　　9.1.5　添加場景提升商品的轉化率162

　　9.1.6　商品主圖設計案例162

　9.2　懸浮導航區(qū)168

　9.3　商品描述區(qū)168

　　9.3.1　廣告海報168

　　9.3.2　商品概述169

　　9.3.3　商品展示169

　　9.3.4　細節(jié)展示171

　9.4　課后習題1——制作商品主圖172

　9.5　課后習題2——制作商品廣告海報172



第 10章　商品詳情頁面整體設計173

　10.1　服裝類網(wǎng)店詳情頁的設計與制作174

　　10.1.1　案例分析174

　　10.1.2　案例制作174

　10.2　化妝品類網(wǎng)店詳情頁的設計與制作185

　　10.2.1　案例分析185

　　10.2.2　案例制作186

　10.3　課后習題——女包類網(wǎng)店詳情頁的

　　　　設計與制作204