PHOTOSHOP美工基础与网店装修(微课版)/赵爱香

第 1章 网店美工与Photoshop CS6

基础　.......................　1

1.1　认识网店美工 . . . . . . . . . . . . . . . . .　2

1.1.1　网店美工的工作范畴 . . . .2

1.1.2　网店美工的技术要求 . . . .2

1.1.3　美工需注意的问题 . . . . . .3

1.1.4　网店美工应掌握的设计

要点　. . . . . . . . . . . . . .3

1.2　Photoshop CS6图像文件基础知识 . . . .　9

1.2.1　像素和分辨率 . . . . . . . .9

1.2.2　位图和矢量图 . . . . . . . .9

1.2.3　图像的色彩模式 . . . . . .　10

1.2.4　图像辅助工具 . . . . . . .　12

1.2.5　参考线 . . . . . . . . . . .　13

1.3　Photoshop CS6图像文件基本操作 . . .　14

1.3.1　认识Photoshop CS6的工作

界面　. . . . . . . . . . . . .　15

1.3.2　新建与打开图像文件 . . .　16

1.3.3　导入与导出图像文件 . . .　17

1.3.4　保存和关闭图像文件 . . .　17

1.3.5　移动与变换图像文件 . . .　18

1.3.6　复制与粘贴图像文件 . . .　20

1.4　美工实战——查看并调整榨汁机

首页效果　. . . . . . . . . .　20

1.4.1　案例目标 . . . . . . . . . .　20

1.4.2　制作分析 . . . . . . . . . .　21

1.4.3　制作过程 . . . . . . . . . .　21

1.5　课后练习 . . . . . . . . . . . . . . . . . . .　22

1.　打开Photoshop CS6工作界面 .　22

2.　更改图像模式 . . . . . . . . . .　22

第　2章 使用选区和图层美化

图像　......................23

2.1　创建与编辑选区 . . . . . . . . . . . . . .　24

2.1.1　创建几何选区 . . . . . . .　24

2.1.2　创建不规则选区 . . . . . .　25

2.1.3　创建颜色选区 . . . . . . .　26

2.1.4　编辑选区 . . . . . . . . . .　27

2.2　创建与编辑图层 . . . . . . . . . . . . . .　30

2.2.1　认识“图层”面板 . . . . .　30

2.2.2　新建图层 . . . . . . . . . .　31

2.2.3　复制与删除图层 . . . . . .　33

2.2.4　合并与盖印图层 . . . . . .　33

2.2.5　对齐与分布图层 . . . . . .　34

2.2.6　移动与链接图层 . . . . . .　34

2.2.7　图层混合模式 . . . . . . .　35

2.2.8　设置图层不透明度 . . . . .　37

2.2.9　设置图层样式 . . . . . . .　38

2.3　美工实战——制作PC端旅行包主图

效果　. . . . . . . . . . . . .　39

2.3.1　案例目标 . . . . . . . . . .　39

2.3.2　制作分析 . . . . . . . . . .　39

2.3.3　制作过程 . . . . . . . . . .　40

2.4　课后练习 . . . . . . . . . . . . . . . . . . .　43

1.　制作大枣移动端主图 . . . . . .　43

2.　制作网店商品活动图 . . . . . .　44

第3章　修饰商品图像瑕疵 ......45

3.1　照片瑕疵的遮挡与修复 . . . . . . . . . .　46

3.1.1　污点修复画笔工具 . . . . .　46

3.1.2　修复画笔工具 . . . . . . .　46

3.1.3　修补工具 . . . . . . . . . .　47

3.1.4　红眼工具 . . . . . . . . . .　48

3.1.5　仿制图章工具 . . . . . . .　49

3.1.6　图案图章工具 . . . . . . .　50

3.2　图像表面的修饰 . . . . . . . . . . . . . .　50

3.2.1　模糊工具 . . . . . . . . . .　50

3.2.2　锐化工具 . . . . . . . . . .　51

3.2.3　涂抹工具 . . . . . . . . . .　51

3.2.4　减淡工具 . . . . . . . . . .　52

3.2.5　加深工具 . . . . . . . . . .　52

3.2.6　海绵工具 . . . . . . . . . .　53

3.3　清除图像 . . . . . . . . . . . . . . . . . . .　53

3.3.1　橡皮擦工具 . . . . . . . . .　54

3.3.2　背景橡皮擦工具 . . . . . .　54

3.3.3　魔术橡皮擦工具 . . . . . .　55

