网店美工视觉设计项目式教程(全彩微课版)

第 1 篇　网店美工基础
第　1章 网店美工基础知识.....　001
1.1　网店美工概述....................　002
1.1.1　网店美工的工作范畴.......　002
1.1.2　网店美工的技能要求.......　003
1.2　网店美工视觉设计基础 .....　004
1.2.1　色彩..............................　004
1.2.2　图形..............................　006
1.2.3　文字..............................　007
1.3　Photoshop 的基本操作......　010
1.3.1　设置和填充图像颜色.......　010
1.3.2　图层的基本操作.............　011
1.3.3　修改商品图片尺寸..........　012
1.3.4　批处理图片...................　013
1.4　利用Photoshop 抠图...........　015
1.4.1　规则图像抠图.................　015
1.4.2　纯色背景抠图................　016
1.4.3　复杂图像抠图................　018
1.4.4　毛发抠图.......................　020
1.4.5　半透明物体抠图.............　022
1.5　实战演练...........................　024
1.5.1　美化沙发商品图片..........　024
1.5.2　为保温杯更换背景..........　026
课后练习....................................　028
第　2 篇 网店图片处理
第　2章 图片调色...................　030
2.1　了解图片调色....................　031
2.1.1　图片调色的原则.............　031
2.1.2　使用调整图层调色..........　032
2.2　处理曝光不足或曝光过度的图片...............................　034
2.2.1　提高图片的亮度与对比度....　034
2.2.2　调整图片的高光、阴影与.中间调..........................　035
2.3　调整图片色调....................　039
2.3.1　图片偏色校正.................　040
2.3.2　图片特殊颜色调整.........　042
2.4　实战演练...........................　045
2.4.1　童装连衣裙调色.............　045
2.4.2　制作颜色展示区.............　047
课后练习....................................　050
第3　章 图片修饰.................　051
3.1　修饰图片...........................　052
3.1.1　清除图片上的污迹..........　052
3.1.2　去除背景中多余的物品.............................　053
3.1.3　加强亮部与暗部的对比..............................　055
3.1.4　提高图片清晰度.............　055
3.1.5　打磨材质表面................　057
第３篇　店铺装修
3.1.6　增加金属质感................　058
3.1.7　精修人物商品图片.........　060
3.2　丰富图片内容....................　062
3.2.1　添加与美化图片文本.......　062
3.2.2　添加形状与图案.............　064
3.3　添加图片特效....................　066
3.3.1　虚化背景.......................　066
3.3.2　添加发光效果................　067
3.3.3　合成图像.......................　068
3.4　实战演练...........................　070
3.4.1　修饰家用榨汁机.............　070
3.4.2　修饰羽绒服...................　074
课后练习....................................　077
第３篇　店铺装修
第4章　店铺首页核心模块设计..........................　078
4.1　店招设计...........................　079
4.1.1　店招制作规范.................　079
4.1.2　制作店招.......................　079
4.2　轮播海报设计....................　082
4.2.1　轮播海报布局方式..........　082
4.2.2　轮播海报设计要点.........　083
4.2.3　制作轮播海报................　083
4.3　优惠券设计........................　085
4.3.1　优惠券的制作原则..........　085
4.3.2　制作优惠券...................　086
4.4　商品促销区设计.................　088
4.4.1　商品促销区的设计要点...　088
4.4.2　制作商品促销区.............　088
4.5　实战演练...........................　090
4.5.1　制作家电店铺店招..........　090
4.5.2　制作手机轮播海报.........　093
课后练习....................................　097
第5　章 商品详情页视觉设计........................　099
5.1　商品详情页设计要点.........　100
5.1.1　商品详情页制作规范.......　100
5.1.2　商品详情页的分析与策划.............................　100
5.2　商品详情页设计.................　101
5.2.1　焦点图设计....................　101
5.2.2　卖点说明图设计.............　103
5.2.3　信息展示图设计.............　105
5.3　实战演练...........................　108
5.3.1　制作风扇焦点图.............　108
5.3.2　制作电动牙刷信息展示图...................　110
课后练习....................................　112
第6章　装修店铺...................　114
6.1　使用素材中心....................　115
6.1.1　图片切片与保存.............　115
6.1.2　上传图片到素材中心......　117
6.1.3　编辑素材中心图片..........　119
6.2　店铺装修模块....................　120
6.2.1　认识装修模块.................　120
6.2.2　模块装修.......................　120
6.2.3　热点 源代码装修...........　123
6.3　实战演练——装修4件套详情页...............................　126
课后练习....................................　128
第7章　推广图和视频的设计与制作...............　129
7.1　主图设计与制作.................　130
7.1.1　主图规范........................　130
7.1.2　制作优质主图的技巧 .....　130
7.1.3　制作数据线主图.............　131
7.2　引力魔方图设计与制作......　133
7.2.1　引力魔方图的规范与设计要点.............................　133
7.2.2　引力魔方图设计注意事项.............................　134
7.2.3　制作周年庆引力魔方图.............................　134
7.3　直通车图设计与制作...................................　137
7.3.1　直通车展现方式.............　137
7.3.2　直通车图的设计要点..........　137
7.3.3　直通车图引流的关键..........　138
7.3.4　制作剃须刀直通车图......　139
7.4　商品视频设计与制作.........　141
7.4.1　商品视频的特点.............　142
7.4.2　常见商品视频类别.........　142
7.4.3　商品视频拍摄的注意事项.......................　143
7.4.4　制作柿子主图视频.........　143
7.5　实战演练...........................　146
7.5.1　制作扫地机器人直通车图.......................　146
7.5.2　制作休闲鞋引力魔方图....　149
课后练习....................................　152
第8章　移动端店铺的视觉设计与装修.......................　153
8.1　移动端店铺首页设计基础...........................　154
8.1.1　移动端店铺首页与PC端店铺首页的区别............　154
8.1.2　移动端店铺首页模块的组成.............................　154
8.1.3　移动端店铺首页设计的注意事项.......................　155
8.2　移动端店铺首页设计.........　156
8.2.1　轮播海报设计.................　156
8.2.2　单图海报设计................　158
8.2.3　优惠券设计...................　161
8.2.4　商品分类设计................　163
8.2.5　商品展示图设计.............　164
8.3　移动端商品详情页设计......　167
8.3.1　移动端商品详情页的特征..........................　167
8.3.2　移动端商品详情页的设计要点...................　168
8.3.3　设计移动端商品详情页..........................　168
8.4　移动端店铺装修.................　171
8.4.1　移动端店铺首页装修......　171
8.4.2　移动端店铺商品详情页装修.............................　173
8.5　实战演练——制作茶叶店铺移动端首页.......................　173
课后练习....................................　177 第4　篇 综合实战
第9　章 综合案例——糕点店铺视觉设计....................178
9.1　美化糕点商品图像.............　179
9.1.1　案例分析........................　179
9.1.2　设计实施.......................　179
9.2　设计糕点店铺首页.............　180
9.2.1　案例分析........................　181
9.2.2　设计实施.......................　182
9.3　设计糕点店铺商品详情页.......................　186
9.3.1　案例分析........................　187
9.3.2　设计实施.......................　187
9.4　设计糕点店铺推广图.........　190
9.4.1　案例分析.......................　191
9.4.2　设计实施.......................　191
9.5　实战演练——家居店铺视觉设计..................................　192
9.5.1　案例分析........................　195
9.5.2　设计实施.......................　195
课后练习....................................　205