让淘宝店铺更吸引人——精通Photoshop网页美工设计（第2版）

这是一本介绍网店装修实用技术的教材，本书全方位介绍使用Photoshop 来进行淘宝店铺装修的技巧和流程，包括使用Photoshop的基本知识、处理网店照片的技巧、网店照片的合成技巧、网店照片常见的特效以及店铺店标、宝贝分类和店铺公告等店铺元素的设计方法。 

这是一本介绍淘宝网店装修实用技术的教材，书中全方位介绍使用Photoshop进行淘宝网店装修的技巧和流程，包括使用Photoshop CC的基本知识、处理网店照片的技巧、网店照片的合成技巧、网店照片常见的特效以及店铺店标、宝贝分类和店铺公告等店铺元素的设计方法； 同时，通过3个综合网店制作实例展示典型店铺的设计制作效果。
本书内容丰富，图文并茂，内容深入浅出，具有极强的实用性和观赏性。为了让读者更轻松地掌握淘宝美工设计技术，作者制作了配套微课视频。微课视频包括本书的全部内容，全程语音讲解，真实操作演示，可让读者一学就会。
本书面向学习淘宝美工设计与制作的初、中级读者，可作为各类院校的电子商务、网页设计和平面设计等相关专业的教材，以及各层次职业培训教材，同时也是广大平面设计和网页设计爱好者的参考用书。

目录

源文件下载  

第1章网店装修之图片处理知识

1.1认识Photoshop的界面元素1

1.1.1布局操作界面1

1.1.2如何使用工具1

1.1.3图像窗口与其中的图像4

1.2Photoshop必须掌握的基本操作6

1.2.1如何操作文件6

1.2.2操作错了该怎么办6

1.2.3图层的基本操作8

1.2.4设置前景色和背景色10

1.3管理好你的素材图片11

1.3.1Windows能够解决大多数问题11

1.3.2使用ACDSee管理图片12

第2章让宝贝照片更靓丽

2.1宝贝照片的二次构图17

2.1.1突出照片中的宝贝——照片的裁剪17

2.1.2将宝贝扶正——调整拍歪了的照片17

2.1.3让宝贝变大——放大图片20

2.1.4让照片更干净——去除照片中的瑕疵21

2.2让色彩掌控画面22

2.2.1让照片暗一点——调整曝光过度的照片22

2.2.2让照片颜色纯正一点——处理偏色的照片25

2.2.3让照片温暖起来——调整照片的色调27

2.2.4让照片色彩自然——调整照片的白平衡28

2.2.5让照片色彩更浓郁——调整照片的饱和度30

2.2.6让宝贝与背景互相映衬——调整阴影和
高光区域31

2.3让宝贝照片适合网店发布32

2.3.1不要让照片太大——调整照片的大小32

2.3.2避免宝贝照片被盗用——为照片添加水印33

2.3.3让照片更清晰一点——处理模糊照片35

第3章拼合出来的宝贝效果

3.1这样抠图和获取对象39

3.1.1获取宝贝一点即可——魔棒工具的使用39

3.1.2给宝贝套上套索——磁性套索工具的使用41

3.1.3画出宝贝的轮廓——钢笔工具的使用42

3.1.4涂抹出来的选区——快速蒙版的使用46

3.1.5黑与白的选择——通道的使用48

3.2层叠出效果51

3.2.1擦掉不需要的背景——橡皮擦工具的应用51

3.2.2宝贝的乾坤大挪移——仿制图章工具的应用53

3.2.3遮住背景显示宝贝——图层蒙版的使用55

3.2.4混合出来的效果——图层混合模式的使用58

3.3让宝贝适应环境60

3.3.1让宝贝适应环境——调色调60

3.3.2让宝贝适应环境——添投影61

3.3.3让宝贝适应环境——造倒影65

第4章制作吸引买家眼球的照片

4.1突出宝贝的特效71

4.1.1我的眼里只有你——模拟小景深效果71

4.1.2自创光影——快速应用渐变背景73

4.1.3让宝贝发光——制作光晕效果75

4.1.4色彩与黑白的搭配——创建局部色彩效果78

4.1.5闪亮的宝贝——添加闪烁点80

4.1.6动感十足——创造运动场景特效81

4.1.7让宝贝更有镜头感——使用镜头光晕82

4.2宝贝照片的创意设计84

4.2.1制作宝贝的焦点照片效果84

