
【重点】2.4 “图层”面板的基本操作

扫一扫,看视频
Photoshop是一款以“图层”为基本操作单位的制图软件。换句话说,“图层”是在Photoshop中进行一切操作的载体。顾名思义,图层就是图+层,图即图像,层即分层、层叠。简而言之,就是以分层的形式显示图像。来看一幅漂亮的Photoshop作品,在鲜花盛开的草地上,一只甲壳虫漫步其间,身上还背着一部老式电话机,如图2-102所示。该作品实际上就是将不同图层上大量不相干的元素按照顺序依次堆叠形成的。每个图层就像一块透明玻璃,顶部的“玻璃板”上是话筒和拨盘,中间的“玻璃板”上贴着甲壳虫,底部的“玻璃板”上有草地、花朵。将这些“玻璃板”(图层)按照顺序依次堆叠摆放在一起,就呈现出了完整的作品。

图2-102
2.4.1 了解图层的原理
在“图层”模式下,对图像进行操作非常方便、快捷。如要在画面中添加一些元素,可以新建一个空白图层,然后在新的图层中绘制内容。这样新绘制的图层不仅可以随意移动位置,还可以在不影响其他图层的情况下进行内容的编辑。
图2-103为包含多个图层的作品,可以单独移动某个图层的位置,或者对其颜色等进行调整,如图2-104所示;还可隐藏其中一个图层,如图2-105所示;可以发现所有的这些操作都不会影响到下方图层内容。

图2-103

图2-104

图2-105
了解图层的特性后,来看一下它的“大本营”——“图层”面板。执行“窗口〉图层”命令,打开“图层”面板,如图2-106所示。“图层”面板常用于新建图层、删除图层、选择图层、复制图层等,还可以进行图层混合模式的设置,以及添加和编辑图层样式等。

图2-106
其中各项功能介绍如下。
◆图层过滤:用于筛选特定类型的图层或查找某个图层。在左侧的下拉列表框中可以选择筛选方式,在其右侧可以选择特殊的筛选条件。单击最右侧的
按钮,可以启用或关闭图层过滤功能。
◆锁定:选中图层,单击“锁定透明像素”按钮
,可以将编辑范围限制为只针对图层的不透明部分;单击“锁定图像像素”按钮
,可以防止使用绘画工具修改图层的像素;单击“锁定位置”按钮
,可以防止图层的像素被移动;单击
按钮,可以防止在画板内外自动套嵌(启用该功能后,在包含多个画板的文档中移动图层时,不会将图层移动到其他画板中);单击“锁定全部”按钮
,可以锁定透明像素、图像像素和位置,处于这种状态下的图层将不能进行任何操作。
◆设置图层混合模式:用来设置当前图层的混合模式,使之与下面的图像产生混合。在该下拉列表框中提供了很多的混合模式,选择不同的混合模式,产生的图层混合效果不同。
◆设置图层不透明度:用来设置当前图层的不透明度。
◆设置填充不透明度:用来设置当前图层的填充不透明度。该选项与“不透明度”选项类似,但是不会影响图层样式效果。
◆处于显示/隐藏状态的图层,
:当该图标显示为
时表示当前图层处于可见状态;而显示为
时则处于不可见状态。单击该图标,可以在显示与隐藏之间进行切换。
◆链接图层:选择多个图层后,单击该按钮,所选的图层会被链接在一起。被链接的图层可以在选中其中某一图层的情况下进行共同移动或变换等操作。当链接好多个图层以后,图层名称的右侧就会显示链接标志,如图2-107所示。

图2-107
◆添加图层样式:单击该按钮,在弹出的菜单中选择一种样式,可以为当前图层添加该样式。
◆创建新的填充或调整图层:单击该按钮,在弹出的菜单中选择相应的命令,即可创建填充图层或调整图层。此按钮主要用于创建调色调整图层。
◆创建新组:单击该按钮,即可新建一个图层组。
◆创建新图层:单击该按钮,即可在当前图层的上一层新建一个图层。
◆删除图层:选中图层后,单击该按钮,可以删除该图层。
提示:特殊的“背景”图层
当打开一张JPEG格式的照片或图片时,在“图层”面板中将自动生成一个“背景”图层,而且“背景”图层后方带有图标。该图层比较特殊,无法移动或删除部分像素,有的命令可能也无法使用(如“自由变换”“操控变形”等)。因此,如果想要对“背景”图层进行这些操作,需要按住Alt键双击“背景”图层,将其转换为普通图层,之后再进行操作,如图2-108所示。

