淘寶美工從入門到精通：配色設計、圖片后期、店鋪裝修、廣告海報一本就夠

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