3.4　美工实战 . . . . . . . . . . . . . . . . . . .　56

3.4.1　修复人物图像 . . . . . . .　56

3.4.2　修复吉他图像 . . . . . . .　59

3.4.3　制作移动端店铺Banner . .　62

3.5　课后练习 . . . . . . . . . . . . . . . . . . .　65

1.　制作虚化背景效果 . . . . . . .　65

2.　制作网店商品活动图 . . . . . .　65

3.　制作跨境电商店铺Banner . . .　66

第4章　调整商品图像色彩 ......67

4.1　图像的明暗调整 . . . . . . . . . . . . . .　68

4.1.1　自动调整色调/对比度/

颜色　. . . . . . . . . . . .　68

4.1.2　“亮度/对比度”命令 . . .　69

4.1.3　“色阶”命令 . . . . . . .　69

4.1.4　“曲线”命令 . . . . . . .　70

4.1.5　“曝光度”命令 . . . . . .　71

4.1.6　“阴影/高光”命令 . . . .　72

4.2　图像的色彩调整 . . . . . . . . . . . . . .　73

4.2.1　“自然饱和度”命令 . . .　73

4.2.2　“色相/饱和度”命令 . . .　73

4.2.3　“色彩平衡”命令 . . . . .　74

4.2.4　“黑白”命令 . . . . . . .　74

4.2.5　“照片滤镜”命令 . . . . .　75

4.2.6　“通道混合器”命令 . . .　76

4.3　特殊图像调整 . . . . . . . . . . . . . . . .　76

4.3.1　“反相”命令 . . . . . . .　76

4.3.2　“色调分离”命令 . . . . .　77

4.3.3　“渐变映射”命令 . . . . .　77

4.3.4　“阈值”命令 . . . . . . .　78

4.3.5　“可选颜色”命令 . . . . .　78

4.3.6　“去色”命令 . . . . . . .　79

4.3.7　“匹配颜色”命令 . . . . .　79

4.3.8　“替换颜色”命令 . . . . .　80

4.4　美工实战 . . . . . . . . . . . . . . . . . . .　81

4.4.1　恢复玻璃杯真实效果 . . .　81

4.4.2　调整不锈钢锅颜色 . . . . .　84

4.4.3　调整首页轮播图效果 . . .　87

4.5　课后练习 . . . . . . . . . . . . . . . . . . .　91

1.　调整素材背景中的明暗度 . . .　91

2.　让商品图像摆脱沉闷灰色 . . .　91

3.　制作移动端主图 . . . . . . . .　92

第5章　使用图形和文字完善网店

内容　......................93

5.1　使用钢笔工具绘制图形 . . . . . . . . .　94

5.1.1　认识路径 . . . . . . . . . .　94

5.1.2　使用钢笔工具绘图 . . . . .　95

5.1.3　使用铅笔工具绘制图像 . .　97

5.2　使用形状工具绘制图形 . . . . . . . . . .　98

5.2.1　矩形工具 . . . . . . . . . .　98

5.2.2　圆角矩形工具 . . . . . . .　99

5.2.3　椭圆工具 . . . . . . . . . .　99

5.2.4　多边形工具 . . . . . . . . .　99

5.2.5　直线工具 . . . . . . . . .　100

5.2.6　自定形状工具 . . . . . .　101

5.3　使用画笔工具绘制图形 . . . . . . . . .　102

5.3.1　认识画笔工具 . . . . . .　102

5.3.2　设置与应用画笔样式 . .　103

5.3.3　载入画笔 . . . . . . . . .　104

5.3.4　使用画笔工具绘制图像 .　106

5.4　添加并编辑文字 . . . . . . . . . . . . .　110

5.4.1　创建文字 . . . . . . . . .　110

5.4.2　点文字与段落文字的转换 .111

5.4.3　创建变形文字 . . . . . .　112

5.4.4　使用“字符”面板 . . . .　113

5.4.5　使用“段落”面板 . . . .　113

5.5　美工实战 . . . . . . . . . . . . . . . . . .　114

5.5.1　制作PC端店铺店标 . . .　114

5.5.2　制作移动端店标与店招 .　118

5.5.3　制作移动端详情页 . . . .　122

5.6　课后练习 . . . . . . . . . . . . . . . . . .　130

1.　制作洗衣机海报 . . . . . . .　130

2.　制作洗衣机促销图 . . . . . .　130

第6章　使用通道、蒙版和

滤镜　......................131

