目錄

第1章  網店裝修基礎與配色     1

1.1  網店裝修與美工   2

1.1.1網店美工基本技能    2

1.1.2網店裝修風格與色彩

設計         3

1.1.3店鋪裝修需要注意的

問題         6

1.2  認識網店色彩        8

1.2.1  無彩色繫    9

1.2.2  有彩色繫    9

1.2.3  構成色彩的三要素    10

1.3  顏色管理        12

1.3.1識別色域範圍外的

顏色         12

1.3.2色彩模式    13

1.3.3色彩模式轉換    14

1.3.4調整顏色的建議         16

1.3.5色彩采集    17

1.3.6色彩推移    18

1.4  網店配色        19

1.4.1網頁安全色         19

1.4.2自定義頁面的主色與

輔助色     20

1.4.3網店色調與配色         21

1.5  裝修秘籍——色彩搭配技巧        23

1.5.1  使用單色調的技巧    23

1.5.2  巧妙搭配冷色和暖色

色調         23

1.5.3  應用鄰近色的技巧    25

1.5.4  巧用互補色突出主題         26

1.5.5  配色的黃金比例         27

1.5.6  的調和色    27

1.6  案例解析——選擇店鋪的色繫   28

1.6.1  慶典宣傳活動的主打

色繫         28

1.6.2  家用電器、玩具類店鋪

的主打色繫     29

1.6.3  首飾、化妝品的主打

色繫         29

1.6.4  保健品、土特產的主打

色繫         30

1.6.5  清潔用品、海產品的

主打色繫         30

1.6.6  服裝、奢侈品的主打

色繫         31

第2章  圖片素材的規劃與收集          33

2.1  規劃商品圖片        34

2.1.1商品主圖的布局         34

2.1.2商品細節特寫圖片的

規劃         34

2.1.3商品描述頁圖片的設計

與拍攝     35

2.2  收集店鋪裝修素材        36

2.2.1  店鋪圖片素材的獲取

方法         37

2.2.2  通過百度收集圖片素材    37

2.2.3  安裝字體素材    38

2.3  獲得圖片的存儲空間   39

2.3.1使用免費空間相冊    39

2.3.2使用博客存儲圖片    40

2.3.3租用圖片空間    40

2.3.4租用虛擬主機    40

2.3.5  圖片的引用關繫         41

2.3.6  移動分類文件夾         41

2.3.7  批量編輯圖片    42

2.3.8  還原回收站圖片         43

2.4  淘寶圖片空間的使用方法   44

2.4.1  關於淘寶圖片空間    44

2.4.2  打開淘寶圖片空間    45

2.4.3  上傳圖片到圖片空間         45

2.5  裝修秘籍——圖片搜集與配色   47

2.5.1  多顏色商品的拍攝

策劃         47

2.5.2  商品對比圖的制作

技巧         47

2.5.3  購買素材圖庫省心

省力         48

2.5.4  網店裝修能帶來哪些

收益         48

2.5.5  網店審美的通用原則         49

2.6  商品的基本拍攝方法   50

2.6.1  選擇合適的攝影器材         50

2.6.2  布置室內拍攝場景    52

2.6.3  運用不同角度光線效果    54

2.6.4  布置戶外拍攝場景    54

2.6.5  在簡易攝影棚中拍攝

商品         56

2.6.6  真人模特拍攝經驗

技巧         56

2.6.7  選擇合適的背景/搭配小

物件         57

2.6.8  網上商品拍攝的要求與

技巧         59

第3章  使用Photoshop處理商品

圖片         61

3.1  Photoshop圖像處理基礎操作      62

3.1.1  認識Photoshop的界面      62

3.1.2  常用工具    63

3.1.3  圖層的基本操作         67

3.1.4  設置圖層樣式    71

3.2  常用的商品圖片處理操作   71

3.2.1  裁剪圖片中指定的

部分         71

3.2.2  固定尺寸裁剪圖片    73

3.2.3  調整商品照片大小    73

3.2.4  調整商品圖片角度    75

