Photoshop電商設(shè)計師必知必會（微視頻版）

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