Photoshop CC网店美工视觉设计实战

目 录
第 1章 网店美工基础知识 1
1．1 网店美工概述 2
1．1．1 网店美工的工作范畴 2
1．1．2 网店美工视觉设计注意问题 4
1．1．3 网店美工的技能要求 4
1．2 网店美工必须掌握的设计要点 5
1．2．1 认识点、线、面三大设计元素 5
1．2．2 色彩的搭配 6
1．2．3 文字的字体与布局 7
1．2．4 构图与布局 10
1．3 熟悉Photoshop图像处理软件 12
1．3．1 认识Photoshop工作界面 12
1．3．2 设置和填充图像颜色 13
1．3．3 图层的基本操作 14
1．3．4 批处理商品图片 15
1．4 实战演练——制作促销标签 17
课后练习 20
第 2章 商品图片基本处理 21
2．1 修改与校正商品图片 22
2．1．1 修改商品图片尺寸 22
2．1．2 校正变形的商品图片 23
2．2 调整商品图片色调 24
2．2．1 了解图片调色 24
2．2．2 调整曝光不足的商品图片 25
2．2．3 调整曝光过度的商品图片 27
2．2．4 调整有色差的商品图片 28
2．3 商品图片特殊效果处理 30
2．3．1 调整模糊的商品图片 30
2．3．2 虚化商品图片背景 32
2．4 实战演练 33
2．4．1 修饰女包商品图片 33
2．4．2 调整休闲鞋商品图片色调 36
课后练习 38
第3章 商品图片后期处理 39
3．1 抠取商品图片 40
3．1．1 规则商品图片抠图 40
3．1．2 单色背景抠图 41
3．1．3 复杂商品图片抠图 43
3．1．4 毛发抠图 45
3．1．5 半透明物体抠图 46
3．2 修饰商品图片 49
3．2．1 清除图片上的污迹 49
3．2．2 去除背景中多余的物品 50
3．2．3 调整模特 52
3．3 丰富图片内容 53
3．3．1 添加与美化文本 53
3．3．2 为商品图片添加形状 55
3．3．3 合成图像 58
3．4 实战演练 59
3．4．1 为沙发更换背景 59
3．4．2 处理女包商品图片 61
课后练习 63
第4章 网店首页视觉
设计 65
4．1 店招与导航条设计 66
4．1．1 店招与导航条设计要点 66
4．1．2 制作宠物用品店店招与导航条 67
4．2 轮播海报设计 70
4．2．1 不同轮播海报的尺寸要求 71
4．2．2 轮播海报设计要点 72
4．2．3 制作宠物用品店轮播海报 73
4．3 优惠券设计 75
4．3．1 优惠券的设计原则 75
4．3．2 制作宠物用品店优惠券 76
4．4 商品陈列区设计 77
4．4．1 商品陈列区的设计要点 77
4．4．2 制作宠物用品店商品陈列区 78
4．5 实战演练 82
4．5．1 制作女装店铺店招与导航条 82
4．5．2 制作女装店铺海报 84
课后练习 86
第5章 商品详情页
视觉设计 88
5．1 商品详情页设计要点 89
5．1．1 商品详情页制作规范 89
5．1．2 商品详情页的内容分析与策划 89
5．2 商品详情页设计 90
5．2．1 焦点图设计 90
5．2．2 卖点说明图设计 93
5．2．3 信息展示图设计 97
5．2．4 快递与售后图设计 100
5．3 实战演练——制作四件套详情页 101
课后练习 107
第6章 网店装修 108
6．1 素材中心 109
6．1．1 切片并上传图片 109
6．1．2 管理素材中心的商品图片 111
6．2 装修网店首页 113
6．2．1 认识装修模块 113
6．2．2 装修店铺首页 114
6．3 发布商品详情页 120
6．4 实战演练——装修洗衣机
店铺首页 123
课后练习 126
第7章 推广图的设计与
制作 128
7．1 主图的设计与制作 129
7．1．1 宝贝主图规范 129
7．1．2 制作优质商品主图的技巧 129
7．1．3 数据线主图的设计 130
7．2 引力魔方推广图的设计与制作 132
7．2．1 引力魔方推广图的位置和
相关规范 133
7．2．2 引力魔方推广图的设计要点 134
7．2．3 煲仔饭引力魔方推广图设计 134
7．3 直通车推广图的设计与制作 137
7．3．1 直通车的展现方式 137
7．3．2 直通车推广图的设计要点 138
7．3．3 直通车推广图引流的关键 139
7．3．4 开心果直通车推广图的设计 140
7．4 实战演练 143
7．4．1 制作剃须刀直通车推广图 143
7．4．2 设计护肤品引力魔方推广图 146
课后练习 148
第8章 视频的设计与
制作 149
8．1 视频制作基础 150
8．1．1 视频的基本术语 150
8．1．2 视频制作要求 150
8．1．3 认识剪映视频剪辑软件 152
8．1．4 视频制作流程 152
8．2 主图和详情页视频的设计与制作 153
8．2．1 设计与制作主图视频 153
8．2．2 设计与制作详情页视频 157
8．3 视频上传 161
8．3．1 支持视频功能的商品类目 161
8．3．2 上传与发布视频 161
8．4 实战演练—制作并上传主图
视频 163
课后练习 167
第9章 移动端网店视觉设计
与装修 169
9．1 移动端网店首页设计基础 170
9．1．1 了解移动端网店首页 170
9．1．2 移动端网店首页模块的组成 170
9．1．3 移动端网店首页设计的
注意事项 171
9．2 移动端网店首页设计 172
9．2．1 海报设计 172
9．2．2 优惠券设计 174
9．2．3 商品分类设计 175
9．2．4 宝贝展示设计 177
9．3 移动端网店首页装修 180
9．3．1 模块装修 180
9．3．2 一键智能装修 182
9．4 移动端详情页的设计 182
9．4．1 移动端详情页的特征 182
9．4．2 移动端详情页的设计要点 183
9．4．3 移动端详情页设计 183
9．5 实战演练—制作家具网店
移动端首页 185
课后练习 188
第 10章 综合案例—厨房用
具网店视觉设计 189
10．1 处理厨房用具商品图片 190
10．1．1 案例分析 190
10．1．2 设计实施 190
10．2 设计厨房用具网店首页 192
10．2．1 案例分析 192
10．2．2 设计实施 193
10．3 设计厨房用具商品详情页 199
10．3．1 案例分析 199
10．3．2 设计实施 200
10．4 制作厨房用具详情页视频 204
10．4．1 案例分析 204
10．4．2 设计实施 204
10．5 设计厨房用具网店推广图 208
10．5．1 案例分析 208
10．5．2 设计实施 208
课后练习 211