第1章 淘宝美工常识 26
1.1什么是淘宝美工 26
1.2淘宝美工都做什么 26
1.2.1优化商品图片 26
1.2.2设计店铺首页 28
1.2.3制作活动海报 29
1.2.4制作宝贝描述页 29
1.3淘宝美工工作准备 30
1.3.1基础软件配备 30
1.3.2分析商品图片 30
1.3.3收集常用素材 30
1.3.4拍摄商品图片 31
1.3.5分析店铺风格 33
1.4认识淘宝店铺 34
1.4.1店铺首页 34
1.4.2宝贝详情页 36
1.5淘宝美工工作的目的 36
1.5.1商品美化的目的 36
1.5.2店铺设计的目的 36
1.6色彩是致命诱惑 36
1.6.1颜色的影响 36
1.6.2颜色的性格 37
1.6.3网页安全色 37
1.6.4淘宝色彩搭配技巧 38
1.7字体赋予标题竞争力 39
1.7.1网页常用字体 39
1.7.2如何提升标题竞争力 40
1.7.3文字内容也是重点 41
1.7.4淘宝常用文本设置准则 41
1.8版式布局凸显格调 41
1.8.1淘宝常见版式布局 41
1.8.2如何提升版式设计 42
1.8.3店铺布局设计原则 43
1.8.4巧用网格与辅助线 45
1.8.5元素决定版式风格 45
第2章 淘宝美工Photoshop基础操作 46
2.1 Photoshop工作界面 46
2.1.1 Photoshop工作界面组件 46
2.1.2菜单栏 46
2.1.3标题栏 47
2.1.4工具箱 47
2.1.5工具选项栏 47
2.1.6面板 47
2.1.7状态栏 48
2.1.8文档窗口 49
2.1.9选项卡 49
2.2图像的基础设置 49
2.2.1新建文档 49
实战新建一个商品文件 50
2.2.2打开与置入文件 50
实战打开和置入一个商品文件 50
2.2.3存储文件 51
实战:存储宝贝图像文件 51
2.2.4修改宝贝图片尺寸与画布大小 52
实战修改宝贝画布大小 52
实战修改宝贝图像文件大小 52
2.2.5复制、剪切与粘贴 52
实战:如何对宝贝进行复制、剪切与粘贴 53
2.2.6撤销、返回、恢复操作 53
实战宝贝的撤销与恢复操作 53
2.2.7宝贝图像的自由变换 54
实战:宝贝图像的自由变换 54
2.2.8宝贝的单位与标尺设置 54
实战设置宝贝的单位与标尺 54
2.2.9宝贝的参考线设置 55
实战:宝贝的参考线设置的应用 55
2.2.10调整缓存宝贝文件位置 55
实战调整缓存宝贝文件位置 55
2.3 Photoshop图层操作 56
2.3.1新建图层与图层组 56
实战宝贝图层的新建方法 56
重点2.3.2合并与盖印图层 56
重点实战 宝贝图层的合并与盖印 56
重点 2.3.3图层混合模式 57
重点实战 用混合模式制作炫彩唇妆 60
重点2.3.4宝贝图层样式 60
重点实战:宝贝图层样式 61
重点2.3.5图层蒙版 63
重点实战:用图层蒙版合成宝贝照片 63
第3章 商品与素材准备——抠图 64
3.1为什么要抠图 64
3.2商品的抠图技巧 64
3.2.1商品的素材准备 64
实战:为宝贝展示准备素材 64
3.2.2更换商品的颜色 65
实战:通过色相/饱和度为商品替换颜色 65
3.2.3更换商品的背景 66
实战通过填充工具更换商品的背景 66
3.2.4基本形状抠图 67
实战利用椭圆选框工具对商品抠取 67
3.2.5批量复制宝贝 67
实战通过调整边缘抠取商品 67
3.3复杂商品的抠图技法 69
重点3.3.1复杂背景抠图 69
重点实战复杂背景抠图 69
重点3.3.2处理商品中的毛发 70
重点实战:处理商品中的毛发 70
第4章 修饰淘宝商品主图 72
4.1如何选择商品图片 72
4.2商品主图的尺寸规范 73
4.2.1图片尺寸与要求 73
4.2.2在软件中修改尺寸 73
4.3商品图片常见问题 74
4.4淘宝图片修复技法 74
4.4.1修复商品位置 74
实战:通过修复工具修复商品的位置 75
4.4.2去除图片水印 75
重点实战去除口红图片上的水印 75
4.4.3修补商品瑕疵 75
重点实战:修补陶瓷杯上的瑕疵 76
4.4.4调整商品轮廓 76
实战:虚化商品轮廓 76
重点 4.4.5补全商品图片 76
重点实战:补全残缺的玉器 76
4.4.6商品清晰化 77
实战:通过锐化工具让项链更清晰 77
4.5淘宝图片修饰技法 77
4.5.1添加图片水印 77
重点实战:为手机图片添加水印 77
4.5.2突出商品模糊背景 78
实战:模糊太阳帽图片的背景 78
重点实战:放大突出商品 78
4.5.3去除背景杂物 78
实战:去除背景杂物 79
4.5.4美化商品边缘 79
实战:美化纸杯蛋糕边缘 79
4.6淘宝批量修图技法 80
4.6.1批量更改图片格式 80
实战:批量更改商品图片格式 80
重点 4.6.2批量添加水印 80
重点 实战:批量添加商品图片水印 80
第5章 淘宝商品主图调色 82
5.1常见图片颜色问题 82
5.2 Photoshop常用调色设置 82
5.2.1亮度/对比度命令 83
5.2.2色阶 84
5.2.3曲线 85
5.2.4色调均化 88
5.2.5反相 88
5.2.6色相/饱和度 89
5.3淘宝图片颜色修复技法 90
5.3.1调整曝光过度 90
实战:调整曝光过度照片 90
5.3.2调整曝光不足 91
重点实战调整严重曝光不足照片 91
5.3.3弱化背景色调 91
实战:弱化背景色调 91
5.3.4调整图片暗部 92
重点实战:调整商品图片暗部 92
5.3.5调整颜色偏色 92
重点实战:调整商品照片的颜色偏色 93
5.3.6更改商品图片色调 93
实战:更改商品图片色调 93
5.3.7制作黑白图片 93
实战:制作黑色复古商品照片 93
5.4淘宝图片调色技法 94
5.4.1调整图片颜色对比 94
实战:调整商品图片颜色对比 94
5.4.2调整暖色调图片 95
实战:调整暖色调商品图片 95
5.4.3调整冷色调图片 96
实战:调整冷色调商品图片 97
5.4.4调整颜色纯度 97
实战:调整商品颜色纯度 97
5.4.5调整背景色调 98
重点实战:调整商品图片背景色调 98
5.4.6更换背景颜色 98
实战:更换商品图片背景颜色 98
5.5淘宝批量调色技法 99
5.5.1批量调整曝光度不足 99
实战:批量调整商品图片曝光度不足 99
5.5.2批量调整图片色调 100
实战批量调整商品图片色调 100
第6章 淘宝商品特效合成 102
6.1合成特效为商品加分 102
6.2淘宝图片合成技法 102
6.2.1制作投影与阴影 102
实战豆浆机投影的合成 103
实战:商品的阴影展示 104
重点 6.2.2商品组合展示 106
重点实战:商品组合展示 106
重点实战:电压锅组合展示 108
6.2.3完善商品背景 110
实战:丰富商品背景 110
6.3淘宝图片特效添加 112
6.3.1丰富商品功能 112
实战:丰富产品功能 112
6.3.2添加光晕特效 113
重点实战:给汽车添加光晕特效 113
6.3.3美化商品展示 115
重点实战:美化商品展示 115
第7章 商品文字制作 120
7.1商品文字制作注意事项 120
重点7.1.1文字设计的基本原则 120
7.1.2文字设计的基本要求 121
7.1.3文字设计的制作过程 122
7.1.4文字设计的禁忌 122
7.2制作标题文字 123
7.2.1标题设置 123
实战:淘宝标题设置 123
重点7.2.2标题展示技法 124
重点实战:标题的展示技法 125
7.3编辑段落文字 125
7.4淘宝常用文字设计 125
7.4.1笔画相连 125
实战:笔画相连的制作技法 126
重点7.4.2图形趣味 126
重点实战:“鲜芒果”趣味字体设计 126
7.4.3文字变形 128
重点实战:文字变形的字体设计 128
7.4.4点缀与修饰 129
实战:点缀与修饰的字体设计 129
7.4.5减少笔画 130
重点实战:笔画减少字体设计 130
7.5淘宝常用文字效果 131
7.5.1立体文字效果 131
实战:立体文字效果设计 131
7.5.2材质文字 132
重点实战:材质文字效果设计 132
7.5.3透视与角度 135
实战:透视与角度的文字效果设计 135
第8章 淘宝店标制作 136
8.1认识淘宝店标 136
8.1.1店标的作用 136
重点8.1.2淘宝店标的制作原则 136
8.1.3淘宝店标的分类 137
8.2淘宝店标应用到店铺中 139
8.3文字类淘宝店标制作 139
8.3.1淘宝的中文类店标 139
重点实战:制作淘宝炫酷中文店标 140
8.3.2淘宝的英文类店标 141
实战:淘宝的英文类店标制作图 141
8.4图案类淘宝店标制作 142
8.4.1淘宝中的单色图形店标 142
实战:淘宝店标单色制作图 142
8.4.2淘宝中的卡通图案店标 143
重点实战:卡通图案店标制作图 143
8.4.3淘宝中的三维立体店标 145
重点实战:三维立体店标制作图 145
第9章 淘宝首页店招设计 148
9.1店招的作用及分类 148
9.1.1店招存在的意义 148
9.1.2常见店招的类别 148
9.2店招设计的注意事项 149
9.2.1店招尺寸规范 149
9.2.2店招格式规范 149
9.2.3店招设计要点 149
9.3店招包含的信息 150
9.3.1店铺Logo与名称 150
9.3.2店铺主营品牌名称 150
9.3.3店铺主题广告语 150
9.3.4商品图片 150
9.3.5店铺收藏 150
9.4常见淘宝店招设计 150
9.4.1服饰类店招 150
重点实战:欧美风女装店招设计与详解 150
实战:男鞋旺铺店招设计与详解 154
9.4.2食品类店招 156
重点实战:海鲜旺铺店招设计与详解 156
9.4.3母婴类店招 160
重点实战:母婴产品店招设计与详解 160
9.4.4运动类店招 162
实战:运动类店招制作 162
9.4.5数码类店招 166
重点实战:数码相机店招设计与详解 166
9.4.6美妆类店招 168
实战:美妆店招设计与详解 168
9.5好店招具备哪些优势 171
9.5.1品牌优势突出 173
9.5.2寓意直观深刻 173
9.5.3信息传达深刻 173
9.5.4极强的视觉记忆 173
第10章 店铺导航条设计 174
10.1认识导航条 174
10.1.1导航条常用尺寸 174
10.1.2自定义导航页面 175
10.2导航条设计要点 175
10.3导航条上传与管理 176
10.4店铺导航栏设计展示 177
10.4.1小清新风格 177
重点实战:制作小清新风格导航条 177
10.4.2时尚简约风格 180
重点实战:制作科技手机导航条 180
10.4.3可爱风格 182
重点实战:可爱风格的导航条设计 182
10.4.4中国古风 184
实战:中国古风导航条设计 184
10.4.5欧美复古风 185
重点实战:黑白经典男装导航条 185
第11章 淘宝首屏海报制作 188
11.1首屏海报非常重要 188
11.1.1首屏海报是什么 188
11.1.2尺寸与格式规范 188
11.1.3首屏海报重要性 189
11.1.4影响海报的展示因素 190
11.2首屏海报设计技巧 191
11.2.1各元素之间的关系 191
重点实战:协调各元素制作首屏海报 192
11.2.2文案字体不超过三种 194
实战:文案字体不超过三种 195
重点11.2.3海报用色不宜过多 195
实战:海报用色不宜过多 196
11.2.4制作风格与页面一致 198
重点实战:制作风格与页面一致 198
11.2.5模特使用是否得当 201
实战:模特使用是否得当 201
11.2.6图文不要强行拼凑 202
实战:美妆海报的制作 203
11.2.7文案过多怎么办 204
重点实战:母婴海报制作 205
重点11.2.8创意欠缺怎么办 208
重点实战:创意女装活动海报 208
11.3淘宝首屏海报分类 211
11.3.1活动信息类别 211
实战美食活动海报 211
11.3.2新品上市类别 212
重点实战:新品发布海报制作 213
11.3.3店铺通知类别 215
实战:国庆通知海报 215
第12章 淘宝活动促销广告 218
12.1促销广告的存在意义 218
12.2促销广告设计准则 218
12.2.1牢记尺寸格式规范 218
重点12.2.2突出活动主题 219
12.2.3明确活动目的 219
12.2.4保证广告形式美观 220
12.3淘宝常见活动促销广告 220
12.3.1店铺开张 220
实战:新店开业促销活动设计 221
12.3.2店庆促销 223
重点实战:周年庆促销活动设计 223
12.3.3节日促销 225
实战:双十一促销活动设计 225
实战:圣诞促销活动设计 227
实战:春节促销活动设计 229
实战:情人节促销活动设计 232
12.3.4秒杀促销 234
重点实战:年末清仓促销活动 234
实战:秒杀促销活动设计 237
第13章 淘宝公告栏设计制作 240
13.1公告栏作用 240
13.1.1什么是淘宝公告栏 240
13.1.2公告栏尺寸 241
13.2公告栏分类设计 241
13.2.1店铺开张公告 242
实战:店铺开张公告 242
13.2.2店铺声明公告 244
实战:店铺放假公告 244
13.2.3活动公告 245
重点实战:活动公告 245
13.2.4抢购公告 248
实战:抢购公告 248
第14章 店铺收藏区设计 252
14.1收藏区的设计作用 252
14.2收藏区的设计要点 252
14.2.1收藏区的常用位置 253
14.2.2如何吸引买家关注 253
14.2.3收藏区与店铺风格统一 253
14.3淘宝常用收藏区设计 254
14.3.1简单收藏区 254
实战:简单收藏区的制作 254
14.3.2主题收藏区 255
实战:新品上市收藏区 255
14.3.3综合侧栏收藏区 256
重点实战:综合侧栏收藏区的制作 256
第15章 店铺客服区设计 260
15.1客服区作用 260
15.2客服区设计原则 261
15.2.1明确设计目的 261
15.2.2设计尺寸规范 262
15.3淘宝客服区制作 262
15.3.1简洁型客服区 262
实战:简洁型客服区 262
15.3.2文案类客服区 264
实战:文案类客服区 264
15.3.3图文结合类客服区 268
重点实战:图文结合类客服区 268
第16章 首页热销板块与展架 274
16.1认识热销板块与展架的区别 274
16.1.1热销板块与展架的区别 274
16.1.2尺寸规范 275
16.1.3热销板块的重要性 276
16.2热销板块的特征 276
16.2.1主题清晰且吸引人 276
16.2.2展示与优惠券呈现 276
16.2.3主推产品与设计融合 276
16.3展架制作要点 277
16.3.1产品选择与规范 277
16.3.2产品与信息的关系 277
16.3.3货架小导航条设计 277
16.4宝贝热销区与展架设计 277
16.4.1活动热销区 277
重点实战:海鲜馆活动热销区设计 278
实战:服装类活动热销区设计 282
16.4.2宝贝展架设计 285
重点实战:运动鞋类展架设计 285
重点实战:男装展架设计 291
第17章 淘宝店铺首页设计 296
17.1店铺首页制作规范 296
17.1.1首页包含哪些内容 296
17.1.2首页制作尺寸规范 298
17.1.3首页元素格式规范 299
17.2店铺首页常用布局 300
17.2.1普通店铺首页布局 300
17.2.2旺铺首页布局 300
17.3用颜色美化店铺首页 301
17.3.1根据店铺类型选择颜色 301
17.3.2根据产品选择颜色 301
17.3.3店铺要有重点色 301
17.3.4不要大量使用刺激色 302
17.3.5中性色的妙用 302
17.4首页字体使用规范 302
17.4.1网络常用字体分类 302
17.4.2首页文本使用原则 302
17.5进行Photoshop页面切图制作 302
17.5.1标示裁切位置 302
17.5.2切图制作与保存 303
实战:商品切图与保存 303
17.6淘宝店铺首页设计展示 304
17.6.1简洁店铺首页设计 304
重点实战:简约女装首页设计 304
17.6.2时尚店铺首页设计 311
重点实战:潮流男装店铺首页设计 311
17.6.3复古店铺首页设计 320
重点实战:茶具店铺首页设计 320
第18章 淘宝活动页设计 328
18.1关于淘宝活动页 328
18.1.1淘宝活动页的作用 328
18.1.2活动页尺寸规范 328
18.1.3活动页格式规范 329
18.1.4活动页包含哪些内容 330
18.2常见淘宝活动页布局 331
18.2.1“T”字布局 331
18.2.2“王”字布局 331
18.3如何做好淘宝活动页 331
18.3.1要符合页面的气氛 331
18.3.2颜色会影响点击率 332
18.3.3做个吸引人的文案 332
18.4淘宝店铺活动页设计展示 333
18.4.1店铺促销活动页 333
重点实战:双十一促销活动页设计 333
18.4.2店铺圣诞活动页 347
重点实战:狂欢圣诞活动页设计 347
18.4.3店铺换季活动页 358
重点实战:秋季换装活动页设计 358
第19章 宝贝描述页设计 370
19.1关于宝贝描述页 370
19.1.1宝贝描述页是什么 370
19.1.2描述页的尺寸规范 370
19.1.3描述页包含内容 371
19.2淘宝描述页布局设计 371
19.3高信息传递的宝贝详情展示 372
19.3.1商品细节放大效果 372
19.3.2灵活添加对比效果 372
19.3.3突出产品特性 372
19.4不可或缺的宝贝描述设计 372
19.4.1宝贝描述设计是什么 373
19.4.2宝贝描述内容有哪些 373
19.4.3为什么设计宝贝描述 373
19.4.4制作描述时注意什么 373
19.4.5宝贝描述设计技巧 373
19.5宝贝描述设计展示 374
19.5.1左、右分栏类 374
实战:女包描述页设计 374
19.5.2表格罗列类 378
实战:女士牛仔裤描述页设计 378
重点19.5.3细节展示类 381
实战:儿童运动袜描述页设计 382
重点19.5.4多方位展示类 385
实战:冬季女鞋描述页设计 385
19.5.5并联展示类 389
实战:女士耳钉描述页设计 390
19.6宝贝描述页面的设计展示 393
19.6.1模特展示类 393
重点实战:女士秋大衣描述页设计 393
19.6.2商品展示类 396
重点实战:户外登山包描述页设计 396
19.6.3同类型商品展示类 399
重点实战:女士马丁靴描述页设计 399
第20章 服装类网店设计制作分析 402
20.1网店整体设计分析 402
20.1.1服装类店铺分析 402
20.1.2本案例的结构展示与配色分析 404
20.2服装类店铺首页设计与制作 406
重点实战:服装类店铺首页设计 406
20.3服装类店铺活动页设计与制作 411
重点实战:服装类店铺活动页设计 411
20.4服装类宝贝描述页设计与制作 414
重点实战:服装类宝贝描述页设计 414
第21章 装饰类网店设计制作分析 416
21.1网店整体设计分析 416
21.1.1装饰类店铺分析 416
21.1.2本案例的结构展示与配色分析 418
21.2装饰类店铺首页设计与制作 419
重点实战:装饰类店铺首页设计 419
21.3装饰类店铺活动页设计与制作 426
重点实战:装饰类店铺活动页设计 426
21.4装饰类宝贝描述页设计与制作 433
重点实战:装饰类宝贝描述页设计 433
附录A Photoshop工具与快捷键索引 435
附录B Photoshop命令与快捷键索引 437
附录C淘宝推广技巧 438
附录D淘宝常用的配色技巧 440