6.1　使用通道 . . . . . . . . . . . . . . . . .　132

6.1.1　认识通道 . . . . . . . . .　132

6.1.2　认识“通道”面板 . . . .　132

6.1.3　创建Alpha通道 . . . . . .　133

6.1.4　创建专色通道 . . . . . .　133

6.1.5　复制与删除通道 . . . . .　134

6.1.6　分离与合并通道 . . . . .　135

6.1.7　混合通道 . . . . . . . . .　136

6.2　蒙版 . . . . . . . . . . . . . . . . . . . . .　137

6.2.1　认识蒙版 . . . . . . . . .　137

6.2.2　矢量蒙版 . . . . . . . . .　138

6.2.3　剪贴蒙版 . . . . . . . . .　139

6.2.4　图层蒙版 . . . . . . . . .　141

6.2.5　快速蒙版 . . . . . . . . .　143

6.3　使用滤镜 . . . . . . . . . . . . . . . . . .　144

6.3.1　认识滤镜库 . . . . . . . .　144

6.3.2　应用独立滤镜 . . . . . .　147

6.3.3　应用特效滤镜 . . . . . .　149

6.4　美工实战 . . . . . . . . . . . . . . . . . .　153

6.4.1　制作女装海报 . . . . . .　153

6.4.2　制作PC端焦点图 . . . . . .　156

6.4.3　制作移动端焦点图 . . . .　162

6.5　课后练习 . . . . . . . . . . . . . . . . . .　167

1.　制作家具画效果 . . . . . . .　167

2.　制作PC端护肤品详情页 . . .　168

第7章　切片与批处理图像 .....169

7.1　切片 . . . . . . . . . . . . . . . . . . . . .　170

7.1.1　创建切片 . . . . . . . . .　170

7.1.2　编辑切片 . . . . . . . . .　171

7.1.3　保存切片 . . . . . . . . .　172

7.2　动作与批处理图像 . . . . . . . . . . . .　173

7.2.1　认识“动作”面板 . . . .　173

7.2.2　创建与保存动作 . . . . .　174

7.2.3　自动处理图像 . . . . . .　175

7.3　美工实战 . . . . . . . . . . . . . . . . . .　177

7.3.1　为照片统一添加水印 . .　177

7.3.2　对详情页进行切片 . . . .　180

7.4　课后练习 . . . . . . . . . . . . . . . . . .　184

1.　录制“下雪”动作 . . . . . .　184

2.　为图像添加边框 . . . . . . .　184

第8章　ITMC网店开设与装修

实训软件　................185

8.1　系统登录操作说明 . . . . . . . . . . . .　186

8.1.1　登录ITMC系统平台 . . .　186

8.1.2　用户登录 . . . . . . . . .　186

8.2　店铺装修 . . . . . . . . . . . . . . . . . .　187

8.2.1　店铺装修比赛说明 . . . .　187

8.2.2　网店开设 . . . . . . . . .　189

8.2.3　店标设计 . . . . . . . . .　189

8.2.4　上传网店Banner . . . . .　190

8.2.5　详情页设计 . . . . . . . .　190

8.2.6　商品促销 . . . . . . . . .　196

8.2.7　热销商品 . . . . . . . . .　196

8.2.8　生成店铺首页和商品

详情页　. . . . . . . . . .　197

8.3　跨终端店铺建设 . . . . . . . . . . . . .　197

8.3.1　店标设计 . . . . . . . . .　198

8.3.2　店招设计 . . . . . . . . .　198

8.3.3　网店Banner . . . . . . . .　199

8.3.4　详情页设计 . . . . . . . .　200

8.4　跨境端店铺建设 . . . . . . . . . . . . .　201

8.4.1　认识跨境端店铺 . . . . .　201

8.4.2　跨境店铺开设 . . . . . .　202

8.4.3　网店Banner . . . . . . . .　203

8.4.4　详情页设计 . . . . . . . .　203

8.5　跨平台店铺开设 . . . . . . . . . . . . .　205

8.5.1　阿里巴巴平台 . . . . . .　206

8.5.2　京东平台 . . . . . . . . .　208

8.5.3　淘宝平台 . . . . . . . . .　210

8.6　课后练习 . . . . . . . . . . . . . . . . . .　212

1.　装修PC端详情页 . . . . . .　212

2.　输入京东店铺信息并上传图像 . . . . . . . . . . . . .　212

3.　为阿里巴巴装修店铺 . . . .　212