基础篇

CHAPTER 1 Photoshop基础入门

Photoshop软件从产生发展到今天，已经在各个设计行业和图像处理等领域占据了非常重要的地位，提起软件名称无人不知，无人不晓，具体到软件应用，有的人却只是一知半解。对于初次接触软件的读者来讲，如何最简单、最迅速、最标准地学会这个流行的软件，将是本书的讲解思路。

1.1 应用领域与认识

1987年秋，美国密歇根大学博士研究生Thomas Knoll为了解决黑白图像在显示器上的显示问题，而写了一段叫作Display的程序。这就是后来Photoshop软件的雏形。最初的功能主要包括羽化、色彩调整、颜色校正等。后来Adobe公司买下了Photoshop软件的发行权，并于1990年2月，正式推出了Photoshop 1.0。当时的Photoshop只能在苹果机（Mac）上运行，功能也只有工具箱和少量的滤镜，但它的推出却在当时产生了轰动的效应，对整个计算机图像处理领域的发展起到了重要的作用。截至目前最新的Photoshop CC版本，Photoshop历经了26年的发展与更新，已经非常成熟与完善。

1.1.1 应用领域与技术揭秘

随着软件功能的发展和应用领域的不断扩大，当今的Photoshop已经在各个领域占据着无可替代的位置。下面就来看看在常见领域中，Photoshop是如何发挥着其强大能量的。

1. 摄影后期应用

Photoshop产生的根本原因就是要解决图像明暗的调整问题。经过这么多年的发展，它在摄影后期方面的应用，已经达到了出神入化的境界，如图1-1所示。

其操作流程揭秘如图1-2所示。

2. 平面设计应用

在平面设计工作中，对于页面内容相对较少，图像编辑和调整应用相对较多的情况，可以使用Photoshop软件进行平面设计和排版操作，操作简单，效果直观，如图1-3所示。

其操作流程揭秘如图1-4所示。

3. 特效合成应用

随着平面设计的不断发展和应用方面的延伸，结合图层蒙版、图层样式和图层混合模式等方面，可以进行不同的特效合成，应用于游戏、电影等的海报设计，如图1-5所示。

其操作流程揭秘如图1-6所示。

4. 效果图后期处理应用

独特的色彩和明暗调节方式，方便的图层混合操作，让Photoshop软件在室内、外效果图和产品设计效果图的后期处理方面发挥了极大的作用，如图1-7所示。发挥每个软件擅长的方面，协调合作才能更高效地设计出好作品。

其操作流程揭秘如图1-8所示。

1.1.2 认识软件界面

“工欲善其事，必先利其器”，学习软件时，需要了解和认识它的基本界面，以便在以后经常见面的时候，不感到陌生。

Photoshop软件界面分为程序界面和文件窗口，如图1-9所示。

1. 程序界面

程序界面是直接启动Photoshop软件时，显示的用户界面。它包括菜单栏、属性工具栏、工具箱和浮动面板4部分。

● 菜单栏：位于界面的上方，包括文件、编辑、图像、图层、类型、选择、滤镜、3D、视图、窗口、帮助等菜单。

● 属性工具栏：用于显示当前选择工具的基本属性，通常情况下，选择要使用的工具后，在属性栏中，设置工具的基本参数，然后在当前页面中进行操作。

● 工具箱：通过左上方的“◀◀”按钮，可以调整工具箱是否分列显示，它集成了PS软件中的常用工具，通过中间的“灰线”进行分组，工具图标右下角有三角符号时，单击鼠标右键或按住左键不放时，显示当前工具的所有内容。

● 浮动面板：包括图层、通道、路径、历史记录等常见浮动面板，可以根据需要将浮动面板进行自由组合，通常将常用面板组合到可以用快捷键显示的浮动面板中，如图层面板快捷键为【F7】，可以将通道、路径、历史记录等面板，与图层面板组合到一起，通过【F7】键，可以方便地控制其显示与隐藏。按【Shift】+【Tab】组合键，可以控制整个浮动面板的显示与隐藏操作。

2. 文件窗口

文件窗口跟着当前打开或新建的文件一起显示，在文件窗口上方，显示当前文件的文件名、扩展名（文件格式）、显示比例、色彩模式和位深等基本信息。

1.2 必看的理论知识

为了更好地学习和使用Photoshop软件，需要掌握必要的图像和Photoshop软件的理论知识。对于使用软件操作来讲，实践固然重要，但仍需要在一定的理论知识指导下进行。就如同驾驶汽车，熟练的动手操作固然重要，但需要在一定的交通规则的指导下进行，否则后果不堪设想。

