
2.2 图层的基本操作
图层的基本操作不仅是对Photoshop核心技术进行了解的第一步,同时也是学习如何使用Photoshop处理多重效果图像的第一步。作为一个图像数字化处理软件,Photoshop中所有的操作都是基于“图层”进行的。下面就来了解图层的基本使用方法。
2.2.1 认识“图层”面板
执行“窗口”→“图层”命令,打开“图层”面板。“图层”面板是用于创建、编辑和管理图层以及图层样式的一种直观的“控制器”。在“图层”面板中,图层名称的左侧是图层的缩览图,它显示了图层中包含的图像内容,缩览图中的棋盘格代表图像的透明区域。图层缩览图右侧是名称。在编辑图层之前,首先需要在“图层”面板中单击该图层将其选中,如图2-23所示。

图2-23
创建新图层:单击该按钮可以新建一个图层,也可以使用Shift+Ctrl+N组合键创建新图层。
创建新组:单击该按钮可以新建一个图层组。在多个图层选中的状态下,使用Ctrl+G快捷键可以将多个图层放置在一个图层组中,方便“图层”面板的整理。
删除图层:选择一个图层,单击该按钮可以删除当前选择的图层或图层组。也可以直接在选中图层或图层组的状态下按Delete键进行删除。
处于
显示/
隐藏状态的图层:当该图标显示为眼睛形状时,表示当前图层处于可见状态;而显示为空白状态时,则处于不可见状态。单击该图标可以在显示与隐藏之间进行切换。
图层缩略图:显示图层中所包含的图像内容。其中棋盘格区域表示图像的透明区域,非棋盘格表示像素区域(即具有图像的区域)。
锁定:用于锁定图层属性,包含多种方式。锁定透明像素是将编辑范围限制为只针对图层的不透明部分。锁定图像像素是防止使用绘画工具修改图层的像素。锁定位置是防止图层的像素被移动。锁定全部即锁定透明像素、图像像素和位置,处于这种状态下的图层将不能进行任何操作。防止在画板和画框内外自动嵌套是指在文档中包含多个画板时,锁定该选项可以避免图层被移动到其他画板中。当图层缩略图右侧显示“处于锁定状态的图层”图标
时,表示该图层处于锁定状态。
链接图层:用来链接当前选择的两个或两个以上的图层。当图层处于链接状态时,链接好的图层名称右侧就会显示链接标志。被链接的图层可以在选中其中某一图层的情况下进行共同移动或变换等操作。
添加图层样式:单击该按钮,在弹出的菜单中选择一种样式,可以为当前图层添加一种图层样式。
添加图层蒙版:单击该按钮,可以为当前图层添加一个蒙版。在没有选区的状态下,单击该按钮为图层添加空白蒙版;在有选区的情况下单击此按钮,则选区内的部分在蒙版中显示为白色,选区以外的区域则显示为黑色。
创建新的填充或调整图层:单击该按钮,在弹出的菜单中选择相应的命令即可创建填充图层或调整图层。
设置图层混合模式:用来设置当前图层的混合模式,使之与下面的图像产生混合。
设置图层不透明度:用来设置当前图层的不透明度。
设置填充不透明度:用来设置当前图层的填充不透明度。该选项与“不透明度”选项类似,但是不会影响图层样式效果。
2.2.2 图层基本操作
(1)单击“图层”面板底部的“创建新图层”按钮,即可在当前图层的上方新建一个图层,如图2-24所示。
(2)在Photoshop中如果要对某个图层进行操作,就必须先选中该图层。在“图层”面板中单击该图层即可将其选中,如图2-25所示。如需选择多个不连续的图层,可以先选择其中一个图层,然后按住Ctrl键单击其他图层的名称(不要单击图层的缩览图,否则会载入图层选区),即可选择多个非连续的图层,如图2-26所示。在“图层”面板中最下面的空白处单击鼠标左键,即可取消选择的所有图层。

图2-24

图2-25

