第1篇 美工入门篇 12
第1章 淘宝美工必备知识 12
1.1 什么是淘宝美工 12
1.2 淘宝美工的技能要求 12
1.3 淘宝美工的工作目的 12
1.3.1 美化商品的目的 12
1.3.2 美化店铺的目的 13
1.4 淘宝美工应遵循的装修规则 13
1.5 淘宝美工的日常工作 14
1.5.1 优化商品图片 14
1.5.2 设计店铺首页 15
1.5.3 制作活动海报 15
1.5.4 制作宝贝详情页 15
1.6 店铺装修常用的图片格式 16
1.7 知识拓展 17
第2章 色彩、文字、版式 19
2.1 色彩的致命诱惑 19
2.1.1 色彩的分类 19
2.1.2 色彩三要素 20
2.1.3 色彩的对比 21
2.1.4 页面常见配色方法 23
2.1.5 主色、辅助色与点缀色 23
2.2 字体赋予竞争力 24
2.2.1 页面常用字体 24
2.2.2 淘宝常用字体设计 25
2.2.3 淘宝常用文字效果 25
2.3 版式 27
2.3.1 常见的版式布局 27
2.3.2 版式布局设计准则 28
2.4 知识拓展 29
第2篇 图像美化篇 31
第3章 Photoshop的基础操作 31
3.1 认识Photoshop图像处理软件 31
3.2 Photoshop的基本操作 32
3.2.1 新建文档 32
3.2.2 打开和置入图像 32
练习3-1置入嵌入的对象 33
3.2.3 存储图像 33
练习3-2存储为透明底图像 33
3.2.4 修改图片尺寸 35
练习3-3修改图像文件大小 35
3.2.5 修改画布大小 35
练习3-4修改画布大小 35
3.2.6 复制和粘贴操作 36
练习3-5放大突出商品 36
3.2.7 返回、撤销和恢复 37
3.3 Photoshop图层操作 37
3.3.1 新建图层与新建组 37
3.3.2 合并与盖印图层 39
3.3.3 图层混合模式 40
练习3-6混合模式制作背景 40
3.3.4 图层样式 41
练习3-7为图片添加水印 41
3.3.5 图层蒙版 42
练习3-8图层蒙版合成主图 42
3.4 图片的二次构图 43
3.4.1 裁剪工具 43
练习3-9自由裁剪图像 44
3.4.2 固定大小裁剪 44
练习3-10设置主图尺寸 44
3.4.3 校正倾斜角度 45
练习3-11校正倾斜图片 45
3.4.4 透视校正裁剪 46
练习3-12校正透视图像 46
3.5 知识拓展 47
3.6 拓展训练 47
第4章 使用Photoshop美化图片 49
4.1 去除瑕疵图片 49
4.1.1 污点修复画笔工具 49
练习4-1修复商品瑕疵 49
4.1.2 修补工具 50
练习4-2复制商品图像 50
4.1.3 仿制图章工具 51
练习4-3去除图片水印 51
4.1.4 【内容识别】命令修饰图像 52
练习4-4【内容识别】修饰商品图像 52
4.1.5 羽化 53
练习4-5虚化商品轮廓 53
4.1.6 修补残缺商品 54
练习4-6修补残缺商品 54
4.1.7 锐化商品图像 55
练习4-7锐化商品图像 55
4.1.8 模糊商品图像 55
练习4-8模糊商品图像 56
4.1.9 减淡工具 56
练习4-9减淡黑眼圈 56
4.1.10 加深工具 57
练习4-10加深五官立体感 57
4.1.11 变形命令 58
练习4-11去除双下巴 58
4.1.12 使用外部滤镜磨皮 59
练习4-12柔滑肌肤 59
4.1.13 自由变换命令 60
练习4-13拉伸腿部比例 60
4.1.14 液化工具 61
练习4-14液化身型姿态 61
4.1.15 批量更改图片格式 62
练习4-15批量更改图片格式 62
4.1.16 批量添加水印 63
练习4-16批量添加水印 63
4.2 纠正偏色照片 64
4.2.1 亮度/对比度命令 64
练习4-17弱化背景色调 64
4.2.2 色阶命令 65
练习4-18调整图片暗色 65
4.2.3 曲线命令 65
练习4-19调整图片对比度 65
4.2.4 色相/饱和度 66
练习4-20更换商品图片色调 66
4.2.5 色彩平衡 66
练习4-21调整商品照片的偏色 66
4.2.6 可选颜色 67
练习4-22美白人物牙齿 67
4.2.7 曝光度命令 67
练习4-23调整曝光不足图片 67
4.2.8 黑白命令 68
练习4-24制作黑色复古商品图片 68
4.2.9 批量调整商品层次 68
练习4-25批量调整商品层次 69
4.2.10 批量调整商品色调 69
练习4-26批量调整图片色调 69
4.3 商品的抠图处理 70
4.3.1 不规则形状抠图 70
练习4-27【磁性套索工具】抠图 70
4.3.2 简单背景抠图 71
练习4-28【快速选择工具】抠图 71
4.3.3 复杂形状抠图 72
练习4-29【钢笔工具】抠图 72
4.3.4 毛发抠图 73
练习4-30【选择并遮住】抠图 73
4.3.5 通道抠图 74
练习4-31通道抠图 75
4.3.6 光效抠图 76
练习4-32【混合颜色带】抠图 77
4.4 知识拓展 77
4.5 拓展训练 78
第5章 商品的合成与特效 80
5.1 为什么要为商品合成特效 80
5.2 投影/倒影的制作方法 80
5.2.1 模糊投影 80
练习5-1制作球体投影 80
5.2.2 渐变投影 82
练习5-2制作渐变投影 82
5.2.3 扁平化长投影 84
练习5-3制作扁平化长投影 84
5.2.4 平面类商品倒影 85
练习5-4制作包包倒影 85
5.2.5 圆柱形商品倒影 86
练习5-5制作护肤品倒影 86
5.2.6 立方体商品倒影 87
练习5-6制作礼盒倒影 87
5.3 合成特效的制作方法 88
5.3.1 合成钻出屏幕效果 88
练习5-7钻出电脑屏幕 88
5.3.2 商品图像的特殊展示方法 90
练习5-8制作铅笔风效果 90
5.3.3 添加光晕体现商品协调性 92
练习5-9给汽车添加光晕 92
5.3.4 添加光线效果 92
练习5-10制作萦绕的光线 92
5.4 知识拓展 94
5.5 拓展训练 95
第3篇 店铺装修篇 97
第6章 店铺首页设计 97
6.1 店铺首页制作规范 97
6.1.1 首页包括哪些内容 97
6.1.2 首页制作尺寸规范 97
6.1.3 首页元素排版位置 98
6.2 店铺首页常用布局 98
6.3 店招设计 99
6.3.1 首页布局制作流程 99
6.3.2 店招的分类 99
6.3.3 店招设计的注意事项 100
6.3.4 店招包括的信息 100
6.3.5 店招具备哪些意义 100
6.3.6 店招的制作流程 100
练习6-1制作店招 100
6.3.7 店招的装修上传 103
练习6-2上传店招 103
6.4 导航设计 103
6.4.1 导航的作用 104
6.4.2 店招导航 104
练习6-3制作店招导航 104
6.4.3 页中分类导航 107
练习6-4制作页中分类导航 107
6.4.4 左侧分类导航 109
练习6-5制作左侧分类导航 109
6.4.5 页尾导航 113
练习6-6制作页尾导航 113
6.4.6 导航的上传与管理 115
练习6-7上传导航 116
8.5 首页海报设计 116
6.5.1 海报的尺寸与格式规范 116
6.5.2 首页海报设计技巧 117
6.5.3 首页海报制作流程 117
练习6-8制作首页海报 117
6.5.4 首页海报上传装修 121
练习6-9上传首页海报 121
6.6 收藏区设计 121
6.6.1 收藏区的设计作用 122
6.6.2 收藏区的设计要点 122
6.6.3 收藏区制作流程 122
练习6-10制作收藏区 122
6.6.4 收藏区上传装修 125
练习6-11上传收藏区 125
6.7 客服区设计 126
6.7.1 客服区的作用 126
6.7.2 客服区设计原则 126
6.7.3 客服区制作流程 126
练习6-12制作客服区 126
6.8 店铺页尾设计 128
6.8.1 页尾的概述 128
6.8.2 页尾制作流程 129
练习6-13制作页尾 129
6.8.3 页尾上传装修 131
练习6-14上传页尾 131
6.9 知识拓展 132
6.10 拓展训练 132
第7章 宝贝详情页设计 134
7.1 宝贝详情页设计 134
7.1.1 详情页布局设计 134
7.1.2 详情页设计类型 135
7.1.3 详情页展示模块 135
7.1.4 详情页制作流程 136
练习7-1制作详情页面 136
7.2 “神笔”详情页装修 151
7.2.1 使用详情页模板 151
练习7-2制作详情页模板 151
7.2.2 自定义模板制作详情页 151
练习7-3自定义模板制作详情页 152
7.3 知识拓展 153
7.4 拓展训练 153
第8章 活动图的设计与制作 155
8.1 促销广告设计 155
8.1.1 促销广告的尺寸规范 155
8.1.2 促销广告的搭配准则 155
8.1.3 常见促销广告类型 156
练习8-1制作促销广告 157
8.2 直通车图设计 160
8.2.1 直通车存在的意义 161
8.2.2 直通车图设计技巧 161
8.2.3 直通车设计流程 162
练习8-2制作直通车图 162
8.3 钻展图设计 164
8.3.1 钻展图的含义 164
8.3.2 钻展图设计要求 165
8.3.3 钻展图设计流程 165
练习8-3制作钻展图 165
8.4 聚划算图设计 169
8.4.1 聚划算的定义 169
8.4.2 聚划算活动规则 169
8.4.3 聚划算图设计流程 170
练习8-4制作聚划算图 170
8.5 知识拓展 174
8.6 拓展训练 175
第9章 手机淘宝视觉设计 177
9.1 手机淘宝 177
9.1.1 手机端与PC端的区别 177
9.1.2 手机店铺装修要点 177
9.2 手机淘宝首页装修 178
9.2.1 首页装修技巧 178
9.2.2 店招 178
练习9-1制作店招 178
9.2.3 焦点图 179
练习9-2制作焦点图 179
9.2.4 优惠券 182
练习9-3制作优惠券 182
9.2.5 活动区 184
练习9-4制作活动区 184
9.2.6 分类区 188
练习9-5制作分类区 188
9.2.7 商品展示区 191
练习9-6制作商品展示区 191
9.3 手机淘宝详情页装修 194
9.3.1 导入电脑详情页 194
练习9-7导入电脑详情页 194
9.3.2 模板生成详情 195
练习9-8模板生成详情页 195
9.4 手机店铺其他装修 195
9.4.1 自定义菜单 195
练习9-9制作自定义菜单 196
9.4.2 自定义装修页面 196
练习9-10自定义装修页面 196
9.5 知识拓展 197
9.6 拓展训练 198
第4篇 视频制作篇 200
第10章 淘宝视频制作 200
10.1 认识Premiere视频软件 200
10.1.1 Premiere工作界面 200
10.1.2 视频制作流程 202
练习10-1制作视频 203
10.2 淘宝视频制作 205
10.2.1 详情页视频制作 205
练习10-2制作详情页视频 205
10.2.2 视频添加文字 208
练习10-3添加文字 209
10.2.3 视频添加音乐 211
练习10-4添加音乐 211
10.2.4 视频添加特效 212
练习10-5添加特效 212
10.3 淘宝视频上传与应用 213
10.3.1 上传视频到淘宝 213
练习10-6上传视频到淘宝 213
10.3.2 主图视频的应用 214
练习10-7主图视频的应用 214
10.4 知识拓展 215
10.5 拓展训练 215
第5篇 图片优化篇 217
第11章 图片的切片与优化 217
11.1 图片的切片 217
11.1.1 切片的作用与技巧 217
11.1.2 详情页的切割 217
练习11-1切割详情页 217
11.2 图片的优化与保存 219
11.2.1 图片的优化 219
11.2.2 图片的保存 220
11.3 网店装修工具之Dreamweaver 220
11.3.1 软件界面与功能介绍 220
11.3.2 生成代码 221
练习11-2生成代码 221
11.3.3 制作热点代码 223
练习11-3制作热点代码 223
11.4 知识拓展 224
11.5 拓展训练 224
附录A Photoshop CS6的快捷键索引 225
附录B 本书实战速查表 231
附录C 网店装修常用配色 233