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