4.2.2将照片放到相框里88

4.2.3制作叠放照片效果90

4.2.4制作泄出屏幕效果94

4.2.5制作萦绕的光线效果97

4.2.6制作放射光芒背景101

第5章用Photoshop设计店铺元素

5.1设计店铺的店标107

5.1.1店铺店标的设计要求107

5.1.2店铺店标制作实例——制作动态店标107

5.2设计宝贝分类116

5.2.1宝贝分类的设计要求116

5.2.2宝贝分类制作实例——金属铭牌117

5.3设计店铺公告120

5.3.1店铺公告的设计120

5.3.2店铺公告制作实例——图片公告121

5.4设计宝贝描述模板125

5.4.1宝贝描述模板的设计125

5.4.2宝贝描述模板制作实例——手表类宝贝
描述模板126

5.5设计旺铺店招137

5.5.1旺铺店招的设计137

5.5.2旺铺店招制作实例——珠宝店店招137

5.6设计宝贝促销区144

5.6.1旺铺宝贝促销区的设计144

5.6.2旺铺宝贝促销区制作实例——移动硬盘促销区144

第6章服装类网店的设计和制作

6.1服装类网店设计概述151

6.2服装类网店效果图制作151

6.2.1制作店铺店标151

6.2.2制作导航栏157

6.2.3制作店铺公告区157

6.2.4制作宝贝展示区162

6.2.5制作底部的信息条168

6.2.6制作左侧的侧边栏171

第7章化妆品类网店的设计和制作

7.1化妆品类网店设计概述177

7.2化妆品类网店效果图制作177

7.2.1制作店铺店标177

7.2.2制作导航栏188

7.2.3制作店铺公告区188

7.2.4制作宝贝展示区195

7.2.5制作底部的信息条205

7.2.6制作左侧的侧边栏209

第8章数码类产品网店的设计和制作

8.1数码类网店设计概述215

8.2数码类网店效果图制作215

8.2.1制作店铺店标215

8.2.2制作导航栏222

8.2.3制作店铺公告区227

8.2.4制作宝贝展示区236

8.2.5制作底部的信息条247

8.2.6制作左侧的侧边栏248

前言

随着互联网的飞速发展，网络购物日益为人们熟悉和接受。网络购物方式的流行，也为更多的普通人提供了创业的契机。淘宝作为人气极高的专业平台，在淘宝开一家网店，已经成为网上创业的首选。
对于在淘宝网开店的广大卖家来说，可以说是赶上了一个好时代，网络技术飞速发展，网民数量持续增加。同时，这也是一个充满挑战的时代，淘宝店铺多如牛毛，淘宝卖家如过江之鲫，开设一家网店容易，但如何让自己的网店生存下去、在同类网店中脱颖而出，这是困扰每个淘宝卖家的问题。
对于一个将淘宝店铺作为一项事业的人来说，要想取得成功，必须考虑如下的问题： 如何积攒人气、培养回头客； 如何打造品牌、让店铺口碑相传； 如何让宝贝照片吸引眼球； 如何让店铺具有独特风格。要解决这些问题，对店铺进行包装是一个重要手段，这就是店铺装修。
店铺的装修并不是一件很困难的事情，掌握一定的软件知识，具有一定的设计理念，普通卖家完全能够根据需要对自己的网店进行装修。为了帮助广大的淘宝卖家，特别是中小卖家更好地经营网上店铺，给买家带来更好的网上购物体验，顺利地进行店铺装修，笔者编写了这本书。
在进行店铺装修时，最常用的页面设计软件是Photoshop。Photoshop功能强大，使用它可以对宝贝照片进行处理，修补照片的瑕疵，为照片添加特效，从而将宝贝最吸引人的一面展示给买家。同时，Photoshop又能方便地对整个网页的页面进行设置，与Dreamweaver配合使用能够方便地实现整个店铺的设计。

本书结合笔者多年网店设计的经验和体会，着重介绍使用Photoshop CC进行淘宝店铺装修的方法和技巧。全书通过通俗易懂的语言，依据淘宝网店装修要求，全面介绍淘宝网店中照片处理技巧和网店各个区域的设计原则和技巧，详细介绍淘宝特色网店的装修过程。本书力求帮助淘宝店主减少在线摸索的时间，帮助读者快速学习并掌握使用Photoshop进行网店装修的知识和技巧。
1. 主要内容

