中文版Photoshop淘宝美工设计完全自学教程

目录
第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