1.2.1 位图与矢量图

平面设计软件按照工作方式与原理不同，生成或处理的文件类型可以分为位图和矢量图。

1. 位图

位图也称栅格图像，是由像素构成的。每个像素被分配到一个特定的位置和颜色值。位图可以很好地反映图像明暗的变化、复杂的场景和颜色。它的特点是能表现逼真的图像效果，但文件比较大，并且图像在缩放时清晰度会降低并出现锯齿，如图1-10所示。

2. 矢量图

矢量图也称向量图，使用直线和曲线来描述图形，这些图形的元素是一些点、线、矩形、多边形、圆和弧线等。它们都是通过数学公式计算获得的，所以矢量图形文件一般较小。矢量图形的优点是无论放大、缩小或旋转等都不会失真；缺点是难以表现色彩层次丰富、逼真的图像效果，而且显示矢量图也需要花费一些时间。矢量图形主要用于插图、文字和可以自由缩放的徽标等图形，如图1-11所示。

1.2.2 像素与分辨率

1. 像素

像素是构成位图的最基本单位，位图由许多个大小相同的像素沿水平方向和垂直方向按统一的矩阵整齐排列而成。每个像素形状为矩形，可根据实际需要进行缩放。一个像素只有一个固定的颜色。如果要制作渐变的色带效果，像素不够是肯定实现不了的。

2. 分辨率

在不同的图形、图像、文字等描述中，分辨率是一个被误解、混用得最多的概念之一。这是因为这个词能适用于各种不同的场合，而每个场合都有各自特定的含义。分辨率根据不同的使用场合，分为设备分辨率、图像分辨率和输出分辨率。

● 设备分辨率：即常见的支持图像生成或显示的设备屏幕分辨率，是指构成该显示设备的水平像素和垂直像素的个数，如显示器的屏幕分辨率为1920像素×1080像素。

● 图像分辨率：即图像中单位面积内像素的个数，是指每英寸长度单位内能够容纳像素的多少。它用“像素/英寸”（pixels/inch）即ppi表示。例如，分辨率为72 ppi，即在2.54 cm×2.54 cm（1英寸=2.54 cm）区域内，有72个像素。在相同尺寸内，像素数目越多，分辨率越高，图像越细腻，越清晰。

● 输出分辨率：是指打印机或者输出设备的输出分辨率，单位是dpi（dot per inch）。所谓最高分辨率就是指打印机或输出设备所能输出的最大分辨率，也就是所说的输出的极限分辨率。输出的分辨率与制作文件的尺寸大小、精度等参数有关。例如，印刷分辨率为300 dpi，喷绘1～30 m2，分辨率为45 dpi。写真的分辨率一般为72 dpi。

1.2.3 文件格式

强大的Photoshop软件，支持非常多的图像格式，这为图像的后期处理提供了广阔的空间。不同的文件格式具有不同的特点和使用方式，对于设计师们来讲，需要了解不同格式的特点，方便满足不同的输出要求。

1. PSD

PSD是Photoshop软件默认的图像存储格式，该文件格式可以保存Photoshop软件中的图层、通道、路径等重要信息，方便文件存储后的再次编辑，PSD文件可以存储成RGB或CMYK图像模式，还能够自定义颜色数量并加以存储。

2. JPG

JPG全称为JPEG，是目前为止最为流行的一种图像文件格式。JPG是一种有损压缩的图像格式，不适合存储为印刷的文件。可以提高或降低JPG文件压缩的级别。该文件格式可在10:1到20:1 的比率下轻松地压缩文件，而图片质量不会下降。

3. TIFF

TIFF简称为TIF，是一种可以在不同的平台（如Mac OS和PC）之间传递的文件格式。TIF格式可以制作质量非常高的图像，因此，经常用作出版印刷前保存的文件格式。它可以显示上百万种颜色，通常用于比GIF或JPEG格式更大的图像文件。

4. GIF

GIF原义是“图像交换格式”，支持连续色调和无损压缩，支持动画和透明背景图像，是网页中动画的常用保存格式。

5. RAW

RAW图像就是CMOS或者CCD图像感应器将捕捉到的光源信号转化成的数字信号的原始数据。RAW文件是一种记录了数码相机传感器的原始信息，同时记录了由相机拍摄所产生的一些原始数据（Metadata，如ISO的设置、快门速度、光圈值、白平衡等）的文件。RAW是未经处理，也未经压缩的格式，可以把RAW概念化为“原始图像编码数据”或更形象地称为“数字底片”。不同的相机厂家定义的RAW格式有所不同，如佳能相机的为CRW，尼康相机的为NEF等。它是摄影爱好者们比较喜欢的一种文件格式。

