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

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