图2-108
重点2.4.2 选择图层
在使用Photoshop制图的过程中,文档中经常会包含很多图层,所以选择正确的图层进行操作就显得非常重要;否则可能会出现明明想要删除某个图层,却错误地删掉了其他对象。
1.选择一个图层
当打开一张JPEG格式的图片时,在“图层”面板中将自动生成一个“背景”图层,如图2-109所示。此时该图层处于被选中的状态,所有操作也都是针对这个图层进行的。如果当前文档中包含多个图层(例如,在当前文档中执行“文件〉置入嵌入对象”命令,置入一张图片),此时“图层”面板中就会显示两个图层。在“图层”面板中单击新建的图层,即可将其选中,如图2-110所示。在“图层”面板空白处单击鼠标左键,即可取消选择所有图层,如图2-111所示。没有选中任何图层时,图像的编辑操作就无法进行。

图2-109

图2-110

图2-111
2.选择多个图层
想要对多个图层同时进行移动、旋转等操作时,就需要同时选中多个图层。在“图层”面板中首先选中一个图层,然后按住Ctrl键的同时单击其他图层(单击名称部分即可,不要单击图层的缩览图部分),即可选中多个图层,如图2-112和图2-113所示。

图2-112

图2-113
重点2.4.3 新建图层
如要向图像中添加一些绘制的元素,最好创建新的图层,这样可以避免绘制失误而对原图产生影响。
在“图层”面板底部单击“创建新图层”按钮,即可在当前图层的上一层新建一个图层,如图2-114所示。单击某一个图层即可选中该图层,然后在其中进行绘图操作,如图2-115所示。

图2-114

图2-115
当文档中的图层比较多时,可能很难分辨某个图层。为了便于管理,可以对已有的图层进行命名。将光标移动至图层名称处并双击鼠标左键,图层名称便处于激活的状态,如图2-116所示。接着输入新的名称,按Enter键确定,如图2-117所示。

图2-116

图2-117
重点2.4.4 删除图层
选中图层,单击“图层”面板底部的“删除图层”按钮,如图2-118所示。在弹出的对话框中单击“是”按钮,即可删除该图层(勾选“不再显示”复选框,可以在以后删除图层时省去这一步骤),如图2-119所示。如果画面中没有选区,直接按Delete键也可以删除所选图层。

图2-118

图2-119
提示:删除隐藏图层
执行“图层〉删除图层〉隐藏图层”命令,可以删除所有隐藏的图层。
重点2.4.5 复制图层
选中图层,使用快捷键Ctrl+J可以快速复制图层。如果当前画面中包含选区,则可以快速将选区中的内容复制为独立图层。
重点2.4.6 动手练:调整图层顺序
在“图层”面板中,位于上方的图层会遮挡住下方的图层,如图2-120所示。当需要调整图层顺序时,可以在“图层”面板中选择该图层,按住鼠标左键向上或向下拖曳,调整图层排列顺序到合适位置后释放鼠标,即可完成图层顺序的调整,如图2-121所示。此时画面的效果也会发生改变,如图2-122所示。

图2-120

图2-121

图2-122
提示:使用菜单命令调整图层顺序
选中要移动的图层,然后执行“图层〉排列”子菜单中的命令,也可以调整图层的排列顺序。
2.4.7 动手练:使用“图层组”管理图层
“图层组”就像一个“文件袋”。在办公时如果有很多文件,我们会将同类文件放在一个文件袋中,并在文件袋上标明信息。而在Photoshop中制作复杂的图像效果时也是一样的,“图层”面板中经常会出现数十个图层,把它们分门别类地“收纳”起来是个非常好的习惯,在后期操作中可以更加便捷地对画面进行处理。图2-123所示为一个书籍设计作品中所使用的图层,图2-124所示为借助“图层组”整理后的“图层”面板。

图2-123

图2-124
1.创建“图层组”
单击“图层”面板底部的“创建新组”按钮,即可创建一个新的图层组,如图2-125所示。选择需要放置在组中的图层,按住鼠标左键拖曳至“创建新组”按钮上(如图2-126所示),则以所选图层创建图层组,如图2-127所示。也可以选中需要编组的图层,然后使用快捷键Ctrl+G快速地进行图层编组操作。

