第1章 淺談電商設計師軟件——Photoshop
1.1 淺談電商設計師 2
1.1.1 什么是電商設計 2
1.1.2 電商設計師的工作內容 2
1.1.3 如何做好電商設計師 3
1.2 電商設計師與Photoshop 4
1.2.1 圖像美化處理技能 4
1.2.2 圖像摳取技能 4
1.2.3 圖像色彩處理技能 5
1.2.4 圖像特效合成技能 5
1.3 認識Photoshop的工作界面 5
1.3.1 菜單欄 6
1.3.2 文檔窗口和狀態欄 7
1.3.3 工具面板與工具選項欄 7
1.3.4 面板 8
1.4 Photoshop文檔的基本操作 9
 1.4.1 新建圖像文件 10
 1.4.2 打開商品圖像 11
1.4.3 多文檔窗口操作 12
 1.4.4 置入素材圖像 13
1.4.5 保存圖像文件 14
1.4.6 調整圖像文件的查看比例和位置 15
1.5 錯誤操作的處理 17
1.5.1 撤銷與還原操作 17
1.5.2 恢復文件 18
1.5.3 使用【歷史記錄】面板還原操作 18
1.6 提高Photoshop工作效率的操作技能 18
1.6.1 高效管理圖層 19
 1.6.2 快速對齊商品圖像 21
 1.6.3 快速復制商品圖像 22
 1.6.4 用批處理命令批量修改商品圖像 23
1.6.5 使用智能參考線 25
 1.6.6 給圖像添加注釋 25
 1.6.7 使用圖層復合展示設計方案 26
1.6.8 優化系統運行設置 27
第2章 必學必會的圖像基礎處理
2.1　電商設計常用的圖片尺寸 30
2.2　圖像展示商品的方法 30
2.2.1　常規展示商品法 31
2.2.2　細節展示商品法 31
2.3　圖像的分類 31
2.3.1　商品主圖 31
2.3.2　實拍圖 32
2.3.3　廣告圖 32
2.4　商品圖像的基礎處理 33
 2.4.1　調整圖片的大小 33
 2.4.2　調整商品圖像的畫布尺寸 34
 2.4.3　調整商品圖像的*佳角度 35
 2.4.4　對商品圖像進行裁剪 36
 2.4.5　圖像局部的剪切/復制/粘貼 37
 實例——使用【拷貝】【粘貼】命令制作產品細節展示 38
2.4.6　圖像的變換 39
 實例——制作放射狀背景 42
2.5　商品圖像的瑕疵去除 44
2.5.1　橡皮擦工具 44
 實例——清除圖片中的文字信息 45
 2.5.2　【仿制圖章】工具：覆蓋圖像多余部分 46
 2.5.3　【圖案圖章】工具：繪制圖案 46
 實例——為商品添加圖案印花 47
 2.5.4　【污點修復畫筆】工具：修飾圖像細節 48
 2.5.5　【修復畫筆】工具：自動修復圖像瑕疵 49
 2.5.6　【修補】工具：去除雜物 51
2.6　商品圖像的簡單修飾 52
 2.6.1　【減淡】工具：對圖像局部進行減淡處理 52
 2.6.2　【加深】工具：對圖像局部進行加深處理 52
2.6.3　【海綿】工具：增強/減弱圖像局部飽和度 53
 實例——圖像局部去色 53
 2.6.4　【液化】命令：隨心變化 54
 實例——應用【液化】命令為模特瘦身 56
2.7　繪制圖形 57
2.7.1　使用【畫筆】工具 57
 實例——繪制陰影增強畫面感 58
2.7.2　【畫筆設置】面板：
設置各種不同的筆觸效果 59
 實例——制作手繪感優惠券 63
2.8　商品圖像的銳化處理 65
2.8.1　【銳化】工具：進行局部銳化處理 65
2.8.2　【USM銳化】命令：使圖像變清晰 65
2.8.3　【智能銳化】命令：增強圖像清晰度 66
 實例——提升商品的精致感 67
