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

第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