1.3 创建与编辑选区

在Photoshop软件中，当需要对图像进行局部编辑时，需要建立选区。因此，选区的创建与编辑，将是本章的核心内容。

1.3.1 创建选区

在Photoshop软件中，可以生成选区的工具包括工具箱中的选框、套索、魔棒等工具，还包括色彩范围、通道等方式。在此，先介绍工具箱中的选区创建工具，在后面的章节中再对其他选区创建方式进行讲解。

1. 选框工具：【M】

选框工具分为矩形选框工具、椭圆选框工具、单行选框工具和单列选框工具4种，通常用于绘制规则选区，单击鼠标右键或长按鼠标左键可以全部显示，如图1-12所示。

选择相应的选框工具，在当前页面中，单击鼠标并按住左键进行拖动，到合适位置时，松开鼠标左键，完成选区的创建，此时，光标置于选区内部时，呈现样式变化，单击左键并拖动鼠标，可以实现选区的移动操作，如图1-13所示。

技巧分享

在使用矩形/椭圆选框工具时，按住【Shift】键，可以限制选区等比例调整，按住【Alt】键，可以限制选区以鼠标单击点为中心对称，同时按住【Shift】+【Alt】组合键时，可以创建以鼠标单击点为中心的正方形/圆形选区。通过属性栏中的“样式”，可以设置绘制选框的尺寸和比例。

2. 套索工具：【L】

套索工具分为套索工具、多边形套索工具和磁性套索工具，方便生成不规则的选区，如图1-14所示。

● 套索工具：选择套索工具后，在页面中单击鼠标左键并拖动，松开左键时，自动进行选区的首尾闭合，用于绘制任意的选区，平时应用较少。

● 多边形套索工具：适用于建立与边缘闭合的图像选区。

通过依次单击多边形的角点创建选区，需要闭合时，双击鼠标左键，完成选区闭合，如图1-15所示。

实战案例

创建多边形选区

素材所在位置：

第1章/创建多边形选区.jpg

01.创建多边形选区

● 磁性套索工具：根据鼠标经过区域边缘颜色的对比，自动生成选区，适用于建立边缘对比明显的图像选区。

单击选择工具箱中的“磁性套索工具”，在图像中单击鼠标左键，松开左键，沿对比明显的区域拖动鼠标，自动生成定位点，鼠标经过转角位置自动定位不合适时，按键盘中的【Delete】键，删除定位点后再重新定位，也可以单击鼠标左键强制进行定位，如图1-16所示。

实战案例

选择图片中颜色对比明显的区域

素材所在位置：

第1章/磁性套索.jpg

02.选择图片中颜色对比明显的区域

技巧分享

在使用磁性套索工具建立选区时，遇到图像边界时，可以在按住【Alt】键的同时，单击左键，磁性套索工具会临时切换到多边形套索工具，松开【Alt】键后，再次单击左键，当前工具会自动返回到磁性套索工具。若当前为多边形套索工具，按住【Alt】键，多边形套索工具会临时切换到套索工具。

3. 魔棒工具：【W】

该工具组分为魔棒工具和快速选择工具，用于快速建立与单击点颜色相近的选区。

⑴ 魔棒工具

参数说明如下。

● 容差：用于控制生成选区与单击点颜色相近的程度，默认为32，参数范围为0～255，值越小，生成选区与单击点颜色的相近程度越高。

● 连续：不选中该参数时，当前页面中只要与单击点颜色相近的区域，一起被选中并生成选区，选中该参数时，则只选择与单击点颜色相近的连续区域，如图1-17所示。

⑵ 快速选择工具

在“魔棒工具”功能的基础上，用于快速选择与鼠标拖动位置或单击点颜色相近的区域，类似于在按住【Shift】键的前提下，使用“魔棒工具”。其操作简单，在此不再赘述。

1.3.2 编辑选区

在已经创建选区的前提下，需要对当前选区进行基本的编辑操作，常见的编辑操作有增加选区、减少选区、反向选择、取消选区等。

1. 基础编辑

● 添加选区：在已经存在选区的前提下，按住【Shift】键或单击属性工具栏中的按钮，可以执行添加选区的操作。

● 减少选区：在已经存在选区的前提下，按住【Alt】键或单击属性工具栏中的按钮，可以行执行减少选区的操作。