2.9　商品圖像的模糊處理 67
2.9.1　【模糊】工具：進行局部模糊處理 67
2.9.2　【高斯模糊】命令：*常用的模糊濾鏡 68
 實例——制作多種陰影效果 68
第3章 商品圖片的摳圖與創意合成
3.1　使用Photoshop摳取素材圖像 72
3.2　利用商品與背景的色差摳圖 72
 3.2.1　【快速選擇】工具：通過拖動自動創建選區 72
3.2.2　【魔棒】工具：獲取容差范圍內的顏色 73
 實例——制作數碼產品廣告 74
3.2.3　【磁性套索】工具：自動查找邊緣差異創建選區 75
 3.2.4　【色彩范圍】命令：獲取特定顏色選區 76
 實例——制作葡萄酒廣告 78
3.2.5　【魔術橡皮擦】工具：擦除顏色相似區域 81
 實例——為模特更換背景 82
3.2.6　【背景橡皮擦】工具：智能擦除背景像素 83
 3.3　【選擇并遮住】：摳取邊緣復雜的圖像 84
 實例——制作橫版寵物產品廣告 87
3.4　【鋼筆】工具：精確提取圖像 88
3.4.1　繪制路徑 89
3.4.2　編輯路徑形態 89
3.4.3　將路徑轉換為選區 91
 實例——制作橫版宣傳圖 91
 3.5　通道摳圖 92
 實例——摳取透明物體 94
3.6　利用蒙版進行非破壞性合成 96
3.6.1　圖層蒙版 96
 實例——制作商品倒影效果 98
 實例——制作多彩拼貼文字 99
3.6.2　剪貼蒙版 101
 實例——制作啤酒節廣告 103
第4章 電商設計中的色彩運用
4.1　色彩的基礎知識 108
4.1.1　色彩的分類 108
4.1.2　色彩的屬性 109
4.1.3　色彩對心理的影響 110
4.2　電商設計中常用的色彩搭配 113
4.2.1　電商設計中的色彩構成 113
4.2.2　電商設計常用配色法 114
4.3　Photoshop中顏色的設置與應用 115
4.3.1　認識前景色和背景色 116
4.3.2　在【拾色器】中選取顏色 116
 實例——快速制作商品展示 117
4.3.3　【吸管】工具：選取畫面中的顏色 118
 實例——從優秀作品中提取配色方案 119
 實例——制作黑色星期五折扣廣告 120
4.4　自動校正商品照片的偏色問題 121
4.4.1　自動色調 121
4.4.2　自動對比度 122
4.4.3　自動顏色 122
4.5　調整圖像的明暗 123
4.5.1　【亮度/對比度】命令 123
4.5.2　【色階】命令 124
4.5.3　【曲線】命令 125
4.5.4　【曝光度】命令 127
4.5.5　【陰影/高光】命令 128
4.6　調整圖像的色彩 130
4.6.1　【自然飽和度】命令 130
4.6.2　【色相/飽和度】命令 131
 實例——使商品圖片更鮮艷 132
 實例——制作不同顏色的樣品 133
4.6.3　【可選顏色】命令 135
 實例——調整商品圖片色彩 135
4.6.4　【顏色替換】工具：更改局部顏色 138
4.7　使用圖層混合模式進行調色 138
4.7.1　設置透明效果 139
4.7.2　設置混合效果 140
第5章 電商設計中的文字應用
5.1　文字的設計基礎 146
5.1.1　選擇合適風格的字體 146
5.1.2　電商設計師必知的文字編排規則 147
5.1.3　創意文字的設計方法 149
5.2　數字元素的運用 151
5.2.1　常見的數字元素 151
5.2.2　數字元素的設計方法 151
5.3　使用Photoshop處理與設計文字 154
5.3.1　認識Photoshop的文字工具 154
 5.3.2　創建點文本 155
 實例——制作夏日感廣告 157
 5.3.3　創建段落文本 159
 實例——制作商品宣傳頁 161
 5.3.4　創建路徑文字 164
 5.3.5　創建區域文本 165
 5.3.6　創建變形文字 166
 實例——制作果汁廣告 168
 5.3.7　文字蒙版工具：創建文字選區 171