3.3  調整圖片的亮度與色彩        75

3.3.1  使用色階調整圖片

亮度         75

3.3.2  使用曲線調整圖片

亮度         76

3.3.3  調整圖片的對比度    77

3.3.4  調整偏色的圖片         78

3.3.5  調整圖片的明暗信息         79

3.3.6  讓圖片色彩表現更豐富    80

3.3.7  讓圖片更加清晰         81

3.4  修復商品照片瑕疵        83

3.4.1  清除照片中的日期    83

3.4.2  修復照片中的污漬    85

3.4.3  去掉圖片中多餘的部分    86

3.5  裝修秘籍——快速處理圖片        87

3.5.1  使用圖層鎖定功能編輯

圖層內容         87

3.5.2  使用魔棒的容差值控制

顏色範圍         88

3.5.3  巧用蓋印圖層省去存儲

圖片效果的麻煩     89

3.5.4  巧用液化使圖片變

豐滿         89

3.5.5  應用光影魔術手快速

處理圖片         91

3.6  案例解析——校正商品圖片

外觀         92

3.6.1  縮小圖片以便於上傳         93

3.6.2  校正傾斜圖片    94

3.6.3  校正拍攝時產生的

暈影         95

3.6.4  將多個商品照片裁成

統一大小         97

3.6.5  橫幅與直幅之間的

轉換         99

第4章  更換商品背景與美化

人像         101

4.1簡單摳圖與替換背景   102

4.1.1規則幾何形狀選區替換

背景         102

4.1.2不規則選區替換背景         102

4.1.3使用魔棒工具摳圖    103

4.1.4使用快速選擇工具

摳圖         105

4.1.5使用套索工具摳圖    107

4.1.6使用鋼筆工具摳圖    108

4.2應用路徑摳圖並替換背景   110

4.2.1創建路徑    110

4.2.2將路徑轉換為選區    111

4.2.3通過路徑為模特摳圖

替換背景         112

4.3使用通道摳圖並替換背景   114

4.3.1編輯通道    114

4.3.2為透明婚紗摳圖替換

背景         115

4.4應用蒙版摳圖並替換背景   119

4.4.1使用快速蒙版摳圖並

替換背景         119

4.4.2使用圖層蒙版摳圖並

替換背景         121

4.5人像美化處理        123

4.5.1  用仿制圖章工具去除

斑點         124

4.5.2  用修補工具修補膚色         125

4.5.3  用濾鏡讓皮膚變光滑         126

4.5.4  用蒙版調整皮膚狀態         127

4.5.5  用【曲線】命令讓皮膚

變白         129

4.5.6  用濾鏡對人物瘦身    130

4.5.7  對服裝模特面部進行

磨皮美容         131

4.6裝修秘籍——摳圖與選擇

背景         133

4.6.1  選擇什麼樣的拍照

背景         133

4.6.2  摳圖的基本思路         134

4.6.3  合成摳圖後的圖像與

背景         134

4.7案例解析——為圖片添加版權

標識         135

4.7.1  為商品圖片添加

保護線     136

4.7.2  為商品圖像添加文字

水印         137

4.7.3  為商品圖片添加商標或

圖像水印         139

4.7.4  快速為多張商品圖片

添加文字水印         139

4.7.5  為商品圖像添加情景

對話         142

第5章  網店視覺效果設計與圖片

後期處理         143

5.1商品排列        144

5.1.1統一間距    144

5.1.2商品對齊    144

5.2邊框的設計與制作        145

5.2.1調整圖像背景的邊緣         145

5.2.2添加商品圖片邊框    147

5.2.3按圖片顏色為其添加

邊框         148

5.3局部處理        149

5.3.1為商品添加標簽         149

5.3.2放大商品的局部特征         152

5.4增強商品視覺效果        154

5.4.1添加倒影與陰影         154

5.4.2圖像的構圖類型         156

5.4.3將模糊照片調清晰    161

5.5還原圖片實際效果        163

5.5.1調整曝光不足的照片         163

5.5.2調整曝光過度的照片         164