● 选区交叉：在已经存在选区的前提下，按住【Shift】+【Alt】组合键或单击属性工具栏中的按钮，可以行执行选区交叉的操作。

● 反向选择：在已经存在选区的前提下，按【Ctrl】+【Shift】+【I】组合键或执行【选择】菜单/【反向】命令。

● 取消选择：在已经存在选区的前提下，按【Ctrl】+【D】组合键或执行【选择】菜单/【取消选择】命令。

● 选区羽化：在已经存在选区的前提下，对选区的边缘进行羽化操作，通常使用【Shift】+【F6】组合键进行，选区羽化后，再对选区进行颜色填充时，边缘部分为半透明效果。

● 选区移动：在已经存在选区的前提下，光标置于选区内，呈 显示时，单击鼠标左键并拖动鼠标，可以进行选区的移动操作。

技巧分享

在进行选区移动时，每按一下键盘中的方向键，可以精确移动1个像素的位置，按住【Shift】键的同时，按方向键，可以精确移动10个像素的位置。

2. 选区存储与载入

● 存储选区：在已经存在选区的前提下，执行【选择】菜单/【存储选区】命令，可以将当前选区自动保存为“Alpha通道”，方便进行选区的计算、载入等操作，也可以直接在“通道”面板中，单击面板左下方的按钮，生成“Alpha通道”。

● 载入选区：将存储过的选区与当前的选区进行并集、差集和交集运算。执行【选择】菜单/【载入选区】命令，从“通道”列表中选择要进行计算的通道，从“操作”选项中选择要进行运算的方式。

实战案例

绘制太极图案

效果所在位置：

第1章/太极.jpg

03.绘制太极图案

Step 1

启动软件，按【Ctrl】+【N】组合键，在弹出的界面中，设置长、宽都为600像素，分辨率为72像素/英寸。单击“确定”按钮，单击工具箱下方的前景色设置按钮，选择除黑白颜色之外的其他颜色，按【Alt】+【Delete】组合键，进行前景色填充，按【M】键，选择椭圆选框工具，在属性工具栏中选择“固定大小”，设置宽度、高度均为400像素，在页面中单击创建圆形选区，光标置于选区中，单击并拖动鼠标，调节到合适位置，如图1-18所示。

Step 2

按【Ctrl】+【R】组合键，显示标尺，光标置于标尺水平或垂直的位置，单击并向页面中间拖动，移动到圆形中间区域位置时，会自动吸附到圆形中间位置，按【D】键，恢复到默认前黑背白的颜色设置，按【Alt】+【Delete】组合键，填充黑色，选择矩形选框工具，按【Alt】键的同时，减去上面一半的选区，再按【Ctrl】+【Delete】组合键，生成黑白两个半圆形选区，如图1-19所示。

Step 3

选择椭圆选框工具，将属性栏中的尺寸设置为宽度、高度为200像素，在页面中间单击并调整位置，按【Alt】+【Delete】组合键，填充黑色，移动选区到右侧，按【Ctrl】+【Delete】组合键，填充白色，如图1-20所示。

Step 4

按【Ctrl】+【D】组合键，取消选择，在属性栏中，设置圆形选框宽度、高度均为40像素，在页面中间单击并调整位置，在左侧圆形区域内填充白色，移动到右侧中间白色区域中，填充黑色，按【Ctrl】+【D】组合键，取消选择，完成太极图案的制作，如图1-21所示。

1.3.3 认识图层

在Photoshop软件中，图层是一个重要的组成部分，也正是因为有了图层，才可以实现分层操作、图层混合模式、图层蒙版、图层样式等操作。在对图像进行编辑或是调节时，若没有建立选区，那么在进行图像编辑或图像调整时，就是针对当前图层进行操作。

图层为透明的电子层，每个图层中的内容默认时相互独立，可以通过混合模式进行像素颜色的垂直计算，实现色彩的千变万化。在此，先介绍图层的基本操作，在后面的章节再介绍图层的

高级运用。

1. 图层面板

按【F7】键，显示“图层”面板，如图1-22所示。

2. 图层基本操作

● 新建图层：在图层面板中，单击右下角的按钮，也可以直接按【Ctrl】+【Shift】+【N】组合键，实现新建图层的操作。

● 拷贝图层：在平时进行图像操作时，为了保护原始的背景图像不受编辑的影响而可以还原，通常在文件打开后，直接按【Ctrl】+【J】组合键，实现图层的快速拷贝。