图2-26
(3)图层缩略图左侧的方块区域用来控制图层的可见性。出现图标时该图层则为可见,如图2-27所示。出现
图标时该图层为隐藏,如图2-28所示。单击方块区域可以在图层的显示与隐藏之间进行自由切换。
(4)如果要快速删除图层,可以将其拖曳到“删除图层”按钮上,如图2-29所示。也可以直接按Delete键,将选中的图层进行删除。执行“图层”→“删除”→“隐藏图层”命令,可以删除所有隐藏的图层。

图2-27

图2-28

图2-29
(5)如想要在当前文档中复制图层,可以选中图层,使用快捷键Ctrl+J即可复制该图层的副本。
(6)当一个文档包含多个图层时,如图2-30所示,选择需要调整顺序的图层,按住鼠标左键向上或向下拖曳,拖曳到另外一个图层的上面或下面,如图2-31所示。松开鼠标后即可完成图层顺序的调整,如图2-32所示。

图2-30

图2-31

图2-32
(7)按Ctrl键选择需要链接的多个图层,单击“图层”面板底部的“链接图层”按钮,就可以将这些图层链接起来。再次单击该按钮可以取消链接。
(8)文字图层、形状图层、矢量蒙版图层或智能对象等包含矢量数据的图层是不能直接进行编辑的,需要先将其栅格化,然后才能进行相应的编辑。选择需要栅格化的图层,单击鼠标右键,在弹出的快捷菜单中执行“栅格化图层”命令,即可将其栅格化为普通图层,如图2-33所示。还可以执行“图层”→“栅格化”菜单下的子命令,也可以将所选图层转换为相应的图层,如图2-34所示。
(9)单击“图层”面板底部的“创建新组”按钮,即可在“图层”面板中出现新的图层组,如图2-35所示。选择需要编组的图层,将其拖曳至“创建新组”按钮
上,松开鼠标即可将所选图层放置在新创建的图层组中,如图2-36所示。选择图层组中的图层,将其拖曳到组外,即可将其从图层组中移出。在图层组名称上单击鼠标右键,在弹出的快捷菜单中执行“取消图层编组”命令可以取消对图层的编组。

图2-33

图2-34

图2-35

图2-36
(10)当“图层”面板中有很多图层时,可以将部分相关图层进行合并、拼合或盖印。在“图层”面板中选择要合并的图层,执行“图层”→“合并图层”命令或按Ctrl+E快捷键,即可将多个图层合并为一个图层,合并后的图层使用上面图层的名称。
(11)若想将所有可见图层盖印到一个新的图层中,可以按Shift+Ctrl+Alt+E组合键。
(12)默认情况下,打开一张JPG格式图像,“图层”面板中只包含一个“背景”图层,单击“背景”图层右侧的小锁头按钮,如图2-37所示。即可将背景图层转换为普通图层,如图2-38所示。

图2-37

图2-38
实战案例:使用对齐与分布调整网页版式
案例文件/第2章/使用对齐与分布调整网页版式
视频教学/第2章/使用对齐与分布调整网页版式.mp4
案例概述:
本案例主要使用“对齐”和“分布”命令将网页中的不同区域工整地排列在页面中,效果如图2-39所示。

图2-39
操作步骤:
(1)打开PSD格式的分层素材文件1,可以看到网页左侧和右下方的区域模块分布非常不美观,如图2-40和图2-41所示。
(2)首先处理底部的模块,在“图层”面板中按住Shift键单击选择“图层1”“图层2”“图层3”,如图2-42所示。执行“图层”→“对齐”→“垂直居中”命令,此时3个模块处于同一水平线上,如图2-43所示。

图2-40

图2-41

图2-42
(3)在当前3个图层加选状态下,继续执行“图层”→“分布”→“水平居中”命令,使3个模块之间的间距相等,如图2-44所示。然后使用“移动工具”适当调整图片位置,如图2-45所示。

图2-43

图2-44
(4)使用同样的方法选择左侧3个模块所在的图层,并执行“图层”→“对齐”→“左边”命令以及“图层”→“分布”→“垂直居中”命令,调整图片的对齐与分布,然后使用选择工具将图片摆放在合适位置。此时本案例制作完成,最终效果如图2-46所示。

图2-45

图2-46