全平台网店美工全面精通:商品拍摄+视觉设计+店铺装修+视频制作

目　录

第1章　美工入门：快速提升网店设计能力 1

1.1　网店美工入门知识 2

1.1.1　网店美工的概念 2

1.1.2　网店美工的作用 3

1.1.3　网店美工的重要性 5

1.1.4　合格的美工应具备的能力 6

1.1.5　网店美工的展示效果 7

1.2　网店美工设计的关键要点 9

1.2.1　点元素的设计要点 9

1.2.2　线元素的设计要点 10

1.2.3　面元素的设计要点 10

1.3　塑造统一的店铺装修风格 10

1.3.1　明确店铺风格的定位 10

1.3.2　店铺整体的配色设计 11

1.3.3　设计风格统一的字体 13

1.3.4　店铺装修的图案设计 14

第2章　商品拍摄：轻松拍出爆款商品素材 17

2.1　增强商品美感的构图技巧 18

2.1.1　拍摄商品的基本构图原则 18

2.1.2　选择合适的画幅拍摄商品 19

2.1.3　从不同视角展现商品特色 20

2.1.4　拍摄商品的常用构图形式 20

2.1.5　拍摄商品构图的注意事项 23

2.2　控制商品摄影的光线影调 24

2.2.1　拍摄商品的光源类型 24

2.2.2　拍摄商品的光线角度 26

2.2.3　经典的商品摄影布光法 27

2.2.4　利用反光板控制光线 28

2.2.5　使用日常道具灯补光 28

2.2.6　拍摄免抠无影白底图 29

2.3　商品摄影的色彩搭配技巧 29

2.3.1　色彩在摄影中的重要性 29

2.3.2　认识色彩的分类与属性 30

2.3.3　掌握不同颜色的特征 31

2.3.4　运用色彩的冷暖对比 32

2.3.5　掌握色彩的搭配类型 32

2.4　不同材质的商品拍摄技巧 33

2.4.1　拍摄吸光类的商品 33

2.4.2　拍摄反光类的商品 34

2.4.3　拍摄透光类的商品 35

2.5　掌握商品拍摄的摆放技巧 35

2.5.1　商品拍摄的摆放角度 35

2.5.2　错落有致地摆放商品 36

2.5.3　商品拍摄的造型设计 37

2.5.4　拍摄道具的搭配摆放 37

2.5.5　商品拍摄的组合摆放 37

2.5.6　拍摄商品的内部结构 38

第3章　视觉设计：营造消费氛围促进下单 39

3.1　网店美工的视觉设计重点 40

3.1.1　用户购物路径的掌握 40

3.1.2　优质视觉内容的打造 41

3.1.3　图文视觉元素的展现 41

3.2　网店美工的视觉效果打造 42

3.2.1　店铺视觉效果的定位 42

3.2.2　店铺结构布局的优化 44

3.2.3　店铺页面版式的设计 44

3.2.4　视觉逻辑关系的设计 46

3.2.5　视觉营销信息的传递 46

3.3　网店视觉设计的技巧 48

3.3.1　商品图片的视觉化设计 48

3.3.2　商品文案的视觉化设计 49

3.3.3　注重细节，抓住用户心理 50

3.3.4　提升视觉设计的形式美感 52

3.3.5　通过视觉设计提升转化率 53

第4章　店铺装修：做出精美店铺吸引客流 57

4.1　店铺装修的构图与布局技巧 58

4.1.1　分隔构图法 58

4.1.2　矩形构图法 58

4.1.3　渐进构图法 59

4.1.4　单向型布局 59

4.1.5　曲线型布局 59

4.2　店铺核心区域的装修设计 60

4.2.1　首页店招的装修设计 60

4.2.2　店铺Logo的装修设计 63

4.2.3　店铺导航条的装修设计 63

4.2.4　商品列表页的装修设计 65

4.2.5　店铺收藏区的装修设计 65

4.2.6　店铺客服区的装修设计 67

4.2.7　店铺公告栏的装修设计 68

4.3　店铺重点板块的装修设计 69

4.3.1　店铺首页的装修设计 69

4.3.2　商品主图的装修设计 71

4.3.3　商品详情页的装修设计 80

4.3.4　广告海报的装修设计 83