● 图层的显示与隐藏：在进行图层编辑时，在图层列表中，可以单击图层缩略图前面的按钮，实现图层的显示与隐藏操作。

● 图层链接：可以同时对选择的多个连续或不连续的图层进行链接，图层链接以后，方便实现图层的移动、对齐等操作。

● 调整图层顺序：在图层面板中，可以对除背景层之外的其他图层进行顺序的调整，单击当前操作层并拖动鼠标，移动到合适合位置时，松开鼠标左键即可以实现图层顺序的调整。

● 创建新组：在进行图层操作时，对于多个相关或是具有相同类别的图层，可以进行“编组”操作，方便进行图层位置更改、查看和编辑等操作。

1.3.4 其他工具

在工具箱列表的第一个分组中，除了创建选区的工具之外，还包括移动工具、裁剪工具组和吸管工具组等内容。在日常的图像编辑操作中，也经常需要使用它们来进行操作。

实战案例

查看对象所在图层

素材所在位置：

第1章/mall.psd

04.查看对象所在图层

1. 移动工具：【V】

用于对当前图层或选区中内容进行位置移动，在实际使用时，可以实现内容复制和查询选择内容所在图层的操作。

打开包含多个图层的文件，按【V】键，在属性栏设置参数为“自动选择：图层”，单击选择当前页面中的内容，在图层列表中会自动选择对象所在的图层，如图1-23所示。

在“移动工具”被选中的前提下，按【Alt】键的同时移动对象可以实现复制操作，如图1-24所示。

2. 裁剪工具组：【C】

实战案例

固定尺寸照片裁剪

素材所在位置：

第1章/1寸照片.jpg

05.固定尺寸照片裁剪

裁剪工具组包括裁剪工具、透视裁剪工具、切片工具和切片选择工具等。

裁剪工具，除了可以将图像中多余的画面内容裁剪掉，还可以根据设置的页面尺寸进行剪裁，也经常用于调整倾斜的图像。

打开证件图像，选择工具箱中的“裁剪工具”，在属性工具栏中，选择并设置参数，如图1-25所示。

单击属性栏中的按钮或单击工具箱中的其他工具，完成1寸照片的固定裁剪。

实战案例

调整倾斜图像

素材所在位置：

第1章/倾斜纠正.jpg

打开需要调整的图像，选择工具箱中的“裁剪工具”，在属性工具栏中，单击选择“拉直”按钮，在图像中依次单击两点，作为水平或垂直参考点，如图1-26所示。

06.调整倾斜图像

单击完第二个参考点时，自动完成图像的倾斜调整，如图1-27所示。

单击属性栏中的按钮，完成倾斜图像的裁剪操作。

实战案例

调整透视倾斜

素材所在位置：

第1章/透视.jpg

打开需要调整透视错误的图像，选择工具箱中的“透视裁剪工具”，在图像中单击并拖动鼠标，完成透视裁剪的网格布线，调整透视裁剪参考的控制点，双击鼠标左键或单击属性工具栏中的按钮，完成透视倾斜的调整，如图1-28所示。

07.调整透视倾斜

3. 切片工具组

切片工具通常用于解决图像尺寸较大时，在网络传输、显示过慢的问题，也可以根据自己的需要，对图像中不同的区域链接不同的热点地址。

通过切片工具，可以对图像进行无缝裁切，在进行宝贝详情页设计时，对图像执行“切片”操作，可以加快图像在移动终端显示的速度。

选择切片工具，在图像中单击并拖动鼠标，完成手动切割，光标置于标签处，单击鼠标右键，选择“编辑切片选项”命令，在弹出的界面中，输入热点文本、链接网址等内容即可，如图1-29所示。

当前图像上传到网页时，光标置于切片区域，会显示Alt标签，单击时，会自动链接打开对应的URL网址。

实战案例

将图像切片显示

素材所在位置：

第1章/切片.jpg

08.将图像切片显示

1.4 实战演练

根据本章介绍和讲解的内容，完成以下练习。

1. 使用套索工具绘制斑点狗

最终效果如图1-30所示。

实战案例

使用套索工具绘制斑点狗

09.使用套索工具绘制斑点狗

2. 通过选区的编辑，制作奥运五环效果

最终效果如图1-31所示。

实战案例

通过选区的编辑制作奥运五环效果

10.通过选区的编辑制作奥运五环效果

3. 使用选框工具，绘制图标

最终效果如图1-32所示。

实战案例

使用选框工具绘制图标

11.使用选框工具绘制图标