图2-125

图2-126

图2-127
提示:尝试创建一个“组中组”
图层组中还可以套嵌其他图层组。将创建好的图层组移到其他组中即可创建出“组中组”。
2.将图层移入或移出图层组
选择一个或多个图层,按住鼠标左键拖曳到图层组内,如图2-128所示。松开鼠标就可以将其移入到该组中,如图2-129所示。将图层组中的图层拖曳到组外,就可以将其从图层组中移出。

图2-128

图2-129
3.取消图层编组
在图层组名称上右击,在弹出的快捷菜单中选择“取消图层编组”命令,如图2-130所示。图层组消失,而组中的图层并未被删除,如图2-131所示。

图2-130

图2-131
重点2.4.8 动手练:将多个图层合并为一个图层
合并图层是指将所有选中的图层合并成一个图层。例如,多个图层合并前如图2-132所示,将“背景”图层以外的图层进行合并后如图2-133所示。经过观察可以发现,画面的效果并没有什么变化,只是多个图层变为了一个。

图2-132

图2-133
1.合并图层
想要将多个图层合并为一个图层,可以在“图层”面板中选中某一图层,然后按住Ctrl键加选需要合并的图层,执行“图层〉合并图层”命令或按快捷键Ctrl+E。
2.合并可见图层
执行“图层〉合并可见图层”命令或按Ctrl+Shift+E快捷键,可以将“图层”面板中的所有可见图层合并为“背景”图层。
3.拼合图像
执行“图层〉拼合图像”命令,即可将全部图层合并到“背景”图层中。如果有隐藏的图层,则会弹出一个提示对话框,询问用户是否要扔掉隐藏的图层。
4.盖印
盖印可以将多个图层的内容合并到一个新的图层中,同时保持其他图层不变。选中多个图层,然后按快捷键Ctrl+Alt+E,可以将这些图层中的图像盖印到一个新的图层中,而原始图层的内容保持不变。按快捷键Ctrl+Shift+Alt+E,可以将所有可见图层盖印到一个新的图层中。
重点2.4.9 动手练:移动图层位置
如要调整图层的位置,可以使用工具箱中的“移动工具”来实现。如要调整图层中部分内容的位置,可以使用选区工具绘制出特定范围,然后使用“移动工具”进行移动。
1.使用“移动工具”
(1)在“图层”面板中选择需要移动的图层(注意,“背景”图层无法移动),如图2-134所示。接着选择工具箱中的“移动工具”,如图2-135所示。然后在画面中按住鼠标左键拖曳,该图层的位置就会发生变化,如图2-136所示。

图2-134

图2-135

图2-136
(2):在工具选项栏中选中“自动选择”复选框时,如果文档中包含多个图层或图层组,可以在后面的下拉列表框中选择要移动的对象。如果选择“图层”选项,使用“移动工具”在画布中单击时,可以自动选择“移动工具”下面包含像素的顶层的图层;如果选择“组”选项,在画布中单击时,可以自动选择“移动工具”下面包含像素的顶层的图层所在的图层组。
(3):在工具选项栏中选中“显示变换控件”复选框后,选择一个图层时,就会在图层内容的周围显示定界框,如图2-137所示。通过定界框可以进行缩放、旋转、切变等操作,变换完成后按Enter键确认,如图2-138所示。

图2-137

图2-138
提示:水平移动、垂直移动
在使用“移动工具”移动对象的过程中,按住Shift键可以沿水平、垂直或斜45°的方向移动对象。
2.移动并复制
在使用“移动工具”移动图像时,按住Alt键拖曳图像,可以复制图层。当图像中存在选区时,按住Alt键的同时拖动选区中的内容,则会在该图层内部复制选中的部分,如图2-139和图2-140所示。

图2-139

图2-140
3.在不同的文档之间移动图层
在不同的文档之间使用“移动工具”,可以将图层复制到另一个文档中。在一个文档中按住鼠标左键,将图层拖曳至另一个文档中,松开鼠标即可将该图层复制到另一个文档中,如图2-141和图2-142所示。

图2-141

