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