网店美工实操（全彩）
电商精英系列教程《网店美工实操（全彩）》
图书版权[ ]
书名：网店美工实操（全彩）
作者：淘宝大学 编著
ISBN ：978-7-121-19050-6
出版时间：2013年1月出版
定价：59.00元
页数：288页
开本：16开
内容提要[ ]
- 本系列丛书由淘宝网组织一流专家团队编写，将淘宝网网店运营专才教程化整为零，得出网店运营细分门类：美工、客服、推广、数据化营销、流程化管理等，以满足日新月异的电子商务人才发展需求。本书可以作为各培训机构、职业院校的教材，同时满足部分学员自学的需求。
- 本书主要讲解网店美工必须掌握的实操技能，并以工作流程为导向，将工作中需要掌握的知识和技能进行了系统提炼。希望读者经过专业地学习，能够迅速掌握网店美工的职业技能。
目录[ ]
第1章 走近网店装修.......................................... 1
1.1 网店装修的重要性 ....................................... 2
1.2 网店美工必备技能要求 ................................... 4
第2章 图片素材规划[ ]
2.1 产品主图规划 ........................................... 9
2.2 描述页图片素材内容 ..................................... 12
2.3 图片拍摄规划演示 ....................................... 13
第3章 商品图片美化[ ]
3.1 认识Photoshop .......................................... 20
3.1.1 网店装修设计中常见的图片参数 ......................... 21
3.1.2 新建文件 ............................................. 21
3.1.3 打开文件 ............................................. 22
3.1.4 保存关闭文件 ......................................... 23
3.2 裁剪出图片最佳角度 ..................................... 24
3.2.1 裁剪出正方形 ......................................... 24
3.2.2 裁剪校正角度倾斜图片 ................................. 26
3.2.3 裁剪重新构图 ......................................... 28
3.2.4 放大裁剪突出细节 ..................................... 28
3.2.5 改变信息点 ........................................... 29
3.2.6 固定尺寸裁剪 ......................................... 29
3.2.7 裁剪校正透视变形 ..................................... 30
3.3 修图美化商品图片 ....................................... 32
3.3.1 污点修复画笔工具 ..................................... 32
3.3.2 修补工具 ............................................. 34
3.3.3 仿制图章工具 ......................................... 36
3.4 调色（真彩实色） ....................................... 38
3.4.1 调整亮度（色阶工具） ................................. 38
3.4.2 调整亮度（曲线工具） ................................. 41
3.4.3 偏色图片调整 ......................................... 44
3.4.4 让图片更出色（色相/饱和度） .......................... 48
3.4.5 使图片更清晰（锐化工具） ............................. 49
3.5 淘宝图片抠图大全 ....................................... 51
3.5.1 矩形椭圆形选框工具抠图 ............................... 51
3.5.2 直边规则图形的抠图（多边形套索工具）.................. 59
3.5.3 背景色单一的抠图 ..................................... 61
3.5.4 毛发物体抠图（通道抠图） ............................. 67
3.6 促销广告图的制作 ....................................... 72
3.6.1 促销广告图的设计流程 ................................. 72
3.6.2 广告图环境尺寸的设置 ................................. 75
3.6.3 广告图背景的设置 ..................................... 78
3.6.4 字体与排版 ........................................... 82
3.6.5 标签按钮的制作 ....................................... 90
3.6.6 促销广告图实例制作 ................................... 94
3.7 图片创意处理 ........................................... 98
3.7.1 原创手绘设计 ......................................... 98
3.7.2 产品倒影效果 ......................................... 101
3.7.3 Photoshop制作GIF动画 ................................. 113
3.7.4 图像合成 ............................................. 120
第4章 店铺装修整页设计[ ]
4.1 页面文件基础 ........................................... 124
4.2 页面背景图 ............................................. 133
4.3 页面950招牌 ............................................ 146
4.4 其他部分 ............................................... 152
4.4.1 750快速分类导航 ...................................... 152
4.4.2 190收藏 .............................................. 159
4.4.3 自定义栏目 ........................................... 163
4.4.4 不规则商品展示 ....................................... 167
4.4.5 客服中心 ............................................. 179
4.4.6 店铺公告 ............................................. 182
4.4.7 页面大小 ............................................. 189
4.4.8 大图商品展示 ......................................... 192
4.4.9 自定义栏目 ........................................... 198
4.4.10 商品展示 ............................................ 201
4.4.11 160分类 ............................................. 205
4.4.12 页尾 ................................................ 209
第5章 Fireworks图片切割与优化[ ]
5.1 图片切割 ............................................... 218
5.1.1 促销广告图切割 ....................................... 219
5.1.2 超大图片的切割 ....................................... 224
5.1.3 图片切割的位置 ....................................... 226
5.2 图片优化 ............................................... 226
5.2.1 切片图片优化 ......................................... 227
5.2.2 单张图片优化 ......................................... 228
5.3 图片保存 ............................................... 229
5.3.1 切片保存实操 ......................................... 229
5.3.2 切片保存格式 ......................................... 232
5.4 Fireworks批处理 ........................................ 232
第6章 Dreamweaver图文排版实战[ ]
6.1 认识Dreamweaver......................................... 238
6.2 Dreamweaver本地站点管理................................. 241
6.3 Dreamweaver规则表格排版................................. 245
6.4 Dreamweaver不规则表格排版............................... 254
6.5 Dreamweaver链接的设置................................... 258
6.6 热点链接 ............................................... 260
6.7 淘宝图片空间 ........................................... 263
6.8 旺铺自定义内容区 ....................................... 267
附 录[ ]
本书使用的快捷键总结.................................. 271
前言[ ]
做相同的事， 在技术上节约时间， 就等于延长了生命！ ——淘宝大学企业导师 六小灵童
12 年前，大学毕业的我任职于一家电脑培训学校，大概过了2 个月就发现，教的内容跟在公司工作的技术存在脱节现象。于是我选择了：白天到设计公司上班，晚上给学生授课的方式，将工作中要掌握的技术，提炼为教学内容。这样日复一日地努力了十年，取得了可喜的成绩：学生们能更快速、更快乐地学习；许多人毕业后没多久，就有了自己的设计公司。
转眼间，12 年过去了，往事历历在目。回想在广告公司、网络公司多年的工作经历。目前印象最深刻的是：2005 年，要离开一家设计公司，但必须让同事能接手我的工作。那天，花了两个小时左右，对同事进行指导。后来，再次相逢，他说：在那之前，一年多的时间里，他利用业余时间，很认真学了两本书，没学懂！那两小时对他来说，太重要了！是他改变人生的关键。
回想起，在培训机构、院校、企业，以及跟淘宝大学的讲师们到全国各地授课的经历，印象最深的是：一所大学，举办“平面设计师”资格认证考试，我给176 名学生，进行了考前5 天的授课，结束后，许多大二的学生，跑过来说，这五天的课程，感觉比他们之前两年学得都多。
目前，具备工作的实战能力、并具备授课能力的讲师很少。
一方面，有实战经验的设计师，设计水平高，但他们手上总是有干不完的活，很少有、甚至没有机会去授课。所以，具备授课能力的设计师，简直是凤毛麟角。
另一方面，授课经验非常丰富的讲师们，缺少在设计一线从事设计的机会和锻炼。我们会发现，如果在院校，能结合社会工作岗位的需求进行授课的讲师，是非常受学生爱戴的。
同时，网店美工是一个新兴的职业，基本可以认为：2003 年淘宝网成立以来，许多卖家的传奇式的成功经历，引发了无数人的关注。特别是2010 年开始，很多成功的卖家发现：仅依靠货的优势，很难有新的成长。于是，有了“视觉营销”这样的名词出现于网店装修。大家也开始越来越注重图片的视觉呈现和店铺装修的美观。“网店美工”一词，开始在招聘网站出现，并很快变成一种需求量极大的职业。
网店美工在技能上，要求懂“网页设计”和“平面设计”，如果从业人员，还能懂营销和电子商务、拍摄要点、美学等，那将会是最理想的人才。但是，网店美工要掌握的技能，在之前，没有被体系化提炼为教材，所以，导致培训机构和院校，在培养人才时，没有依据。许多有志之士要学习，也苦于没有教材指导。
2011 年，由我、朱华杰老师、田野老师和田园老师一起编著的淘宝大学《网店美工》教材第一版面世，几个月时间销量就达3 万册，成为2011 年电子工业出版社的畅销书之一。经过在全国各地授课，听取许多热心学员和老师的意见和建议。这次，有幸与从事设计多年，活跃于全国授课的淘宝大学资深讲师王小建、宝莉金、镜子猫等人，一起重新梳理了网店美工必掌握的实操技能，以工作流程为导向，将工作中必掌握的知识和技能进行了再一次的系统提炼。重新提取了很多在工作中非常重要，却被教学遗忘的内容。例如，Fireworks软件非常核心的图片切割和图片优化技术。又如，Dreamweaver 软件完成图文排版的核心方法。在编写过程中，我们的安排如下： 淘宝大学讲师宝莉金完成：第2 章《图片素材规划》、第3 章《商品图片美化》旺铺论坛讲师镜子猫完成：第4 章《店铺装修整页设计》淘宝大学企业导师王小建完成：第5 章《Fireworks 图片切割与优化》淘宝大学企业导师六小灵童完成：第1 章《走近网店装修》、第6 章《Dreamweaver 图文排版实战》和附录。 读者如果能按本书章节顺序学习、并加以练习，大约一个月左右，就能学会网店图片美化与促销广告设计，并能完成整店的装修，从而胜任网店美工的工作。
本书，凝聚了讲师们的多年教学经验，愿大家学有所成；
本书，凝聚了讲师们的多年设计经验，祝大家学有所用。
最后，留座右铭一句，与读者共勉：每一份私下的努力，都会有倍增的收获！ 2012 月11 月24 日 六小灵童于杭州