图2-142
提示:移动选区中的像素
当图像中存在选区时,选中普通图层,使用“移动工具”进行移动时,选中图层内的所有内容都会移动,且原选区显示透明状态。当选中“背景”图层,使用“移动工具”进行移动时,选区部分将会被移动且原选区被填充背景色。
重点2.4.10 动手练:对齐与分布图层
在版面的编排中,有一些元素是必须要对齐的。那么如何快速、精准地进行对齐呢?使用“对齐”功能可以将多个图层对象排列整齐。
在对图层操作之前,先要选择图层,在此按住Ctrl键加选多个需要对齐的图层。接着选择工具箱中的“移动工具”,在其选项栏中单击对齐按钮
,即可进行对齐,如图2-143所示。例如,单击“垂直居中对齐”按钮
,效果如图2-144所示。

图2-143

图2-144
提示:对齐按钮
●(顶对齐):将所选图层顶端的像素与当前图层顶端的中心像素对齐。
●(垂直居中对齐):将所选图层的中心像素与当前图层垂直方向的中心像素对齐。
●(底对齐):将所选图层底端的像素与当前图层底端的中心像素对齐。
●(左对齐):将所选图层的中心像素与当前图层左边的中心像素对齐。
●(水平居中对齐):将所选图层的中心像素与当前图层水平方向的中心像素对齐。
●(右对齐):将所选图层的中心像素与当前图层右边的中心像素对齐。
多个对象已排列整齐了,那么怎么才能让每两个对象之间的距离是相等的呢?这时就需要用到“分布”功能。使用该功能可以将所选的图层以上下、左右两端的对象为起点和终点,将所选图层在这个范围内进行均匀的排列,得到具有相同间距的图层。在使用“分布”命令时,文档中必须包含多个图层(至少为3个图层,“背景”图层除外)。
首先加选需要进行分布的图层,然后在工具箱中选择“移动工具”,在其选项栏中单击分布按钮,即可进行分布,如图2-145所示。例如,单击“水平居中分布”按钮
,效果如图2-146所示。

图2-145

图2-146
提示:分布按钮
●(垂直顶部分布):单击该按钮时,将平均每一个对象顶部基线之间的距离,调整对象的位置。
●(垂直居中分布):单击该按钮时,将平均每一个对象水平中心基线之间的距离,调整对象的位置。
●(底部分布):单击该按钮时,将平均每一个对象底部基线之间的距离,调整对象的位置。
●(左分布):单击该按钮时,将平均每一个对象左侧基线之间的距离,调整对象的位置。
●(水平居中分布):单击该按钮时,将平均每一个对象垂直中心基线之间的距离,调整对象的位置。
●(右分布):单击该按钮时,将平均每一个对象右侧基线之间的距离,调整对象的位置。
练习实例:使用对齐、分布制作整齐的杂志版面

扫一扫,看视频

案例效果
案例效果如图2-147所示。

图2-147
操作步骤
步骤01 执行“文件〉打开”命令,将素材1.jpg打开,如图2-148所示。此时图片中版式下方位置没有其他的图片,本例将置入另外3张大小一致的图片,并通过对齐、分布操作制作整齐统一的杂志封面。

图2-148
步骤02 将其他的图片置入到文档中。执行“文件〉置入嵌入对象”命令,在弹出的“置入嵌入的对象”窗口中选择素材2.jpg,然后单击“置入”按钮将图片置入。如图2-149所示。将光标放在定界框外,按住Shift键的同时按住鼠标左键将图片进行等比例缩小,操作完成后按Enter键,效果如图2-150所示。

图2-149

图2-150
步骤03 选择置入的素材图层,右击,执行“栅格化图层”命令将图层栅格化,如图2-151所示。

图2-151
步骤04 使用同样的方法将素材2.jpg和3.jpg置入到文档中,将其调整到和素材1.jpg一样大小,并进行栅格化处理,如图2-152所示。

图2-152
步骤05 按住Ctrl键依次加选3个素材图层,在选项栏中单击“顶对齐”按钮,将3张图片顶部对齐,如图2-153所示。接着将3张图片向下移动至杂志封面底部的灰色矩形内,如图2-154所示。

图2-153

图2-154
步骤06 适当调整3张图片之间的间距。在3张图片被选中的状态下,在选项栏中单击“水平居中分布”按钮,将图片进行水平居中分布,如图2-155所示。案例完成效果如图2-156所示。

图2-155

图2-156