淘宝店铺装修内容繁杂，技术含量较高，内容涉及网页制作和图像处理，针对具体销售产品的不同，装修的方式各有差异。Photoshop功能强大，初学者往往感觉无从入手，但入门后就能领会到操作的方便和实用。本书针对淘宝网店装修的需要，系统介绍Photoshop最新版本Photoshop CC在淘宝网店装修中的运用技巧，是一本为淘宝卖家量身定做的提升淘宝网店装修能力的图书。
全书共分8章，各章内容如下。
第1章介绍Photoshop CC网店装修必备的基础知识，包括认识Photoshop的操作界面、Photoshop网店装修所必须掌握的基本操作和素材图片管理。

第2章介绍宝贝照片润饰技巧，包括对宝贝照片二次构图的方法、调整宝贝照片色彩的技巧和对宝贝照片进行处理以使其适合网店发布的方法。
第3章介绍宝贝照片的合成方法，包括使用Photoshop抠图的方法和技巧、宝贝照片的叠加方法以及合成照片时的仿真技巧。
第4章介绍对宝贝照片运用特效的方法，包括常见的突出宝贝的特效制作方法和常见的宝贝创意特效的制作方法。
第5章介绍使用Photoshop设计店铺元素的知识，从设计理念和实例展示这两个方面分别介绍店铺店标、宝贝分列、店铺公告以及旺铺店招和宝贝促销区的设计和制作方法。
第6~8章分别介绍3个实用淘宝店铺首页案例的制作过程，它们是服装类网店、化妆品类网店和数码类产品网店。
2. 本书的特点

1） 实例引领，直接解决实际问题
本书精选网店装修应用中的热点和难点问题，摒弃枯燥的教科书似的理论说明，以实例的形式进行讲解。通过实例的分析和讲解，帮助读者了解网店设计趋势，掌握流行的设计技巧。全书精选实例，使读者能够轻松上手，读者只需根据介绍一步一步地操作就能在练习的同时快速掌握有关的方法。
2） 实用为先，合理设计图片结构
本书依托主流图像设计软件Photoshop，依据淘宝网店的装修要求，结合店铺商品的类型和特点，来安排全书内容。本书是淘宝网店装修的一本最新且最全面的实战宝典，既包含Photoshop CC的基本操作知识，也涉及宝贝照片的润饰、合成和美化技巧，同时还介绍了淘宝普通店铺和旺铺的可装修区域的设计和制作技巧。

3） 图文并茂，让学习更加轻松
全书配有大量的图例，对操作步骤的讲解均结合图例进行，降低了阅读门槛。读者能够直观地了解操作过程和每一步操作的效果，无论是熟悉Photoshop的老手还是不熟悉Photoshop的新手，都能够方便地阅读并理解。
4） 配套微课视频，让教学更加轻松
为了让读者更轻松地掌握Photoshop淘宝美工设计与制作技术，作者精心制作了配套微课视频。微课视频完全和教材内容同步，共800分钟超大容量的教学内容，全程语音讲解，真实操作演示，让读者一学就会。
不管是教师还是学生，扫描书中二维码即可在线播放微课视频，这样更加有利于教师的教和学生的学。
3. 本书作者

参加本书编写的作者是多年从事教学工作的资深教师和从事网页美工设计的专业技术人员，具有丰富的教学经验和淘宝网店装修设计经验。
本书主编为缪亮（负责编写第1和第2章）、刘洪霞（负责编写第3～5章），副主编为傅荣会（负责编写第6～8章）。
李敏、郭刚参与了微课视频的创作和编辑工作，在此表示感谢。另外，感谢开封文化艺术职业学院、大庆职业学院、内江师范学院对本书创作给予的支持和帮助。

4. 相关资源

立体出版计划，为读者建构全方位的学习环境。最先进的建构主义学习理论告诉我们，建构一个真正意义上的学习环境是学习成功的关键。学习环境中有真情实境、有协商和对话、有共享资源的支持，才能使读者高效率地学习，并且学有所成。因此，为了帮助读者建构真正意义上的学习环境，作者以图书为基础，为读者专门设置了一个图书服务网站。
网站提供相关图书资讯，以及相关资料下载和读者俱乐部。在这里读者可以得到更多、更新的共享资源，还可以交到志同道合的朋友，相互交流、共同进步。
资源网站网址： http://www.cai8.net
微信公众号： itstudy
编者2019年5月

第3章拼合出来的宝贝效果