5.5.3調整有色差的圖片    165

5.5.4調整模糊的照片讓細節

更明顯     166

5.6  制作動態GIF圖片         168

5.6.1  隱藏用作跳動切換的

圖層         168

5.6.2  使用【時間軸】面板

調整動作步驟         168

5.6.3  將圖片存儲為GIF

格式         169

5.7裝修秘籍——細節處理        171

5.7.1  商品主圖的特性         171

5.7.2  制作主圖的注意事項         171

5.7.3  自動選擇圖層    172

5.7.4  快速調整不透明度    172

5.7.5  使用光影魔術手為圖片

添加邊框         173

5.8案例解析——快速批量處理

圖片         175

5.8.1  了解【動作】面板的

作用         175

5.8.2  創建新動作         176

5.8.3  使用動作批量處理

圖片         177

第6章  設計個性化店標和店招          179

6.1  店標的設計與制作        180

6.1.1  店標簡介    180

6.1.2  動態旺鋪店標設計    181

6.1.3  發布店標    181

6.2  設置默認店招和導航   183

6.2.1  設置默認店招    183

6.2.2  添加繫統導航    185

6.3  制作自定義店招   186

6.3.1  設計個性化的店招    186

6.3.2  給店招導航添加分類

鏈接         187

6.3.3  發布店招    190

6.4  裝修秘籍——店標和店招

設計         191

6.4.1  店標和店招的區別    191

6.4.2  設計店招的注意事項         191

6.5  案例解析——設計具有視覺

衝擊力的店標         192

6.5.1  店標設計的原則         192

6.5.2  做好淘寶店標圖片    193

6.5.3  設計網店的店標         194

6.5.4  淘寶店標在線制作    195

第7章  淘寶店鋪裝修流程          197

7.1  選擇旺鋪        198

7.1.1  旺鋪基礎版和專業版

裝修功能差別         198

7.1.2  旺鋪基礎版和專業版

功能模塊介紹         199

7.1.3  如何訂購旺鋪專業版         200

7.2  上傳圖片的方法   201

7.2.1  設置圖片分類    201

7.2.2  上傳商品的圖片         203

7.2.3  復制圖片鏈接地址    204

7.2.4  替換圖片    205

7.2.5  重命名圖片         206

7.2.6  移動圖片    207

7.3  店鋪裝修基礎        208

7.3.1  設置店鋪樣式    208

7.3.2  設置首頁布局    209

7.3.3  為首頁添加功能模塊         210

7.3.4  設置寶貝默認詳情頁         212

7.3.5  自定義頁面         213

7.4  裝修秘籍——寶貝圖片與淘寶

空間         215

7.4.1  使用淘寶圖片空間的

好處         215

7.4.2  圖片空間新增加的

功能         216

7.5  案例解析——發布寶貝        218

7.5.1  使用淘寶後臺發布

寶貝         218

7.5.2  使用淘寶助理發布

寶貝         221

7.5.3  設置發布寶貝的

時間段     225

7.5.4  用【復制寶貝】快速創建

新寶貝     226

第8章  設計與管理店鋪功能區          227

8.1  店鋪收藏        228

8.1.1  設計店鋪收藏效果圖         228

8.1.2  獲取收藏店鋪鏈接    229

8.1.3  添加自定義模塊         230

8.1.4  編輯和發布店鋪收藏

功能         231

8.2  寶貝分類        233

8.2.1  添加分類模塊    233

8.2.2  寶貝分類設計    234

8.2.3  子寶貝分類設計         236

8.2.4  在分類中添加商品    237

8.3  設計客服中心        238

8.3.1  添加旺旺子賬號         238

8.3.2  添加客服中心模塊    240

8.3.3  設置和發布客服中心         241

8.4  圖片輪播        242

8.4.1  添加圖片輪播功能    242

8.4.2  設置和發布圖片輪播         243

8.5  排行榜   245

8.5.1  添加排行榜模塊         245

8.5.2  設置排行榜         246

8.6  推薦寶貝        247

8.6.1  添加【寶貝推薦】

模塊         247

