下载掌阅APP，畅读海量书库
立即打开
图1-1所示为安装完Photoshop之后打开看到的工作界面，其大致可分为五大区域。
图1-1
（1）菜单栏。最顶部的一行是菜单栏。
（2）工具属性栏。紧挨着顶部菜单栏即第二行是工具属性栏。比如，在选择绘制矩形的矩形工具之后，可以在此设置绘制的模式、填充的颜色、描边的粗细等参数。
（3）工具栏。左侧是工具栏，可从中选择各种工具并用于进行绘制图形、创建选区、移动对象等操作，或用于完成一个界面的设计。例如，使用“钢笔工具”绘制矢量图标，使用矩形选框工具创建一个矩形选区，使用文字工具创建文字等。
（4）画布。中间最大的区域是画布。创建的PSD工程文件，或者打开的图片都显示在画布区域。
（5）工具参数面板。右侧是各类其他的工具参数面板，如图层面板、历史记录面板、字符面板、段落面板、颜色面板等。
在菜单栏的“窗口”菜单下可以打开各类面板。这些面板首次打开时默认放在工作界面右侧，但是都可以自由拖曳，也可以堆叠在一块区域中，如图1-2所示。
图1-2
菜单栏共有11个菜单：“文件”“编辑”“图像”“图层”“文字”“选择”“滤镜”“3D”“视图”“窗口”“帮助”。其中“帮助”菜单中主要是关于Photoshop的官方教程与帮助手册的内容，这里略过不做介绍。单击各个菜单展开后的效果如图1-3所示。
图1-3
图1-3（续）
“文件”菜单[见图1-3（a）]的功能和其他同类软件产品的同名菜单类似，主要用于进行Photoshop工程文件的创建、保存和导出等操作。
“编辑”菜单[见图1-3（b）]主要是针对图层元素对象的编辑操作，比较常用的是剪切、复制、粘贴，以及针对图层对象的操作（操控变形、自由变换）等操作。
“图像”菜单[见图1-3（c）]通常是针对整个工程文件的调整编辑操作。例如，“模式”可以修改当前工程文件的颜色模式（RGB或者CMYK，8通道或16通道）。如图1-4所示，单击“灰度”后，整个工程文件的图像就会变成灰色。
图1-4
其中，“图像大小”“画布大小”“图像旋转”“裁剪”等操作都可以影响当前整个工程文件。例如，“图像大小”会改变画布连带图层的大小，“画布大小”仅改变工程文件的画布范围大小，而不改变画布内图像图层的大小，如图1-5（a）所示。“图像旋转”可以旋转整个工程文件的图像，“裁剪”则可以基于选区缩小画面，如图1-5（b）所示。
图1-5
与“图像”菜单不同，“图层”菜单[见图1-3（d）]主要是针对图层对象的编辑操作，常用的有新建（包括新建调整图层）、图层编组、对齐、排列、合并、转换（智能对象图层）和图层蒙版等操作。图层是Photoshop中承载画面元素的重要基础单位。在Photoshop中绘制的任何对象都必须有图层作为承载，它就像现实中的画纸一样。
“文字”菜单[见图1-3（e）]顾名思义就是针对文字对象的操作。文字可以被看作一类特殊的矢量图层，如图1-6（a）所示。在图形界面设计中常用的针对文字对象的操作有将文字图层变形，将文字转换为矢量形状路径（转换后不能再编辑文字内容），将文字从单行转为段落文本（转换后可以通过拖曳更改段落的宽高，以便快速调整文本段落的排列），如图1-6（b）所示。
图1-6
“选择”菜单[见图1-3（f）]主要用于对选区的操作，如全选整个画布范围（仅限当前选择图层）、扩大/缩小选区、羽化选区的边缘、反转选区等。“选区”是Photoshop中一个非常常见的概念。创建选区后，可以只对选区范围内的内容进行编辑，而不影响选区外的区域，如图1-7所示。注意，选区也可以存储并在取消选区后再次载入。
图1-7
“选择”菜单还用于对图层的选择操作，如全选所有图层、查找图层（在图层面板上激活查找输入框）、隔离图层（图层面板上只显示隔离的图层），如图1-8所示。
图1-8
“滤镜”是Photoshop中一个很强大的功能，可以为图片、文本或其他视觉元素添加千变万化的视觉效果。“滤镜”菜单[见图1-3（g）]下方最后一组内容就是Photoshop中内置的若干滤镜效果，如“3D”“风格化”“模糊”“模糊画廊”等，每一组都可以展开二级菜单，如图1-9所示。其中，第4组菜单（如“滤镜库”“自适应广角”等），是相对高级的滤镜操作，本书因篇幅所限，在此不做赘述。
图1-9
然后举几个滤镜效果的例子。例如，为图片添加模糊效果[见图1-10（a）]，或者将图片处理成晶格化的效果[见图1-10（b）]，或者为图片添加一个镜头光晕效果[见图1-10（c）]，等等。
图1-10
“3D”菜单[见图1-3（h）]包含了一些很神奇的功能，可以让原本只能处理图片的Photoshop具备一定的处理和绘制3D对象的能力。例如，选中一个文字图层，然后在“3D”菜单中单击“从所选图层新建3D模型”选项，使文字图层中的文字转换成一个立体的3D对象，并可以在 x 、 y 、 z 三个轴上移动、旋转和缩放，整个画布也被转换成一个带网格立体坐标系的3D工作区，如图1-11所示。
另外，也可以从其他的本地3D文件新建一个3D图层。其支持的3D文件格式如图1-12所示。例如，3D Studio文件是Autodesk 3ds Max软件的主要文件格式，是一种非常常用的3D模型文件格式，用于存储和传输3D对象、材质、动画和变形等数据；STL格式则是3D打印机适用的3D文件格式，AutoCAD、Rhino都可以将文件保存为STL格式。
图1-11
图1-12
“视图”菜单[见图1-3（i）]中的选项不会直接对绘画和设计产生影响，但是可以承担一些辅助工作。例如，设置像素的长宽比，显示或隐藏辅助绘画工具——标尺、参考线等；设置在绘画中自动对齐，如移动图层对象时可以选择是否对齐网格、对齐参考线等。设置不同的像素长宽比后的界面如图1-13所示。图中淡蓝色直线是参考线，界面顶部像直尺一样带有刻度的是标尺。在标尺区域内单击并拖曳鼠标可以拉出参考线，用于辅助排列对齐图标、文字等界面元素。以上这些都是界面设计中十分有用的工具。
图1-13
“窗口”菜单[见图1-3（j）]中包含了Photoshop中几乎所有的工具面板。在界面设计中较常用的面板有：文字相关的面板，用于设置文字的样式，如字符面板、段落面板等，如图1-14（a）所示；图层面板和历史记录面板，如图1-14（b）所示；绘画相关的面板，用于设置颜色（文字颜色、图层颜色等），如颜色和色板面板，如图1-14（c）所示；画笔面板，用于设置画笔粗细样式等，如图1-14（d）所示。
图1-14
“窗口”菜单中还包含了几种预设的工作区，并且可供用户按自己的需要自定义不同的工作区。工作区其实就是Photoshop中不同的窗口面板布局。按照不同的工作场景显示不同的窗口面板，图1-15（a）所示为“摄影”模式下的工作区布局，图1-15（b）所示为“图形和Web”模式下的工作区布局。
图1-15
图1-15（续）
Photoshop工作界面左侧的一块狭窄的竖长条形面板就是工具栏，其中包含了Photoshop中用于绘制图形、设计界面的工具。选择不同的工具，顶部的工具属性栏就会显示对应工具的参数，如图1-16所示。
图1-16
界面设计中常用的工具如下。
移动工具
用于移动图层。Photoshop中的所有元素，如文字、图片、矢量路径、编组等都在图层中，移动工具的功能就是移动这些元素。选择移动工具后，工具属性栏中的显示内容如图1-17所示。
图1-17
界面设计中比较常用的是对齐工具
和散布均分工具
，也就是将多个元素在水平或者垂直方向上平均等距离分布。只有选中以上两个图层时，对齐工具
才会被激活；而只有选中至少三个图层时，散布均分工具
才会被激活。
画板工具
可以用于设置画板的范围大小。通过拖曳鼠标的方式可以新建一个画板，也可以通过单击画板四周的
图标新建一个画板。单击画板右侧的
图标，会在原画板右侧新建一个与其大小完全相同的画板，如图1-18所示。
图1-18
Photoshop中的画板也可以按照现实中的画布或者画板来理解，一个PSD工程文件可以有多块画板，每块画板都可以独立组织多个图层。在界面设计中，每块画板都可以作为一个独立的界面进行设计。例如，在设计一个移动端应用的界面时，可以将首页、设置、搜索、账号等界面分别在不同的画板上设计，然后将这些画板放在一个PSD工程文件中，从而方便地管理一个项目设计的文件。
矩形选框工具
可以在画板上绘制一个最大不超过画板大小，最小不小于1像素×1像素的矩形选区。选择矩形选框工具后，工具属性栏中的显示内容如图1-19所示。
（1）设置选区的模式图标，包含新建选区
（原先的选区会消失）、选区相加
、选区相减
和选区相交
。选区“羽化”值可以更改选区边缘的羽化程度。
（2）设置选区绘制样式，“正常”可以自由绘制任意长宽比例的矩形选框；“固定比例”可以将矩形选框的长宽比例固定；“固定大小”可以在右侧的文本框中输入像素值来创建固定大小的选区。
图1-19
套索工具
可以用于创建任意形状的选区，拖曳鼠标绘制任意形状，即可创建任意形状的选区。
套索工具有3种类型：常规的套索工具、多边形套索工具和磁性套索工具。用鼠标右键单击工具栏底部的更多工具按钮
，可以展开侧边栏，从中选择更多其他工具。展开的其他工具中包含多边形套索工具和磁性套索工具，如图1-20所示。
在使用套索工具时，只需单击并拖曳鼠标即可创建任意形状的选区。创建的选区可以放大或缩小、羽化边缘、消除锯齿、调整宽度和对比度。
多边形套索工具适用于创建有一定规则的选区，如矩形、三角形等。用户可以单击并拖曳鼠标来绘制多边形区域。多边形套索工具需要并合才能生成选区，在未并合时可以使用“Ctrl++”组合键、“Ctrl+-”组合键、空格键、BackSpace键或Delete键进行操作。
图1-20
磁性套索工具用于选择边缘比较清晰且与背景颜色相差比较大的图片的选区。在使用磁性套索工具时，边界会对齐图像中定义区域的边缘。磁性套索工具包括宽度、对比度和频率3个属性，这些属性可以用于调整检测边缘图像的灵敏度。
套索工具在界面设计中不是很常用，主要用于进行图片处理。
魔棒工具
可以用于快速选择一定范围内的像素和颜色，并配合其他工具实现各种复杂的效果。在使用魔棒工具时，可以通过容差值来调整选区的范围大小。容差值越大，选区范围越大；容差值越小，选区范围越小。单击魔棒工具图标
会弹出一个小面板，该面板中包含了两种工具：魔棒工具和快速选择工具。这两种工具在界面设计中不常用，主要用于进行图片处理，故而在此不做介绍，感兴趣的读者可自行寻找相关资料学习。
裁剪工具
通过绘制任意长宽的矩形来裁剪画面。在工具属性栏中可以调整裁剪工具的相关设置，如更改裁剪框的比例，如图1-21所示。
图1-21
创建裁剪框后，按Enter键即可使其功能生效，从而使画面中只剩下裁剪框范围内的内容。
用鼠标右键单击“裁剪工具”图标，弹出的小面板中包含切片等工具。切片工具用于将图像切割成多个小切片，以便进行优化和导出；切片选择工具则用于选择需要调整的切片，然后进行裁剪、移动、缩放等操作。
吸管工具
用于拾取图像中某位置的颜色，通常拾取前景色后，用该颜色填充某选区，或者拾取颜色后，用绘图工具（画笔工具、铅笔工具等）来绘制图形。使用吸管工具时，可以先单击图像上的某个取样点拾取颜色，然后在拾取的颜色预览中查看该颜色。
此外，吸管工具还包含一些其他功能，如“显示取样环”“显示标尺”等。用户可以在工具属性栏中选择相应选项来启用或禁用这些功能。
用鼠标右键单击“吸管工具”图标，弹出的小面板中包含了3种工具，除吸管工具外，还有颜色取样器工具和标尺工具。这里简单介绍颜色取样器工具和吸管工具在功能和使用方式上的不同。颜色取样器工具主要用于颜色取样，可以采集多个点的颜色信息进行显示，以便用户对比肉眼分辨不出的相似颜色。该工具无法直接取色到前景色区域进行填色，但可以配合吸管工具或其他填色工具使用。
画笔工具
是Photoshop在进行绘画类工作时最常用的工具。简而言之，绘画工具就是包含了各种不同大小、不同粗细、不同形状的笔刷工具。用户运用这些笔刷能绘制出千变万化的图形和图像，就像在现实世界中的画布上绘制图形一样。画笔工具可以创建各种形状和效果，如线条、画笔、铅笔、喷枪等。在画笔面板中可以选择各种类型的画笔，如硬笔、软笔、喷枪、毛刷等。同时，还可以调整所选画笔的颜色、不透明度、流量等参数。
除普通的画笔工具外，Photoshop还提供了许多其他辅助绘图的工具，如历史记录画笔、艺术历史记录画笔、橡皮擦、背景橡皮擦、魔术橡皮擦、模糊、锐化、涂抹、加深、减淡和海绵等。这些工具可以用于制作特殊的图形效果。在界面设计工作中，这些绘图工具并不是特别常用，因为界面设计基本都是绘制矢量图形的，所以较常用的是各类绘制矢量图形的工具，如圆角矩形工具、钢笔工具等。
用鼠标右键单击画笔工具图标，弹出的小面板中包含了两种常用工具：画笔工具和铅笔工具。它们的区别在于：画笔工具笔刷的边缘可以设置羽化，并模拟用毛笔写字的效果；同时它有流量控制，可以改变颜色的深浅，而铅笔工具则没有。铅笔工具绘制的图像边缘更粗糙，笔刷是硬角的，边缘很清楚，主要用于勾线和涂鸦。另外，铅笔工具比画笔工具多一个自动抹除功能，在画笔颜色重叠的地方会自动变成背景色。
橡皮擦工具
用于擦除图像上不需要的部分，并露出下面的背景色。在工具属性栏中可以调整橡皮擦的属性，如硬度、大小和不透明度等。需要注意的是，橡皮擦工具只能作用于单个图层，且对矢量文字和矢量图形无效。
渐变工具
用于填充颜色、制作纹理和光影效果等。下面简单介绍其使用方法。（1）打开需要编辑的图像，选中需要填充的图层。
（2）在工具栏中选择渐变工具后，在工具属性栏中可以设置不同的渐变方式：
，如线性渐变、径向渐变、角度渐变等。在默认情况下，渐变工具是线性渐变。它会在需要填充的区域拉出一条直线，线的颜色会从前景色渐变到背景色。
（3）单击工具属性栏中的渐变色条
，可以打开“渐变编辑器”窗口，如图1-22所示。在渐变色条上可以增加或减少颜色手柄，设置渐变色条的颜色样式。位于渐变色条上方的手柄用于设置颜色的不透明度，位于渐变色条下方的手柄用于设置颜色色值。
图1-22
渐变编辑器是Photoshop中的通用窗口，如果需要调整渐变的颜色，则调出的是同样的渐变编辑器界面。在界面设计中，渐变编辑器是一个非常常用的编辑器。我们在实例教程部分会详细介绍该编辑器。
（4）在需要填充的区域拖曳鼠标，该区域的渐变就创建完成了。
如果先创建了一个选区，则渐变工具拉出来的渐变色仅作用于选区范围内。需要注意的是，使用渐变工具必须先选中一个图层，且无法作用于矢量图形。
文字工具
是界面设计中极为常用的一个工具，主要用于创建文字元素。单击文字工具图标，弹出的小面板中包含了两种常用文字工具：横排文字工具和竖排文字工具。单击文字工具后，可以在工具属性栏中调整文字的字体、字重、大小，段落对齐方式，字体的颜色等，如图1-23所示。
图1-23
钢笔工具
用于创建和编辑矢量路径，比如绘制形状、路径和选区。
选择工具
有两种，分别是路径选择工具和直接选择工具。两者都是用于选择矢量路径的工具。其中，路径选择工具只能选择整条路径，而不能选择路径上的单个锚点。也就是说，它可以使路径整体移动和变换，但不能调整路径的形状。直接选择工具则可以选择单个或多个锚点，并可以移动锚点和方向点，从而调整路径的形状。另外，路径选择工具的主要功能是删除锚点、增加锚点、转为选区、描边路径等。直接选择工具的主要功能是选择路径、路径段、锚点，移动锚点和方向点，从而调整路径。
预设形状的矢量绘图工具有：矩形工具
、圆角矩形工具
、椭圆工具
，以及自定形状工具
。这些矢量绘图工具可以用来绘制各种矢量图形，如正方形、长方形、圆角矩形、圆形等。
在选择自定形状工具时，单击工具属性栏中的“形状”选项，打开的下拉面板中有几十种预设的图形，如图1-24所示。
图1-24
当图像不能在Photoshop文件窗口中全部显示时，可以用抓手工具
滚动查看画布不同的区域。另外，按住空格键也可以快速切换到抓手工具，以便在其他工具状态下快速移动画布。
缩放工具
用于放大或缩小图像，以便更好地编辑和查看图像细节。
在前景色和背景色的设置图标中，左上角的色块是前景色，右下角的色块是背景色。单击任
一色块都会弹出“拾色器”窗口用于选择任意颜色。单击直角双箭头图标
会使前景色和背景色的颜色互换。
Photoshop中的画布是进行绘画创作、图像处理、界面设计的主要区域，如图1-25所示。
图1-25
图1-25中的数字1所指的是标尺，可以在标尺区域按住鼠标左键拖曳拉出参考线，用于辅助绘图，在顶部“视图”菜单中选择“标尺”选项，可以打开/关闭标尺的显示；数字2所指的是在画布区域可以切换当前打开的不同文件的选项卡。
画布用来显示正在编辑的图像或PSD工程文件。在打开一个图像文件时，它会默认显示在画布中央，可以使用缩放工具和抓手工具来调整画布的大小和位置。
画布上可以显示标尺和参考线，标尺可以在画布的上方和左侧显示，可以用来测量图像的大小和距离。参考线可以在画布上创建，用于辅助进行对齐和布局。
在画布顶部，标尺的上方是当前已在Photoshop中打开的文件（图片、PSD文件、视频文件等）切换栏，如图1-25中的箭头2所示。单击可以切换当前在画布中显示的文件。
画布底部的状态栏用于显示当前图像的信息，如图像尺寸、缩放比例、颜色模式等，如图1-25中的箭头3所示。
图层面板和路径面板都是非常常用的面板。为了方便操作，通常将这两个面板叠加在一起切换着来使用，如图1-26所示。
图1-26
（1）图层的显示和隐藏。每个图层都有一个眼睛图标
，用户可以单击它来显示或隐藏该图层。此外，用户还可以按照图层类型在图层面板上显示或隐藏图层，如图1-27所示。单击图层面板顶部的一行图标中的某一个，可以控制面板只显示某一类型的图层。例如，图1-27（b）和图1-27（c）分别为只显示图像图层和只显示文字图层。
图1-27
（2）图层的顺序和叠加方式。图层面板中的图层是按照顺序堆叠在一起的，可以拖曳图层来改变它们的顺序。上面的图层会覆盖下面的图层。另外，用户还可以为每个图层选择不同的混合方式，如正常、叠加、滤色等。
（3）图层的锁定和透明度。在图层面板中可以锁定图层的不同属性，如位置、透明度、样式等。锁定功能可用于防止对图层进行的错误操作。此外，还可以调整图层的透明度，从而实现不同的图层混合效果。
（4）图层组和合并图层。图层组可以帮助我们更好地组织图层，并使图层面板更有秩序。选中多个图层并单击鼠标右键，选择弹出菜单中的“合并图层”选项可以将多个图层合并为一个图层。
（5）图层面板底部的一行按钮
提供了一些与图层相关的功能和操作。它们从左到右分别是：“链接图层”“添加图层样式”“添加图层蒙版”“创建新的填充或调整图层”“创建新组”“创建新图层”“删除图层”。
这里简要介绍“链接图层”功能。在一个复杂的工程文件中，“链接图层”是个比较实用的功能，它可以将多个图层链接在一起，以便它们可以同时移动、缩放和变换，而且不会破坏它们之间的相对位置和关系。
Photoshop中的路径面板用于创建、编辑和管理路径。路径是由直线段和曲线段组成的矢量图形，可以用来创建精确的选区、遮罩、形状和进行图像修复等操作。路径面板中路径的显示方式与图层类似，它显示了当前文档中的所有路径。用户可以选择其中一个路径来编辑，也可以创建一个新的路径，如图1-28所示。
图1-28
路径面板底部的一行按钮
从左到右分别是“用前景色填充路径”“用画笔描边路径”“将路径作为选区载入”“从选区生成工作路径”“添加图层蒙版”“创建新路径”“删除当前路径”。
使用路径面板可以创建各种类型的路径，如闭合路径、开放路径、曲线路径等。另外，还可以使用路径选择工具来选择、移动和调整路径的锚点和线段。
在Photoshop中，工作路径是一种临时路径，可以用来创建、编辑和管理矢量路径。工作路径是一条由直线段和曲线段组成的路径，可以用来创建精确的选区、遮罩、形状和进行图像修复等操作。
Photoshop中的颜色面板用来选择和调整颜色，作为前景色或背景色，使用起来非常简单，在色盘上单击任意处选择颜色即可。
色板面板则相对复杂一些，是一个预设颜色的集合，也可用于快速选择和调整颜色。单击色板面板底部的第一个按钮
，可以创建自己的新色板，将常用的颜色添加到这个色板中，如图1-29所示。
使用内置的色板库，单击面板右上角的
按钮展开一个菜单，从中可以选择“载入色板”选项，如图1-30所示。
图1-29
图1-30
Photoshop中最重要且常用的两个与文字字符相关的面板是字符面板和段落面板，如图1-31所示。为了方便操作，字符面板和段落面板通常叠加在一起切换着来使用。
在界面设计中，字符面板是一个非常常用的工具，用于设置和调整文本的字体、大小、颜色、行距、字距、基线偏移等参数。其中，“基线偏移”是指文本字符与“基线”的距离。
图1-31
段落面板允许用户对文本的对齐方式、行距、缩进等进行调整。段落面板中有以下4个常用选项。
（1）对齐方式：用于选择文本的对齐方式，如左对齐、右对齐、居中对齐等。
（2）行距：用于调整文本行之间的距离。可以选择默认的行距值，或者手动调整行距。
（3）缩进：用于设置文本的缩进，如首行缩进、悬挂缩进等。
（4）列数：用于将文本分为多列，并设置列之间的距离和宽度。