作者：华建业 李昔
出版社：人民邮电出版社
格式: AZW3, DOCX, EPUB, MOBI, PDF, TXT
Photoshop CC淘宝网店设计与装修实用教程试读：
前言
随着时代的发展，电子商务走进人们的生活，它以方便、快捷、高效等优势为人们提供高品质生活，而淘宝网店正是在这种环境下应运而生的。淘宝开店十分简单，从注册账号到上架商品，几乎人人都可以操作，甚至有很多人把经营网店作为一种职业追求，越来越多的人在网上开店，也正是在这种情况下店铺数量越来越多，竞争日益激烈。虽然网上店铺很多，但是有相当一部分的销售量较低，除了优化推广的问题外，还有一个重要的原因就是店铺的装修设计不到位。
想要在竞争中占据优势，漂亮的店铺装修是必不可少的，这也是吸引顾客的第一道关，没有经过装修的店铺想要仅依靠物美价廉的商品吸引买家是比较困难的，一般来说，经过装修设计的网络店铺特别能吸引顾客的目光。装修店铺并不难，但是想要将店铺装修得十分漂亮并非易事。
本书立足于指引淘宝卖家如何根据所销售的商品来进行商品拍摄、页面设计与装修，其中还有大量的关于实用宝贝美化、创意设计、经典视觉效果等更加专业的知识。相信通过对本书的学习，一定能够以此为基础达到网店迅速吸引顾客眼球、提高销量及信誉的目的，将网店越做越大、越做越强。
为了达到使读者轻松自学并深入了解网店装修的目的，本书在版面结构设计上尽量做到清晰明了，如下图所示。
本书的主要特色包括以下几点。
全面的基础知识：覆盖装修必备软件，全面讲解操作基础知识。
丰富实用的案例：从宝贝抠图、宝贝调色、艺术字制作、促销标签、精品网店广告、网店banner，到综合案例，囊括了所有和店铺装修有关的实例。
超值的资源赠送：所有案例素材+所有案例源文件+PPT教学课件。
高清有声教学视频：所有案例的高清语音教学视频，体会讲师面对面、手把手的教学。
本书的参考学时为87学时，其中讲授环节为58学时，实训环节为29学时，各章的参考学时参见下面的学时分配表。
本书由华建业、李昔编著，在此感谢所有创作人员对本书付出的艰辛。在创作的过程中，由于时间仓促，错误在所难免，希望广大读者批评指正。如果在学习过程中发现问题，或有更好的建议，欢迎发邮件到bookshelp@163. com与我们联系。
编者第1章装修必备之Photoshop基础
本章主要讲解在网店装修中使用到的Photoshop的基础知识，首先讲解了色彩的使用，包括在淘宝网店装修中色彩的基础知识及本色搭配秘籍。所谓配色，简单来说就是将不同颜色摆在适当的位置，做一个最好的安排。本章从色彩的基础知识出发，详细讲解了色彩的相关元素及配色的原理；然后通过基础案例的讲解，帮助读者详细了解装修利器——Photoshop的使用技巧，了解网店商品的基本处理方法，为以后的学习打下基础。
学习目标
了解三原色
了解色彩的分类
掌握色彩三要素
掌握色彩的性格
掌握配色基础知识
掌握商品的基础修改技巧1.1 色彩基础知识
在五彩缤纷的世界里，人们可以感受到流光溢彩、纷繁复杂的色彩，如天空、草原和花朵等都有它们各自的色彩。对于一个设计师来说，想要设计出好的作品，必须学会在作品中灵活、巧妙地运用色彩，需掌握色彩的基础知识，从而使作品达到艺术表现效果。下面来详细讲解关于色彩的知识。1.1.1 三原色
原色，又称为基色，三原色（三基色）是指红（R）、绿（G）、蓝（B）这三种颜色，它们是调配其他色彩的基本色。原色的纯度最高、最纯净、最鲜艳，可以调配出绝大多数色彩，但其他颜色不能调配出三原色。
加色三原色基于加色法原理。人的眼睛是根据所看见的光的波长来识别颜色的。可见光谱中的大部分颜色可以由三种基本色光按不同的比例混合而成，这三种基本色光的颜色就是红（Red）、绿（Green）、蓝（Blue）。这三种光以相同的比例混合，达到一定的强度，就呈现为白色；若三种光的强度均为零，就是黑色，这就是加色法原理加色法原理被广泛应用于电视机、监视器等主动发光的产品中。RGB混合效果及样本如图1.1所示。图1.1 RGB混合效果及样本
减色三原色基于减色法原理，在减色法原理中的三原色颜料分别是青色（Cyan）、品红色（Magenta）和黄色（Yellow）。减色原色是指一些颜料，当按照不同的组合将这些颜料添加在一起时，可以创建一个色谱。减色原色基于减色法原理。与显示器不同，在打印、印刷、油漆、绘画等这些靠介质表面的反射被动发光的场合，物体所呈现的颜色是光源中被颜料吸收后所剩余的部分，所以其成色的原理叫作减色法原理。打印机使用减色原色（青色、洋红色、黄色和黑色）并通过减色混合来生成颜色。减色法原理被广泛应用于各种被动发光的场合。通常我们所说的CMYK模式就是基于减色原理。CMYK混合效果及样本如图1.2所示。图1.2 CMYK混合效果及样本1.1.2 色彩的分类
色彩从属性上分，一般可分为无彩色和有彩色两种。
1.无彩色
无彩色是指白色、黑色和由黑、白两色相互调和而形成的各种深浅不同的灰色系列，即反射白光的色彩。从物理学的角度看，它们不包括在可见光谱之中，故称之为无彩色。
无彩色按照一定的变化规律，可以排成一个系列。由白色渐变到浅灰、中灰到黑色，色度学上称此为黑白系列。黑白系列中由白到黑的变化，可以用一条水平轴表示，一端为白，一端为黑，中间有各种过渡的灰色。
无彩色系中的所有颜色只有一种基本性质，即明度。它们不具备色相和纯度的性质，也就是说它们的色相和纯度从理论上来说都等于零。明度的变化能使无彩色系呈现出梯度层次的中间过渡色，色彩的明度可用黑白度来表示，越接近白色，明度越高，越接近黑色，明度越低。无彩色图示效果如图1.3所示。图1.3 无彩色图示效果
2.有彩色
有彩色是指包括在可见光谱中的全部色彩，有彩色的物理色彩有6种基本色：红色、橙色、黄色、绿色、蓝色、紫色。基本色之间不同比例的混合、基本色与无彩色之间不同比例的混合所产生的千千万万种色彩都属于有彩色系。有彩色是由光的波长和振幅决定的，波长决定色相，振幅决定色调。这6种基本色中，一般称红色、黄色、蓝色为三原色；橙色（红加黄）、绿色（黄加蓝）、紫色（蓝加红）为间色。从上述中可以发现，在这6种基本色的排列中两个原色之间总是间隔一个间色，所以，只需要记住基本色就可以区分原色和间色。
有彩色具有色相、明度和饱和度（也称彩度、纯度、艳度）的变化，色相、明度和饱和度是色彩最基本的三要素，在色彩学上也称为色彩的三属性。将有彩色系按顺序排成一个圆形，这便组成了色相环。色相环对于了解色彩之间的关系具有很大的帮助。有彩色图示效果如图1.4所示。图1.4 有彩色图示效果1.1.3 色彩三要素
在平面设计中，经常接触到有关图像的色相（Hue）、明度（Brightness）和饱和度（Saturation）的色彩概念，从HSB颜色模型中可以看出这些概念的基本情况，如图1.5所示。图1.5 HSB颜色模型图示
1.色相
色相，是指各类色彩的相貌称谓，是区别色彩种类的名称。如红色、黄色、绿色、蓝色和青色等都代表一种具体的色相。色相是一种颜色区别于其他颜色最显著的特性，在0到360°的标准色相环上，按位置度量色相。色相体现着色彩外向的性格，是色彩的灵魂。色相环效果如图1.6所示。图1.6 色相环效果
因色相不同而形成的色彩对比叫色相对比。以色相环为依据，颜色在色相环上的距离远近决定色相的强弱对比，距离越近，色相对比越弱；距离越远，色相对比越强烈。
色相对比一般包括对比色对比、互补色对比、邻近色对比和同类色对比。这些对比中互补色对比是最强烈鲜明的，如黑白对比就是互补对比；而同类色对比是最弱的对比，同类色对比是同一色相里的不同明度和纯度的色彩对比，因为它是距离最小的色相，属于模糊难分的色相。色相对比效果如图1.7所示。图1.7 色相对比效果
2.明度
明度指的是色彩的明暗程度。有时也可称为亮度或深浅度。在无彩色中，最高明度为白，最低明度为黑色。在有彩色中，任何一种色相中都有着一个明度特征。不同色相的明度也不同，黄色为明度最高的色，紫色为明度最低的色。任何一种色相如加入白色，都会提高明度，白色成分越多，明度也就越高；任何一种色相如加入黑色，明度相对降低，黑色越多，明度越低。
明度是全部色彩都有的属性，明度关系可以说是搭配色彩的基础，在设计中，明度最适宜于表现物体的立体感与空间感。明度图示效果如图1.8所示。图1.8 明度图示效果
色相之间由于色彩明暗差别而产生的对比，称为明度对比，有时也叫黑白度对比。色彩对比的强弱决定于明度差别大小，明度差别越大，对比越强；明度差别越小，对比越弱。利用明度的对比可以很好地表现色彩的层次与空间关系。
明度对比越强的色彩最明快、清晰，最具有刺激性；明度对比处于中等的色彩刺激性相对小些，表现比较明快，所以通常用在室内装饰、服装设计和包装装潢上；而处于最低等的明度对比不具备刺激性，多使用在柔美、含蓄的设计中。明度对比效果如图1.9所示。图1.9 明度对比效果
3.饱和度
饱和度是指色彩的强度或纯净程度，也称彩度、纯度、艳度或色度。对色彩的饱和度进行调整也就是调整图像的彩度。饱和度表示色相中灰色分量所占的比例，它使用从 0（灰色）至 100% 的百分比来度量，当饱和度降低为0时，则会变成一个灰色图像，增加饱和度会增加其彩度。在标准色轮上，饱和度从中心到边缘递增。饱和度受到屏幕亮度和对比度的双重影响，一般亮度好对比度高的屏幕可以得到很好的色饱和度。饱和度效果如图1.10所示。图1.10 饱和度效果
色相之间因饱和度的不同而形成的对比叫纯度对比。很难划分高、中、低纯度的统一标准。可以笼统地这样理解，将一种颜色（比如红色）与黑色相混成9个等纯度色标，1~3为低纯度色，4~6为中纯度色，7~9为高纯度色。
纯度相近的色彩对比，如3级以内的对比叫纯度弱对比，纯度弱对比的画面视觉效果比较弱，形象的清晰度较低，适合长时间及近距离观看；纯度相差4~6级的色彩对比叫纯度中对比，纯度中对比是最和谐的，画面效果含蓄丰富，主次分明；纯度相差7~9级的色彩对比叫纯度强对比，纯度强对比会出现鲜的更鲜、浊的更浊的现象，画面对比明朗、富有生气，色彩认知度也较高。纯度对比如图1.11所示。图1.11 纯度对比效果1.1.4 色彩的性格
当人们看到颜色时，会与自己印象中的感知产生共通性，比方说当人们看到红色、橙色或黄色会产生温暖感；当人们看到海水或月光时，会产生清爽的感觉，于是当人们看到青色、绿色，也相应会产生凉爽感。由此可见，色彩的温度感不过是人们的习惯反应，是人们长期经验积累的结果。
红色、橙色之类的颜色叫暖色；青、青绿之类的颜色叫冷色。红紫到黄绿属暖色，青绿到青属冷色，以青色为最冷，紫色是由属于暖色的红和属于冷色的青色组合成，所以紫和绿被称为温色，黑、白、灰、金、银等色称为中性色。
需要注意的是，色彩的冷暖是相对的，比如无彩色（如黑、白）与有彩色（黄、绿等），后者比前者暖；而如果由无彩色本身看，黑色比白色暖；从有彩色来看，同一色彩中含红、橙、黄成分偏多时偏暖，含青的成分偏多时偏冷；所以说，色彩的冷暖并不是绝对的。色彩性格如图1.12所示。图1.12 色彩性格1.2 配色基础知识
配色是淘宝店铺装修中不可或缺的一个环节，有着相当重要的一面，极具美感的配色可以让你的店铺给人极高的舒适度，让进来的买家无论下单与否都会浏览一番，可以说是赚足了人气。下面就为大家讲解以下五种常见的配色分类。1.2.1 原色搭配
原色搭配也就是我们常见到的比如红、绿、黄之类的颜色，这种颜色通常比较醒目，在搭配上相对比较讲究，一般情况下大面积的纯色搭配是比较少见的，原因是原色的搭配冲突感太强，反差较大，不符合传统文化。但是在这里红色和黄色的搭配则是比较常见到的，首先依据中国的传统文化红色和黄色的搭配极容易使人联想到节日的喜庆，此外大型的商业活动宣传单等也会采用这种色彩搭配。原色搭配效果如图1.13所示。图1.13 原色搭配效果1.2.2 单色搭配
单色搭配是一种最为“安全”的配色方法，它避免了多色搭配中的颜色反差太大的冲击感，在单色搭配中并没有形成颜色的层次，但是它具有其他配色方法并不太突出的明暗层次，一种色相由暗、中、明三种色调组合而成，这种颜色我们就称之为单色，这种颜色搭配的用法相对简单，并且出来的效果通常很好。单色搭配效果如图1.14所示。图1.14 单色搭配效果1.2.3 补色搭配
在色盘中相对的两种颜色即为补色，例如橙色和蓝色，这两种颜色的搭配形成一种强烈的对比效果，能传达出活力、兴奋等信息。想要补色搭配效果达到最佳，通常在大面积的颜色中使用小面积的补色。补色搭配效果如图1.15所示。图1.15 补色搭配效果1.2.4 类比色搭配
通常在色盘中相邻的颜色我们称之为类比色，类比色最为显著的特点就是都拥有相似的共同点，比如相似对比度、相似的明度等。这类颜色搭配在一起能够产生一种令人赏心悦目的感觉。类比色的另一个特点是颜色相对比较丰富，应用这种搭配通常都能轻易产生美感。类比色搭配效果如图1.16所示。图1.16 类比色搭配效果图1.16 类比色搭配效果（续）1.2.5 分裂补色搭配
分裂补色是比较冷门的一种搭配方法，在这里我们将同时用补色及类比色的方法来确定的颜色关系称之为分裂补色，此种颜色的搭配既具有补色的力量感而又不失类比色中的低对比度的美感，所以它也就形成了一种既和谐又有重点的颜色关系。分裂补色搭配效果如图1.17所示。图1.17 分裂补色搭配效果1.2.6 二次色搭配
二次色之间都拥有一种共同的颜色，如两种共同拥有蓝色，两种共同拥有黄色，两种共同拥有红色，所以它们轻易能够形成协调的搭配；如果三种二次色同时使用，则具有丰富的色调显得很舒适、引人注目。二次色搭配效果如图1.18所示。图1.18 二次色搭配效果1.3 剪切突出商品重点
素材位置 素材文件\第1章\突出商品重点
案例位置 案例文件\第1章\突出商品重点.jpg
视频位置 多媒体教学\第1章\1.3.avi
难易指数 ★☆☆☆☆
本例讲解突出商品重点，在某些商品广告中，假如图像中有很多元素，此时只想突出某一件商品的重点，执行以下操作便可轻松实现，最终效果如图1.19所示。图1.19 最终效果
01 执行菜单栏中的【文件】|【打开】命令，打开“鞋子.jpg”文件，如图1.20所示。图1.20 打开素材
02 选择工具箱中的【裁切工具】，在图像中单击，拖动变形裁切框以选中左上角鞋子图像，完成之后按Enter键确认，这样就完成了效果制作，最终效果如图1.21所示。图1.21 裁切图像及最终效果1.4 更改图像分辨率
素材位置 素材文件\第1章\板鞋.jpg
案例位置 案例文件\第1章\更改图像分辨率.jpg
视频位置 多媒体教学\第1章\1.4.avi
难易指数 ★☆☆☆☆
有时需要降低图像分辨率以方便将图像上传至店铺页面中，在本例中讲解了如何更改图像的分辨率，最终效果如图1.22所示。图1.22 最终效果
01 执行菜单栏中的【文件】|【打开】命令，打开“背景.jpg”文件，如图1.23所示。图1.23 打开素材
02 执行菜单栏中的【图像】|【图像大小】命令，在弹出的对话框中将【宽度】更改为500，此时【高度】值将自动降低，完成之后单击【确定】按钮，这样就完成了效果制作，最终效果如图1.24所示。图1.24 降低分辨率及最终效果1.5 校正倾斜图像
素材位置 素材文件\第1章\相框.jpg
案例位置 案例文件\第1章\校正倾斜图像.jpg
视频位置 多媒体教学\第1章\1.5.avi
难易指数 ★☆☆☆☆
本例讲解如何校正倾斜图像，在店铺装修中拍摄的商品图像通常是横平竖直，这也是符合最基本的视觉要求，但有时拍摄的照片不一定是绝对水平的，这种问题用本例中所讲解的方法可以修复，最终效果如图1.25所示。图1.25 最终效果
01 执行菜单栏中的【文件】|【打开】命令，打开“相框.jpg”文件，如图1.26所示。图1.26 打开素材
02 选择工具箱中的【裁剪工具】，此时图像边缘将出现一个裁剪框，如图1.27所示。
试读结束[说明：试读内容隐藏了图片]