5.3.8　【字符】面板 172
 實例——制作網店粉筆字公告 174
5.3.9　【段落】面板 175
5.3.10　柵格化：將文字對象變為普通圖層 177
 實例——制作季節銷售宣傳圖 178
 5.3.11　將文字對象轉換為形狀圖層 180
 實例——制作H5促銷廣告 181
5.4　圖層樣式：為文字添加藝術效果 184
 5.4.1　使用圖層樣式 184
 5.4.2　使用混合選項 185
5.4.3　斜面和浮雕 186
5.4.4　描邊 189
5.4.5　內陰影 190
5.4.6　內發光 191
5.4.7　光澤 191
5.4.8　顏色疊加 192
5.4.9　漸變疊加 192
5.4.10　圖案疊加 193
5.4.11　外發光 193
5.4.12　投影 193
 5.4.13　編輯已添加的圖層樣式 194
 實例——制作多彩指甲油主圖 197
第6章 排版設計
6.1 如何在設計中有效排版 202
6.1.1 圖像關聯性運用 202
6.1.2 閱讀體驗舒適性 202
6.1.3 主題內容引導性 203
6.2 電商視覺營銷中的構圖方法 204
6.2.1 平衡對稱構圖 204
6.2.2 中心構圖 205
6.2.3 對角線構圖 206
6.2.4 S形構圖 206
6.2.5 三角形構圖 206
6.3 版式中的留白 207
6.4 使用輔助工具安排版面 207
6.4.1 標尺 208
6.4.2 參考線 208
6.4.3 網格 210
6.4.4 對齊 210
 實例——制作優惠券領取界面 210
 實例——制作果汁廣告 213
 6.4.5 【圖框】工具 216
 實例——制作家具銷售廣告 218
第7章 Banner設計
7.1 Banner的釋義和運用范圍 222
7.2 Banner設計解析 222
7.2.1 Banner設計要點 222
7.2.2 Banner設計風格定位 224
 實例——制作中國風飾品Banner 227
 實例——制作節日主題Banner 229
7.3 Banner設計的組成要素 233
7.3.1 版式 234
 實例——制作每日堅果Banner 236
7.3.2 字體 239
 實例——制作國潮風字體Banner 240
7.3.3 顏色 243
 實例——制作紅色主題Banner 246
7.3.4 點綴 250
 實例——制作女裝特賣主題Banner 250
7.3.5 背景 253
 實例——制作男士手表Banner 254
第8章 詳情頁設計
8.1 解讀詳情頁設計 258
8.1.1 商品詳情頁的設計思路 258
8.1.2 商品詳情頁的設計要點 259
 實例——制作產品主圖 261
 實例——制作產品描述 263
8.1.3 詳情頁的結構 267
8.2 詳情頁設計的注意事項 269
 實例——制作咖啡豆產品詳情頁 269
第9章 專題頁設計
9.1 什么是專題頁 284
9.2 專題頁的組成部分 285
9.3 專題頁常用布局形式 285
9.3.1 常規樓層型專題頁 285
9.3.2 左右對比型專題頁 286
9.3.3 S形專題頁 286
9.3.4 I形專題頁 287
9.3.5 自由排版型專題頁 287
 實例——制作電腦/3C活動專題頁 288
9.4 9招做好專題頁設計 295
9.4.1 首尾呼應 295
9.4.2 巧用對比 295
9.4.3 揚長避短 296
9.4.4 協調統一 296
9.4.5 突破常規 297
9.4.6 層次分明 297
9.4.7 化繁為簡 298
9.4.8 氣質相投 298
9.4.9 與眾不同 299
 實例——制作新款太陽眼鏡專題頁 299
 實例——制作防曬用品專題頁 306