第5章　图片美工：让店铺商品更夺人眼球 87

5.1　商品图像的基本处理 88

5.1.1　调整尺寸：改变商品图像的大小 88

5.1.2　裁剪图像：裁掉多余的商品画面 89

5.1.3　编辑图像：缩放与旋转商品素材 90

5.2　商品图像的色彩处理 91

5.2.1　调整曝光：恢复商品图像的亮度 91

5.2.2　调整色彩：让商品颜色更加亮丽 92

5.2.3　还原颜色：恢复商品的原本色彩 93

5.3　商品图像的修复处理 94

5.3.1　污点修复：修复商品图中的瑕疵 95

5.3.2　去除杂物：处理不要的瑕疵图像 96

5.3.3　锐化处理：把模糊商品图变清晰 97

5.4　商品图像的抠图处理 98

5.4.1　形状抠图：抠出规则形状的商品 99

5.4.2　颜色抠图：抠出纯色背景的商品 100

5.4.3　任意抠图：抠出形状复杂的商品 101

5.5　商品图像的高级处理 102

5.5.1　添加文案：增强图片的带货效果 102

5.5.2　添加水印：防止图片被他人盗用 104

5.5.3　添加边框：让商品主体更加突出 104

5.5.4　合成图像：将多张图片合为一张 105

5.5.5　生成切片：加快图片的下载速度 107

第6章　视频制作：剪出高品质的商品大片 109

6.1　商品视频的后期处理 110

6.1.1　剪辑视频：将多余的画面剪切掉 110

6.1.2　美化人物：让模特颜值变得更高 111

6.1.3　调节色彩：让视频画面富有生机 112

6.1.4　添加文字：增强用户的观看体验 112

6.1.5　剪辑音乐：添加合适的背景音乐 114

6.2　商品视频的效果制作 116

6.2.1　滤镜效果：让视频色彩更加丰富 116

6.2.2　转场效果：使镜头的过渡更自然 117

6.2.3　画面特效：增强视频画面代入感 119

6.2.4　动画效果：让视频变得更加生动 121

6.2.5　合成效果：营造身临其境画面感 123

第7章　淘宝、天猫的平面设计与视频制作 125

7.1　平面设计：美妆网店首页 126

7.1.1　制作纯色渐变背景效果 126

7.1.2　调整商品图像的亮度 127

7.1.3　制作首页商品文案效果 129

7.2　视频制作：女装模特展示 130

7.2.1　剪辑女装视频素材 131

7.2.2　为视频添加转场效果 132

7.2.3　制作片头和片尾效果 137

7.2.4　为视频添加卖点文案 140

7.2.5　为视频添加背景音乐 145

第8章　京东、拼多多的平面设计与视频制作 147

8.1　平面设计：图书商品详情页 148

8.1.1　制作商品详情页的主体效果 148

8.1.2　制作商品详情页的文案效果 151

8.2　视频制作：图书主图视频 155

8.2.1　导入图片和视频素材 156

8.2.2　制作关键帧动画效果 157

8.2.3　添加主图视频文案 158

8.2.4　添加视频背景音乐 162

8.2.5　添加动态贴纸效果 163

第9章　抖音、快手的平面设计与视频制作 165

9.1　平面设计：鞋子商品主图 166

9.1.1　制作商品主图背景效果 166

9.1.2　制作商品主图主体效果 168

9.1.3　制作商品主图文案效果 169

9.2　视频制作：美食广告短片 172

9.2.1　制作广告短片的片头效果 173

9.2.2　为美食照片添加动画效果 175

9.2.3　为视频添加广告宣传文案 178

9.2.4　制作广告短片的片尾效果 180

第10章　视频号、B站的平面设计与视频制作 183

10.1　平面设计：手机广告海报　 184

10.1.1　制作广告海报的背景效果 184

10.1.2　制作广告海报的主体效果 185

10.1.3　制作广告海报的文案效果 188

10.2　视频制作：汉服详情视频 190

10.2.1　导入素材并进行美化处理 191

10.2.2　添加背景音乐和转场效果 193

10.2.3　添加滤镜效果和画面特效 195

10.2.4　为视频添加解说文字效果 198

10.2.5　添加贴纸效果并导出视频 201