8.6.2  設置推薦寶貝    247

8.7  友情鏈接        249

8.7.1  添加友情鏈接模塊    249

8.7.2  設置友情鏈接地址    250

8.8  裝修秘籍——功能區設計   252

8.8.1  聯繫我們圖片的設計與

制作         252

8.8.2  設置模塊順序    254

8.8.3  尋找適合的友情鏈接

店鋪         254

8.8.4  優化輪播圖片    255

8.8.5  店鋪推薦寶貝與櫥窗

推薦寶貝的區別     256

8.9  案例解析——公告模板的設計

與制作     256

8.9.1  750店鋪公告模板

設計         257

8.9.2  750店鋪公告動態模板

設計         259

8.9.3  發布公告模板    260

第9章  設計寶貝詳情頁面          263

9.1制作寶貝促銷區   264

9.1.1制作寶貝促銷區的注意

事項         264

9.1.2設計寶貝促銷區         265

9.2自定義促銷區        268

9.2.1全屏通欄廣告設計    268

9.2.2淘寶標準通欄廣告

設計         271

9.2.3750廣告設計      272

9.2.4190廣告設計      275

9.3  設計寶貝促銷圖   277

9.3.1  給寶貝促銷圖添加商品

鏈接         277

9.3.2  發布寶貝促銷圖到寶貝

描述模板中     280

9.4制作寶貝詳情頁面        283

9.4.1寶貝展示順序和特點         283

9.4.2設計寶貝詳情    284

9.5  使用軟件優化寶貝詳情頁面        287

9.5.1  使用Photoshop 軟件的

切片工具切分圖片         288

9.5.2  使用存儲命令生成

HTML       289

9.5.3  使用Dreamweaver軟件

生成網頁代碼         290

9.6  發布寶貝詳情描述        293

9.6.1  寶貝詳情描述頁的

發布         293

9.6.2  打造優秀的淘寶

詳情頁     295

9.7裝修秘籍——寶貝詳情頁

設計         296

9.7.1  輸入特殊符號    296

9.7.2  去除復制文字的格式         296

9.7.3  商品尺寸對比    297

9.7.4  描述模板的作用及

類型         297

9.7.5  寶貝模板的設計要求         298

9.8  案例解析——寶貝描述模塊

設計技巧         298

9.8.1  寶貝詳情描述頁的核心

內容         299

9.8.2  寶貝詳情頁的模塊

組成         299

9.8.3  產品規格參數模塊    300

第10章  淘寶店促銷活動海報   301

10.1  店鋪活動策劃      302

10.1.1  結合店鋪紀念日

策劃         302

10.1.2  結合節假日策劃       302

10.1.3  配合平臺活動策劃  303

10.1.4  什麼是店鋪活動

促銷         303

10.1.5  常見店鋪活動優劣

分析         304

10.2  設計海報的準備工作 305

10.2.1  確定活動的主題       305

10.2.2  如何收集與主題相關的

素材         306

10.2.3  規劃活動海報的創意和

構圖         307

10.3  設計活動海報流程      309

10.3.1  合成活動海報的

背景         309

10.3.2  設計活動主題文字  311

10.3.3  添加與活動相關的

10.3.4  制作活動正文內容  314

10.3.5  修飾海報的版面       315

10.3.6  發布活動海報  316

10.4  裝修秘籍——活動海報設計

技巧         318

10.4.1  裁剪全屏海報圖片  318

10.4.2  發布全屏海報  320

10.4.3  高效管理圖層  323

10.4.4  制作誇張的主題

字體         324

10.4.5  活動海報設計遵循的

原則         325

10.5  案例解析——店鋪促銷技巧      325

10.5.1  網店節日促銷如何巧妙

營造氛圍         326

10.5.2  如何選擇合適的促銷

商品         326

10.5.3  贈品促銷的設計規則       327

10.5.4  送什麼贈品纔能吸引

買家         328

10.5.5  商品捆綁促銷  328

第11章  淘寶店的裝修細節設計       329

11.1添加【喜歡】組件      330

