Photoshop電商設計師必知必會(微視頻版)

目錄

第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