淘寶美工從入門到精通：配色設(shè)計(jì)、圖片后期、店鋪裝修、廣告海報(bào)一本就夠

第1章 認(rèn)識(shí)網(wǎng)店裝修和網(wǎng)店美工
1．1　店鋪為什么要裝修
1．2　網(wǎng)店美工必備基本技能
1．3　定位網(wǎng)店的裝修風(fēng)格
1．3．1　網(wǎng)店風(fēng)格設(shè)計(jì)　4
1．3．2　網(wǎng)店色彩設(shè)計(jì)與搭配　9
1．4　店鋪裝修需要注意的問題
1．5　秘技一點(diǎn)通
技巧1 參考優(yōu)秀的店鋪設(shè)計(jì)　14
技巧2 3步定位自己的店鋪風(fēng)格　15
技巧3 為不同的文本類型選擇合適的字體　15
第2章 圖片素材的規(guī)劃與收集
2．1　規(guī)劃淘寶商品圖片
2．1．1　商品主圖的布局　17
2．1．2　商品細(xì)節(jié)特寫圖片的規(guī)劃　17
2．1．3　商品描述頁圖片的設(shè)計(jì)與拍攝　18
2．2　收集店鋪裝修素材
2．2．1　店鋪圖片素材的獲取方法　24
2．2．2　通過百度收集圖片素材　24
2．2．3　收集及安裝字體素材　27
2．3　了解圖片格式
2．4　秘技一點(diǎn)通
技巧1 多顏色商品的拍攝策劃　29
技巧2 商品對比圖的制作技巧　30
技巧3 找到適合自己裝修風(fēng)格的素材圖片　30
技巧4 購買素材圖庫省心省力　30
第3章 配色基礎(chǔ)與網(wǎng)店色調(diào)
3．1　了解店鋪裝修必備的色彩知識(shí)
3．1．1　無彩色系　32
3．1．2　有彩色系 32
3．1．3　構(gòu)成色彩的三要素 32
3．2 店鋪色彩搭配技巧
3．2．1　巧用單色調(diào)營造簡潔感　34
3．2．2　巧用冷、暖色色彩提升品質(zhì)感　34
3．2．3　巧用鄰近色營造統(tǒng)一感　35
3．2．4　巧用互補(bǔ)色突出主次感　35
3．3　挑選適合店鋪的色系
3．3．1　紅色系—慶典宣傳活動(dòng)的首選　36
3．3．2　橙色系—食品、家居用品和兒童用品的主打色系　37
3．3．3　黃色—家用電器、兒童玩具的主打色系　38
3．3．4　紫色—首飾、化妝品和成人用品的主打色系　39
3．3．5　綠色—保健品、土特產(chǎn)的主打色系　40
3．3．6　藍(lán)色—清潔用品、海產(chǎn)品的主打色系　41
3．3．7　無色彩系—服裝、奢侈品的主打色系　42
3．4　秘技一點(diǎn)通
技巧1 萬能的調(diào)和色　44
技巧2 妙用攝影作品的色彩　45
技巧3 配色的黃金比例　45
第4章 使用Photoshop軟件美化圖片
4．1　熟悉Photoshop圖像處理軟件
4．1．1　認(rèn)識(shí)Photoshop的界面　47
4．1．2?Photoshop常用工具　48
4．1．3　Photoshop圖層的基本操作　51
4．1．4　設(shè)置圖層樣式　53
4．2　淘寶圖片處理的基本操作
4．2．1　裁剪出淘寶圖片中指定的部分　53
4．2．2　固定尺寸裁剪淘寶圖片　54
4．2．3　調(diào)整圖片的大小　55
4．2．4　調(diào)整淘寶圖片角度　55
4．3　調(diào)整淘寶圖片的亮度與色彩
4．3．1　調(diào)整圖片亮度—“色階”命令　56
4．3．2　調(diào)整圖片亮度—“曲線”命令　57
4．3．3　調(diào)整圖片的對比度—“亮度/對比度”命令　58
4．3．4　調(diào)整偏色的圖片—“色彩平衡”命令　58
4．3．5　調(diào)整圖片的明暗信息—“陰影/高光”命令　59
4．3．6　讓圖片更出色—“色相與飽和度”命令　60
4．3．7　讓圖片更加清晰—“銳化”命令　61
4．4　淘寶圖片的簡單摳圖處理
4．4．1　使用魔棒工具摳圖　62
4．4．2　使用快速選擇工具摳圖　63
4．4．3　使用套索工具摳圖　64
4．4．4　使用鋼筆工具摳圖　65
4．5　人像圖片的美化處理
4．5．1　使用“仿制圖章工具”去除斑點(diǎn)　67
4．5．2　使用修補(bǔ)工具修補(bǔ)膚色　68
4．5．3　巧用濾鏡讓皮膚變光滑　69
4．5．4　巧用蒙版調(diào)整皮膚狀態(tài)　70
4．5．5　使用“曲線”命令讓皮膚變白　71
4．5．6　巧用濾鏡對人物瘦身　72
4．6　秘技一點(diǎn)通
技巧1 使用“圖層”鎖定功能編輯圖層內(nèi)容　73
技巧2 巧用魔棒的容差值控制顏色范圍　73
技巧3 巧用蓋印圖層省去存儲(chǔ)圖片效果的麻煩　74
技巧4 巧用“液化”技巧“變豐滿”　74
技巧5 巧用“光影摩術(shù)手”快速處理圖片　74
第5章 商品圖片后期處理
5．1　調(diào)整和存儲(chǔ)圖片
5．1．1　調(diào)整變形的圖片　77
5．1．2　將圖片存儲(chǔ)為Web所用格式　79
5．2　快速還原圖片實(shí)際效果
5．2．1　調(diào)整曝光不足的照片　81
5．2．2　調(diào)整曝光過度的照片　81
5．2．3　調(diào)整有色差的圖片　82
5．2．4　調(diào)整模糊的照片讓細(xì)節(jié)更明顯　82
5．2．5　使用仿制圖章工具修補(bǔ)圖片瑕疵　84
5．3　制作動(dòng)態(tài)GIF圖片
5．3．1　隱藏用作跳動(dòng)切換的圖層　85
5．3．2　使用動(dòng)畫面板調(diào)整動(dòng)作步驟　86
5．3．3　將圖片存儲(chǔ)為GIF格式　87
5．4　添加水印防止盜圖
5．4．1　制作水印　88
5．4．2　給圖片添加水印　90
5．5　合成處理商品圖片
5．5．1　選擇合適的工具摳圖　90
5．5．2　合成摳圖商品　91
5．5．3　制作倒影讓合成更真實(shí)　92
5．6　快速批量處理圖片
5．6．1　了解動(dòng)作面板的作用　93
5．6．2　創(chuàng)建新動(dòng)作　94
5．6．3　使用動(dòng)作批量處理圖片　96
5．7　圖片的特殊效果處理
5．7．1　使用圖層蒙版處理圖片顏色　97
5．7．2　制作商品手稿效果　98
5．7．3　制作照片沖洗效果　99
5．8　秘技一點(diǎn)通
技巧1 制作主圖的3個(gè)注意事項(xiàng)　101
技巧2 用“銳化”指針商品主圖品質(zhì)　101
技巧3 正確選擇適合制作GIF動(dòng)畫的圖片　101
技巧4 自動(dòng)選擇圖層　102
技巧5 快速調(diào)整透明度　102
技巧6 巧用“光影摩術(shù)手”給圖片添加水印　102
技巧7 巧用“光影摩術(shù)手”給圖片添加精美邊框　104
技巧8 巧用“光影摩術(shù)手”批量處理圖片　106
第6章 網(wǎng)店裝修的流程
6．1　選擇合適的旺鋪版本
6．1．1　旺鋪基礎(chǔ)版和專業(yè)版裝修功能對比　109
6．1．2　旺鋪基礎(chǔ)版和專業(yè)版功能模塊對比　109
6．1．3　訂購?fù)亴I(yè)版本　111
6．2　上傳圖片到淘寶圖片空間
6．2．1　添加圖片分類　113
6．2．2　上傳寶貝圖片　113
6．2．3　復(fù)制圖片鏈接地址　114
6．2．4　替換圖片　116
6．2．5　重命名圖片　116
6．2．6　移動(dòng)圖片　117
6．3　圖片空間新增功能
6．3．1　查看圖片引用關(guān)系　119
6．3．2　快速移動(dòng)分類文件夾　119
6．3．3　批量編輯圖片　120
6．3．4　還原回收站圖片　122
6．4　設(shè)置店鋪基礎(chǔ)裝修
6．4．1　管理店鋪樣式　123
6．4．2　管理店鋪首頁布局　125
6．4．3　為店鋪首頁添加模塊　127
6．4．4　設(shè)置寶貝默認(rèn)詳情頁　128
6．4．5　添加自定義頁面　130
6．5　發(fā)布寶貝
6．5．1　發(fā)布一口價(jià)寶貝　133
6．5．2　使用淘寶助理發(fā)布寶貝　135
6．6　秘技一點(diǎn)通
技巧1 設(shè)置發(fā)布寶貝的最佳時(shí)間段　138
技巧2 快速上新巧用“復(fù)制寶貝”功能快速創(chuàng)建新寶貝　139
第7章 設(shè)計(jì)個(gè)性化店招和店標(biāo)
7．1　給店鋪取個(gè)好名字
7．2　設(shè)置默認(rèn)店招和導(dǎo)航
7．2．1　設(shè)置默認(rèn)店招　144
7．2．2　添加系統(tǒng)導(dǎo)航　145
7．3　制作自定義店招
7．3．1　汽車用品店招設(shè)計(jì)實(shí)例　147
7．3．3　給店招導(dǎo)航添加分類鏈接　151
7．3．4　發(fā)布店招　155
7．4　設(shè)置店標(biāo)
7．4．1　設(shè)計(jì)店鋪標(biāo)志　159
7．4．2　發(fā)布店標(biāo)　160
7．5　秘技一點(diǎn)通
技巧1 巧用店招背景鋪放方式　161
技巧2 設(shè)計(jì)出色的店招　161
技巧3 免費(fèi)在線制作動(dòng)態(tài)店標(biāo)　162
第8章 管理店鋪?zhàn)髠?cè)模塊
8．1　設(shè)計(jì)店鋪收藏
8．1．1　制作店鋪收藏圖片　166
8．1．2　獲取收藏店鋪超鏈接　168
8．1．3　添加自定義模塊　169
8．1．4　編輯和發(fā)布店鋪收藏模塊　170
8．2　設(shè)計(jì)寶貝分類
8．2．1　添加寶貝分類模塊　172
8．2．2　編輯和發(fā)布寶貝分類　173
8．2．3　添加商品到寶貝分類　176
8．3　設(shè)置旺旺客服中心
8．3．1　添加旺旺子賬號　177
8．3．2　添加客服中心模塊　180
8．3．3　設(shè)置和發(fā)布“客服中心”模板　180
8．4　添加圖片輪播廣告
8．4．1　添加圖片輪播廣告　184
8．4．2　設(shè)置和發(fā)布“圖片輪播”模塊　185
8．5　添加寶貝排行榜
8．5．1　添加寶貝排行榜模塊　187
8．5．2　設(shè)置寶貝排行榜　187
8．6　添加推薦寶貝
8．6．1　添加“寶貝推薦”模塊　189
8．6．2　設(shè)置推薦寶貝　190
8．7　添加店鋪友情鏈接
8．7．1　添加友情鏈接模塊　192
8．7．2　設(shè)置友情鏈接地址　193
8．8　設(shè)置模塊順序
8．9　秘技一點(diǎn)通
技巧1 尋找條件對等的店鋪?zhàn)鲇亚殒溄印?95
技巧2 優(yōu)化輪播圖片　196
第9章 設(shè)計(jì)寶貝詳情頁面
9．1　制作寶貝促銷區(qū)
9．1．1　制作寶貝促銷區(qū)的注意事項(xiàng)　198
9．1．2　設(shè)計(jì)寶貝促銷區(qū)　198
9．2　給寶貝促銷圖添加商品鏈接
9．3　發(fā)布寶貝促銷圖到寶貝描述模板
9．4　制作寶貝詳情頁面
9．4．1　寶貝展示順序和特點(diǎn)　205
9．4．2　設(shè)計(jì)寶貝詳情　206
9．5　使用Photoshop和Dreamweaver軟件優(yōu)化寶貝詳情
9．5．1　使用Photoshop 軟件的“切片”工具切分圖片　210
9．5．2　使用存儲(chǔ)命令生成HTML　211
9．5．3　使用Dreamweaver軟件生成網(wǎng)頁代碼　212
9．6　發(fā)布寶貝詳情描述
9．7　秘技一點(diǎn)通
技巧1 輸入特殊符號　214
技巧2 輕松去除復(fù)制文字的格式　215
技巧3 商品尺寸對比小竅門　215
第10章 設(shè)計(jì)店鋪活動(dòng)海報(bào)
10．1　店鋪活動(dòng)策劃
10．1．1　根據(jù)店鋪紀(jì)念日策劃　217
10．1．2　根據(jù)節(jié)假日策劃　217
10．1．3　根據(jù)平臺(tái)活動(dòng)策劃　217
10．2　設(shè)計(jì)前準(zhǔn)備工作
10．2．1　明確活動(dòng)中心主題　218
10．2．2　收集適合主題的素材　218
10．3　設(shè)計(jì)活動(dòng)海報(bào)
10．3．1　合成海報(bào)背景　219
10．3．2　制作活動(dòng)主題文字　223
10．3．3　添加氣氛元素　228
10．3．4　制作活動(dòng)正文內(nèi)容　232
10．4　發(fā)布活動(dòng)海報(bào)
10．5　技能提升—設(shè)置及發(fā)布全屏海報(bào)
10．5．1　裁剪全屏海報(bào)圖片　240
10．5．2　發(fā)布全屏海報(bào)　244
10．6　秘技一點(diǎn)通
技巧1 高效管理圖層　248
技巧2 制作夸張的主題字體　249
第11章 網(wǎng)店的其他裝修
11．1　添加“喜歡”組件效果
11．1．1　生成“喜歡”組件代碼　251
11．1．2　為商品圖片添加“喜歡”組件代碼　252
11．1．3　發(fā)布“喜歡”組件代碼　253
11．2　添加店鋪背景音樂
11．2．1　尋找合適的背景音樂　255
11．2．2　訂購店鋪音樂服務(wù)　255
11．2．3　設(shè)置店鋪背景音樂　256
11．3　設(shè)置千牛頭像
11．4　設(shè)置店鋪二維碼
11．4．1　創(chuàng)建店鋪二維碼　260
11．4．2　設(shè)置和下載二維碼圖片　261
11．5　制作直通車廣告圖
11．5．1　如何設(shè)計(jì)更吸引人的直通車廣告圖　262
11．5．2　直通車廣告圖的制作要求　263
11．5．3　使用Photoshop軟件制作直通車廣告圖　263
11．6　全球購店鋪的裝修特色
11．6．1　全球購店鋪首頁設(shè)計(jì)風(fēng)格　267
11．6．2　全球購店鋪詳情頁的設(shè)計(jì)特點(diǎn)　268
11．7　秘技一點(diǎn)通
技巧1 巧用圖片空間為圖片添加水印　268
技巧2 巧用模板備份和還原店鋪裝修　269
第12章 裝修手機(jī)淘寶店鋪
12．1　發(fā)布手機(jī)店鋪寶貝
12．1．1　調(diào)整圖片適配手機(jī)寶貝詳情　272
12．1．2　發(fā)布手機(jī)寶貝詳情　273
12．2　裝修手機(jī)店鋪首頁
12．2．1　添加首頁模塊　275
12．2．2　編輯模塊　276
12．2．3　設(shè)置模塊順序　276
12．2．4　刪除模塊　276
12．2．5　添加手機(jī)店鋪店招　276
12．2．6　編輯排行榜模塊和發(fā)布手機(jī)店鋪首頁　278
12．3　裝修手機(jī)店鋪活動(dòng)頁
12．3．1　創(chuàng)建店鋪活動(dòng)　278
12．3．2　創(chuàng)建互動(dòng)玩法　280
12．4　裝修手機(jī)店鋪寶貝分類
12．4．1　添加寶貝分類封面圖片　283
12．4．2　修改寶貝分類封面圖片　285
12．4．3　刪除寶貝分類封面圖片　287
12．4．4　調(diào)整寶貝分類順序　288
12．5　設(shè)置手機(jī)店鋪搜索詞
12．5．1　添加搜索關(guān)鍵詞　289
12．5．2　編輯搜索關(guān)鍵詞　290
12．5．3　刪除搜索關(guān)鍵詞　291
12．6　秘技一點(diǎn)通
技巧1 如何購買手機(jī)店鋪模塊　292
技巧2 為手機(jī)端海報(bào)巧選模特圖　293
技巧3 手機(jī)端首頁排版的特點(diǎn)　293
技巧4 制作手機(jī)端寶貝圖片的最佳尺寸　294
第13章 使用Dreamweaver軟件簡化代碼讓裝修變得更簡單
13．1　Dreamweaver簡介
13．2　關(guān)于HTML語言
13．3　創(chuàng)建表格
13．3．1　插入表格　297
13．3．2　設(shè)置表格屬性　298
13．4　插入和編輯圖像
13．4．1　插入圖像　299
13．4．2　設(shè)置圖像屬性　300
13．5　輸入和編輯文本
13．5．1　輸入文本　301
13．5．2　設(shè)置文本屬性　301
13．5．3　輸入特殊字符　302
13．6　商品圖片的高級設(shè)置
13．6．1　使用網(wǎng)絡(luò)圖片替換本地圖片　303
13．6．2　給圖片添加熱區(qū)　304
13．6．3　給圖片添加超鏈接　305
13．7　拓展實(shí)例—制作寶貝描述信息表格
13．7．1　制作基本框架　306
13．7．2　設(shè)置顏色　306
13．7．3　輸入及設(shè)置文字　307
13．7．4　插入和調(diào)整圖像　308
13．7．5　保存和預(yù)覽HTML　309
13．7．6　復(fù)制代碼和發(fā)布　310
13．8　應(yīng)用CSS代碼高級裝修
13．8．1　制作全屏海報(bào)的代碼　310
13．8．2　發(fā)布全屏海報(bào)代碼　311
13．8．3　制作和發(fā)布固定背景代碼　313
13．9　秘技一點(diǎn)通
技巧1 如何使用其他存儲(chǔ)空間的圖片　315
技巧2 適合制作熱區(qū)的圖片　316
技巧3 正確添加商品鏈接　316