网店美工与短视频案例实战

第1章网店装修基础知识 / 1
1．1 与网店装修相关 / 1
1．1．1 网店装修的重要性 / 1
1．1．2 不同电商平台装修规范 / 2
1．1．3 如何确定网店装修风格 / 4
1．2 网店装修三大要素――色彩、文字和版式 / 6
1．2．1 网店装修常见配色方案 / 6
1．2．2 掌握网店文字的编排准则 / 8
1．2．3 通过合适分割方式安排装修文本 / 10
1．2．4 版面布局的形式法则 / 11
1．2．5 常见的网店装修版式布局视觉流程 / 13
1．3 网店装修中常用的软件 / 15
1．3．1 认识网店装修的利器――Photoshop / 15
1．3．2 网店视频制作利器――Premiere Pro / 16
1．4 网店装修的工作流程 / 17
1．4．1 收集并整理装修素材 / 17
1．4．2 在Photoshop 中设计装修效果图 / 17
1．4．3 对图片进行切片并优化处理 / 18
1．4．4 将图片和视频上传到网络空间中 / 20
1．4．5 编写代码完成店铺装修 / 21
第2章网店装修五大技能 / 23
2．1 裁剪与校正 / 23
2．1．1 重设图片的大小 / 23
2．1．2 裁剪图像改变构图 / 24
2．1．3 拉直让商品端正展示 / 25
2．2 修复瑕疵还原精致细节 / 26
2．2．1 去除用于悬挂商品的挂钩 / 26
2．2．2 去除摄影棚的痕迹 / 28
2．2．3 去除模特的瑕疵 / 28
2．2．4 去除商品上的毛发、灰尘 / 31
2．2．5 去除商品包装上的瑕疵 / 32
2．2．6 修复商品表面的缺陷 / 33
2．3 校正和美化颜色 / 34
2．3．1 恢复照片的正常亮度 / 34
2．3．2 校正白平衡还原真实颜色 / 36
2．3．3 修复发灰的照片 / 37
2．3．4 改变商品色调营造特殊氛围 / 38
2．4 抠取与合成 / 39
2．4．1 纯色背景的抠取 / 40
2．4．2 外形规则的商品抠取 / 41
2．4．3 外形不规则的商品抠取 / 42
2．4．4 精细图像的抠取 / 44
2．4．5 特定颜色的抠取 / 45
2．4．6 半透明图像的抠取 / 46
2．4．7 合成装饰元素让画面更丰富 / 47
2．5 文字应用 / 48
2．5．1 文字的添加与设置 / 48
2．5．2 文字的艺术化编排 / 50
2．5．3 变形文字 / 51
第3章 网店首页元素设计 / 53
3．1 店招与导航条设计 / 53
3．1．1 店招与导航条设计要点 / 53
3．1．2 灯具网店店招与导航条设计 / 54
3．1．3 宠物用品网店店招与导航条设计 / 57
3．2 欢迎模块与轮播图设计 / 61
3．2．1 欢迎模块与轮播图的设计规范 / 61
3．2．2 新品上架欢迎模块设计 / 62
3．2．2 箱包促销轮播图设计 / 66
3．3 商品陈列区设计 / 72
3．3．1 商品陈列区的常用布局 / 72
3．3．2 时尚的女鞋网店商品陈列区 / 74
3．3．3 规整的女装网店商品陈列区 / 79
第4章 商品详情页面元素设计 / 85
4．1 主图和橱窗照设计 / 85
4．1．1 主图和橱窗照的设计规范 / 85
4．1．2 清爽风格的主图设计 / 86
4．1．3 清爽风格的主图设计 / 90
4．2 宝贝分类区设计 / 94
4．2．1 分类区设计要点 / 94
4．2．2 炫彩风格的宝贝分类区设计 / 95
4．2．3 单色风格的宝贝分类区设计 / 96
4．3 商品搭配区设计 / 98
4．3．1 商品搭配专区的表现方式 / 98
4．3．2 冷酷风格的商品搭配区设计 / 99
4．3．3 清新风格的商品搭配区设计 / 103
4．4 商品细节展示区设计 / 107
4．4．1 商品细节展示区的表现方式 / 107
4．4．2 指示型商品细节展示区的设计 / 109
4．4．3 局部图解型商品细节展示区设计 / 113
第5章 网店首页整体装修设计 / 117
5．1 女装网店首页装修设计 / 117
5．1．1 文字和图形组成简约店招和导航条 / 119
5．1．2 图层蒙版制作溶图 / 121
5．1．3 简易色块组成的分类栏 / 122
5．1．4 制作简约风格的女装展示区域 / 122
5．1．5 利用客服区提升首页服务品质 / 125
5．1．6 调色和锐化 / 126
5．2 饰品网店首页装修设计 / 127
5．2．1 制作背景确定设计风格 / 129
5．2．2 抠取饰品图像制作欢迎模块 / 130
5．2．3 明度较暗的二级海报 / 131
5．2．4 使用分类区引导购物 / 134
5．2．5 推荐款区域呈现主打商品 / 136
5．2．6 补充内容完善首页信息表现 / 137
5．3 家具网店首页装修设计 / 139
5．3．1 制作拼接效果的欢迎模块 / 141
5．3．2 简洁的店招和导航条设计 / 142
5．3．3 利用线条引导视线的商品展示区 / 144
5．3．4 添加收藏完善画面效果 / 147
第6章 商品详情页面装修设计 / 149
6．1 女包详情页面设计 / 149
6．1．1 利用广告图展示女包形象 / 151
6．1．2 全面的女包详情 / 152
6．1．3 制作侧边栏 / 156
6．1．4 添加收藏区丰富侧边栏 / 157
6．1．5 简约的女包橱窗照 / 157
6．2 腕表详情页面设计 / 158
6．2．1 冷酷大气的广告图 / 160
6．2．2 暗色调的商品详情 / 161
6．2．3 金属材质的侧边栏 / 165
6．2．4 简约大气的腕表橱窗照 / 166
6．3 运动鞋详情页面设计 / 167
6．3．1 炫酷的运动鞋广告图 / 169
6．3．2 指示性线条突出商品卖点 / 172
6．3．3 运动鞋的多个亮点设计 / 174
6．3．4 添加尺码对照表 / 175
6．3．5 辅助信息塑造专业店铺形象 / 176
6．3．6 选取图像制作运动鞋橱窗照 / 176
6．4 眼镜框详情页面设计 / 179
6．4．1 简洁的商品广告图 / 181
6．4．2 内容详细的商品详情展示 / 182
6．4．3 风格统一的眼镜框橱窗照 / 186
第7章 制作视频的软件基础 / 187
7．1　视频编辑基础 / 187
7．1．1　创建项目 / 187
7．1．2　向项目中导入素材 / 188
7．1．3　创建序列 / 188
7．1．4 向序列中添加素材 / 189
7．1．5　存储和输出视频 / 191
7．2　编辑视频素材 / 193
7．2．1　调整视频素材位置 / 193
7．2．2 裁剪和旋转视频素材 / 194
7．2．3 视频素材的颜色调整 / 196
7．2．4　分割和删除视频素材 / 197
7．3　添加视频过渡效果 / 198
7．3．1　应用过渡效果 / 199
7．3．2　添加默认转场效果 / 199
7．3．3　自定义过渡参数 / 200
7．3．4　替换和删除过渡效果 / 201
7．4　丰富多彩的视频效果应用 / 203
7．4．1　添加视频效果 / 203
7．4．2　控制视频播放效果 / 204
7．4．3　禁用和启用效果 / 205
7．4．4　删除视频效果 / 205
7．5　创建和编辑字幕 / 206
7．5．1　创建静态字幕 / 206
7．5．2　创建动态字幕 / 208
7．5．3　设置字幕文字属性 / 209
7．5．4 应用字幕样式 / 210
7．6　设置音频特效 / 211
7．6．1　在项目中添加音频素材 / 211
7．6．2　分割和删除音频（文件） / 212
7．6．3　设置音频速度和持续时间 / 213
7．6．4　调整音量 / 214
7．6．5　制作音效过渡效果 / 215
第8章 网店视频制作 / 217
8．1　网店主图视频设计 / 217
8．1．1　主图视频的设计规范 / 217
8．1．2　台灯主图视频设计 / 218
8．1．3　茶叶主图视频设计 / 227
8．2　详情视频设计 / 235
8．2．1　详情视频设计规范 / 235
8．2．2　鼠标详情视频设计 / 236
8．2．3　眼影详情视频设计 / 246