11.1.1生成【喜歡】組件

代碼         330

11.1.2為商品圖片添加【喜歡】

組件代碼         331

11.1.3發布【喜歡】組件

代碼         332

11.2添加背景音樂      333

11.2.1搜索背景音樂  333

11.2.2訂購店鋪音樂服務  334

11.2.3設置店鋪背景音樂  335

11.3  設置店鋪二維碼 337

11.3.1  創建店鋪二維碼       337

11.3.2  設置和下載二維碼

圖片         339

11.4  制作直通車廣告圖      341

11.4.1  設計直通車廣告圖片       341

11.4.2  直通車廣告圖的制作

標準         342

11.4.3  使用Photoshop軟件

制作直通車廣告     342

11.5  裝修全球購店鋪 344

11.5.1  全球購店鋪首頁

風格         344

11.5.2  詳情頁的設計要點  345

11.6裝修秘籍——網店細節設計

技巧         345

11.6.1巧用圖片空間為圖片

添加水印         346

11.6.2巧用模板備份和還原

店鋪裝修         347

11.6.3在描述模板中調用

CSS樣式  348

11.7  案例解析——裝修細節

操作         349

11.7.1制作分類按鈕圖片  349

11.7.2設置千牛頭像  349

第12章  裝修手機淘寶店   351

12.1  在手機店鋪發布寶貝 352

12.1.1  調整圖片適配手機  352

12.1.2  發布手機寶貝

詳情頁     353

12.2  設計手機店鋪首頁      354

12.2.1  添加首頁模塊  354

12.2.2  編輯模塊  355

12.2.3  設置模塊順序  355

12.2.4  刪除模塊  356

12.2.5  添加手機店招  356

12.2.6  編輯排行榜       357

12.2.7  發布手機店鋪首頁  357

12.3  設計手機店鋪活動頁 358

12.3.1  創建店鋪活動  358

12.3.2  店鋪活動營銷方式  359

12.4  設計手機店鋪分類      361

12.4.1  添加寶貝分類封面圖       361

12.4.2  修改寶貝分類封面圖       362

12.4.3  刪除寶貝分類封面圖       363

12.4.4  調整寶貝分類順序  363

12.5  裝修秘籍——裝修手機

淘寶店     364

12.5.1  添加與刪除搜索

關鍵詞     364

12.5.2  購買手機店鋪模板  365

12.5.3  手機端首頁排版的

特點         366

12.5.4  手機端寶貝圖片的

尺寸         366

12.6  案例解析——手機店鋪的

推廣         367

12.6.1  手機淘寶營銷的推廣       367

12.6.2  無線直通車       368

12.6.3  微淘  369

12.6.4  手機淘寶首頁推廣圖

要求         369

前    言

隨著電子商務的不斷發展，網上開店的創業者越來越多，尤其是一些年輕人更是視其為就業的另一條出路。為了在網店這一領域開拓自己的一片天地，很多賣家都希望把網店設計得更加美觀、獨特，以此來吸引更多買家。這對淘寶美工的初學者來說，不是一件容易的工作。為了幫助淘寶美工初學者更好地學習網店裝修，作者編寫了本書。

本書根據網店新手美工的學習習慣，采用由淺入深、由易到難的方式講解，全書結構清晰，內容豐富，主要包括以下6個方面的內容。

1. 網上店鋪的基礎知識

本書第1章，全面講述了網店裝修基礎與配色方面的知識，包括網店裝修與美工、顏色管理、網店配色和色彩搭配技巧等內容。

2. 照片的拍攝與處理

本書第2章～第4章，全面講述了圖片素材的規劃與收集、使用Photoshop處理商品圖片、更換商品背景與美化人像等方面的知識與技巧，包括規劃商品圖片、圖片空間的使用方法、商品照片色彩與瑕疵處理以及商品摳圖更換背景方面的內容。

3. 網店視覺效果設計

本書第5章～第6章，全面講述了網店視覺效果設計與圖片後期處理、設計個性化店標和店招等方面的知識和技巧，包括商品邊框設計與