为
了让宝贝照片吸引人，经常需要进行多张照片的合成，如为宝贝照片更换背景。照片的合成既是数码照片处理的技术，也是获得特殊效果的一种手段，应用得当将使网店中的宝贝照片真实而传神，真正获得抓取买家眼球的效果。本章从获取宝贝图像、快速合成照片的技巧以及使宝贝与背景风格一致3个方面来介绍照片拼合的技巧。

3.1这样抠图和获取对象
在对宝贝照片进行处理时，经常需要单独对照片中的宝贝或对照片中特定的区域进行处理。从照片中获取需要的部分，是使用Photoshop必须掌握的一项基本技能。无论是对照片中的宝贝进行单独处理还是将宝贝合并到其他图片中，首先都需要获取宝贝。作为一款功能强大的图像处理软件，Photoshop有很多方法来获取需要的区域，本节介绍其中几种方便实用的方法。

视频讲解

3.1.1获取宝贝一点即可——魔棒工具的使用
师： 你在忙什么？看你满头大汗的。

生： 老师，我要从照片中把我的宝贝“抠”出来，搞了半天还没搞定。现在新货等着上架，急死我了。
师： 别急，让我看看。我看这张照片看上去并不复杂嘛。你看，图片的背景颜色比较单纯，这个可以使用“魔棒工具”来快速获得宝贝嘛。

生： “魔棒工具”？是童话中小魔仙使用的魔棒吗？
师： 这个“魔棒工具”和小魔仙使用的魔棒还真有异曲同工之妙，虽然不能像小魔仙的魔棒那样点石成金，却可以帮你快速获取选区，只需你在图片中轻轻一点。

生： 真的吗？
师： 在Photoshop中，“魔棒工具”是一种根据图片颜色来创建选区的工具，可以以图片中相近的颜色来创建选区。下面就以你正在处理的这张照片为例来介绍这个“魔棒工具”的使用方法吧。
(1) 启动Photoshop CC打开需要处理的文件，如图31所示。本例首先从左侧窗口的图片中获取腕表，然后将其复制到右侧的图片中。

图31需要处理的图片

(2) 在工具箱中选择“魔棒工具”

，在属性栏中将工具的“容差”设置为32，如图32所示。在图片背景区域单击，图片中与单击点处颜色相近的像素被选择，从而获得一个选区，如图33所示。

图32设置“容差”

(3) 此时，选区中包含了需要获得对象的某些区域，选区需要进行修改。由于这里需要将获取对象上被选择的区域从选区中去掉，因此在属性栏中单击“从选区减去”按钮，同时减小“容差”值，如图34所示。此时“魔棒工具”上带有“-”，在需要从选区中去除的区域中单击除去该区域，如图35所示。如果单击后选区还不符合需要，可以使用相同方法多次操作。此时获得的选区如图36所示。

图33创建选区

图34单击“从选区减去”按钮

图35在需要去除的区域单击

图36获得的选区

教师点拨： 如果需要从颜色较为单纯的图片中获取选区，使用“魔棒工具”是十分高效便捷的。在工具的属性栏中，“容差”文本框中可以输入0~255的值，该值用于调整选择色彩范围的容差。输入值越小，选择的与单击点处像素相似的颜色就越少； 输入值越大，选择的颜色范围就越大。在操作时，应该根据需要选择区域色彩的复杂程度来设置该值。
(4) 按Ctrl Shift I键将选区反转获得图片中的腕表，按Ctrl C键复制选区内容。切换到另一个图片窗口，按Ctrl V键即可将选择的对象粘贴到该图片中。按Ctrl T键对图像进行变换操作，这里拖曳变换框角上的控制柄旋转图像，如图37所示。按Enter键确认操作，将文档保存为需要的图片文件。本例制作完成后的效果如图38所示。

图37旋转图像

图38本例制作完成后的效果

教师点拨： 在Photoshop CC中，与“魔棒工具”功能相似的还有一个“快速选择工具”，该工具同样是根据颜色来创建选区。与“魔棒工具”不同之处在于，它具有“画笔工具”的特点，能够像画笔一样操作。在创建选区时，拖曳鼠标可以将笔头经过的区域设置为选区。如果只是在图片中单击，它具有和“魔棒工具”一样的效果。因此，该工具实际上是画笔和“魔棒工具”的结合。本例也可以尝试应用“快速选择工具”来创建选区。

视频讲解