第9讲：初识图层

1、第9讲Photoshop之图层航空航天学院孙彬初识图层 改变下左图上方的蓝色小球位置，就需要先创建一个符合小球大小的选区，可以使用椭圆选框工具来创建一个正圆的选区(可通过空格 CTRL 单击图像放大图像)。 之后使用移动工具移动选区中的内容就可以了，如下中图所示，白色箭头代表鼠标拖动的方向和目的地。 但是移动后，原先小球所在的地方产生了一个空白区域。 这是因为原先的内容被“挖走”，于是Photoshop利用背景色来填补这个空缺，也就是说依据背景色的不同，填补这块区域的颜色也不同。 但是很明显这样做破坏了图像。 图像被破坏的原因是什么呢？ 所有的图像，或者说这幅图片中所有的像素，都是位于同一个图

2、层中，彼此密不可分。 因此移动一个地方的像素就会造成空缺。这就如同在一张纸上挖一块必然会留下一个空洞一样。 这对于充满变数的创意设计过程而言是非常不方便的。 因为如果需要改动某个部分，就必须完全重新做过。 所以photoshop提供了一种更方便的设计理念和工具-图层。 使用图层之后，就可以将球和背景分离开，存放在不同的图层上，这样移动球的时候就不会对背景造成破坏，如下左图。 下右图是调整前后图层调板的样子。从中可以看到图层调板中不再是单一的背景层。 图层 图层在我们的设计过程中是很重要的。 学习中需要注意的问题： 初学者要特别注意图层的层次问题，因为层次会引起遮挡。 另外图层混合模式是一个难点

3、，要理解图层混合模式是比较困难的。 在实际使用中大家可以自己多试验各种混合模式的效果，知识积累到一定程度，再去理解具体的原理。 实际上在前面的课程中我们已经几次接触到了图层的概念。 究竟什么是图层呢？它有什么意义和作用呢？ 图层的好处： 分层的方式将图像的各个部分绘制在不同图层上，方便修改。 图层相互独立又彼此联系，可单独编辑又可以重叠形成不同的效果。 可以将ps中的图层理解成一张张绘有图像的透明薄膜。图层调板 在Photoshop中我们可以使用类似这样“透明薄膜”的概念来处理图像。 图层调板是最经常使用的调板之一，通常与通道和路径调板合并在一起。一幅图像中至少必须有一个层存在。 在图层调板F

4、7中可以察看和管理Photoshop中的图层。 图层调板 新建图像与图层属性 图层缩略图 新建图层 图层属性 复制图层 移动图层 对齐图层 合并图层新建图像（背景or透明） 如果新建图像时背景内容选择白色或背景色，那么新图像中就会有一个背景层存在，并且有一个锁定的标志。 如果背景内容选择透明，就会出现一个名为图层1的层。人脸绘制 现在我们就利用图层来绘制一个简单的人脸。 新建一个图像CTRL N/CTRL 双击空白区域，尺寸400300或自定，RGB模式8位通道。背景内容白色。 然后打开图层调板F7，在其中看到已经有一个名称是“背景”的图层存在了，并且图层最右方有一个锁定的标志。类似右图。图层

5、缩略图 图层调板可以显示各图层中内容的缩览图，这样可以方便查找图层。 默认是小缩览图，可以使用中或大，也可关闭缩览图。 方法是在图层调板空白区域(即没有图层显示的地方)单击右键更改缩览图大小。 也可点击图层调板右上角的小三角按钮，在弹出菜单中选择“调板选项”。 下方的“将缩览图剪切到图层边界”和“将缩览图剪切到文档边界”选项是缩览图显示的方式，现在先如下左图选择为后者即可。 即使是小缩览图，占用图层调板的空间也很多，有时候反而降低了图层调板的使用效率，所以在实际使用中意义不大。 当大家熟练以后，建议关闭缩览图以获取较大的图层调板使用空间。 在讲述课程的过程中，我们先使用小缩览图查看方式，方便对

6、图层信息的讲解。新建图层现在我们通过以下的实际操作过程来学习图层。新建一个400255(注意单位是像素，也可自己设定)的白色背景图像，然后新建一个图层用来画脸庞。新建图层的方法就是点击图层调板下方的按钮(下左图红色箭头处)，会看到图层调板多出了一个叫“图层1”的层，这样就已经建好了图层了。通俗地说已经盖上了一层透明薄膜。 新建图层 用这种方法建立的新层都是透明的，注意缩略图中“图层1”显示出灰白相间的方块。 这种方块图案我们在以前见过，是对图像透明部分的表示方法。透明部分也就是没有任何像素存在的地方，是一种“空空如也”的状态，就如同透明且没有任何图案的玻璃一样。 更改图层名字和颜色标记按住AL

7、T键在图层调板中“图层1”会出现一个对话框，如下中图。可以在其中改变图层名称和颜色标记。颜色标记的作用是让图层名字在调板中显得突出，与图层中的内容倒并无关系，可依自己的喜好任意选择颜色标记。这里我们把名字改为face，把颜色改为红色。如果只想更改图层名称，直接在图层调板中双击图层名即可(注意不要双击图层名之外的区域)，将会出现输入框，如下右图。可以使用中文命名图层。 绘制我们使用形状工具中的椭圆U或SHIFT U来绘制，注意必须使用第三种“填充像素”绘图方式(红色箭头处)。其他设定参照下图。这里一定要设置正确。Face层 选择一个自己喜欢的前景色在face层中画一个椭圆当作脸蛋。画之前一定要注

8、意图层调板中目前选择的是否为face层，画完后从face层的缩览图中可以看到大致的形状。如下左图。如果画之前选择的图层是背景层，这个椭圆就会被画到背景层上。要当心不要犯这样的错误。Eye层 再新建一个图层命名为eye，颜色标记为绿。选择一个与前面不同的颜色画一个代表眼睛的圆。绘制过程中按住SHIFT键可绘制出正圆形。 缩览图可用来判断并选择图层，不过一些较细小的部分在缩览图中就很难看到，比如下中图eye层的缩览图就看的很不清楚。 这是因为两个缩览图的比例是符合图像中两个图层的实际比例的。要想提高图层缩略图的可读性，可使用较大的缩览图。但大缩览图也会增加图层调板的高度而降低图层调板的效率，所以为

9、了方便查找和选择，应该用恰当的名字命名图层，同时使用颜色标记加以区别。缩略图选项 除此之外，也可以使用“将缩览图剪切到图层边界”这种方式(CS及更早版本不具备)，如右图。 缩览图将以各自图层中的内容作为比例标准，而不再以整幅图像的大小作为比例标准。 具体使用何种显示方式可依据各自的喜好和实际需要。 图层复制 现在应该把另外一边的眼睛也补画上才完整。 但是有个问题，两个眼睛应该要一样大吧，那如何能画一个与之前一样大小的圆呢？ 这个时候可以通过复制现有的图层来达到目的。 我们将eye层复制一个就可以了。 复制图层 复制图层的方法是在图层调板中将图层拖动到下方的新建图层按钮上。这样会生成一个名为“副

10、本”的新层。图层的颜色标志也会随之复制。复制图层 选择图层的前提下通过【图层 新建 通过拷贝的图层】CTRL J来复制，但颜色标志不会随之复制。 通过【图层 复制图层】命令可以将图层复制到其他的图像中去，前提条件是在Photoshop中有多个图像打开，可以在目标中选择所打开的图像名称，选择为新建(如下右图)的话，将会建立一个新的图象。移动图层 复制完之后，看见画面上还是只有一个眼睛。这是因为这种方法所复制出的图层和原图层位置完全一致，是重叠在一起的。此时在图层调板中选择“eye副本”层，使用移动工具V在图像中拖动即可。 同时按住SHIFT键即可保持水平、竖直或45度方向的拖动。如下左图。 移动

11、工具在公共栏的选项有两个选项：自动选择图层、显示变换控件，在这里我们先将它们全部关闭。它们的作用稍后将介绍。 智能参考线 另外在移动过程中，可能会出现如下中图的那些粉红色的线，这些是智能参考线，它能够使我们更加方便地观察图层对齐的效果，这将在后面的内容介绍，现在先不用理会。如果觉得碍眼，可通过【视图 显示 智能参考线】关闭。 移动图层 需要注意的是，移动工具是以图层调板中目前的选择层为移动对象的，与鼠标在图像中的位置并没有关系。 也就是说，只要在图层调板中选择了眼睛层，那么无论移动工具在图像中任何一个地方按下拖动，都将会拖动眼睛层。即使把光标放在脸或其他图层的图像上也是拖动眼睛层。如下图，在几

12、个红点处按下鼠标都可以拖动眼睛层。 前提条件是移动工具公共栏中的“自动选择图层”选项必须关闭。 方向键盘移动图层 此外在使用移动工具的时候，可以使用键盘的上下左右键来移动图层，这种使用方向键头移动的方式也称为“轻移”。每次轻移的距离依据图像显示比例不同而不同，如果在100%显示比例下，每次轻移的距离是1像素，按住SHIFT键每次移动10像素。 在这里强调一下图像和图层的关系： 图层从属于图像，一幅图像中可以存在多个图层 注意事项 牢牢记住： 我们针对图层的任何操作都应该是有针对性的，被选中的层才可以进行移动或者是其他一些操作，这个原则很重要。 比如想要使用画笔工具画东西，就必须先明确要画在哪个

13、层上。选错图层是新手常犯的错误。或者是忘记了层次的概念，把应该分层制作的部分做在了同一个层上。再经过了若干步后才会发觉到最初的错误。 比如前面我们画完脸后没有新建层，而把眼睛也接着画在脸这个层上。这样虽然错了，但此时在图像上却看不出来，因为这时画面效果和分层制作是一样的。而要复制眼睛层时就会发现错误了，因为复制出来的图层中也是一个脸加一个眼睛。 从现在起，我们心中就要时刻有着图层这个观念。 虽然在Photoshop中可以同时选择多个图层(CS及更早版只能选择一个图层)，因此移动工具也可以同时移动多个图层，但画笔等绘图类工具只能在一个图层中使用，比如不可能同时在face层和eye层中绘制图像。

14、因此要随时注意当前选择的层是否正确。 选择图层的方法就是在图层调板中相应的层上点击一下即可。用移动工具复制图层 除了用上面的方法来复制图层以外，也可以使用移动工具在移动中直接进行复制。 方法是选择移动工具后，在图像中按住ALT键，光标从会变为，表示启动了移动复制功能，拖动鼠标即可复制出新层(按下鼠标后可放开ALT键)。如下图。同时按住SHIFT键可保持水平(需全程按住不放)。 其实，在图层调板中也可以按住ALT键拖动图层来完成复制，如下图。 图层与图像的关系 现在再来明确图层和图像的关系： 图像是指最初由新建命令(或打开已有的图像)建立的，是由多个(至少一个)图层所合成的整体效果。它具有尺寸和

15、边界。 而图层实际上是没有边界的，可包含比整个图像更大的内容。 一个简单的实验证明：大家可以将eye或face层移动到图像边缘之外去再移回来。但超出图像尺寸范围的部分将看不到。 这就如同风景和相机的关系一样，拍摄下来的照片能反映出局部的风景，但不代表实际的风景就只有照片中那么多。 图层与图像的关系 可以认为一幅图像中各图层的大小是相同的，因为都是无限大。只是不同图层中所包含的像素可能不同。 所谓像素不同就是指图层中图像的大小或颜色上的差异。比如上例face层中的像素数量就多于eye层。 而我们通过复制的两个眼睛层，像素数量和颜色都是相同的。如果更改了其中一个眼睛层的颜色，那么这两个层的像素就属

16、于数量相同而颜色不同了。 菜单选择图层选取【选择】【所有图层】菜单命令可选择除背景外的所有图层。选取【选择】【相似图层】菜单命令可选择和当前图层类型相似的所有图层（例如当前图层为文字图层，选取该命令后可选择所有文字图层）。选取【选择】【取消选择图层】菜单命令取消当前选择的图层。图层调板选择图层在“图层”调板中执行下列操作之一可选择相应图层： 在“图层”调板中，单击某图层名称或缩览图，使背景其显示为蓝色，即可选择该图层，此时图像文件的标题栏中会显示当前图层的名称。 在“图层”调板中选择第一个图层，然后按住 Shift 键单击最后一个图层可选择多个连续的图层。 在“图层”调板中选择一个图层，然后按

17、住Ctrl键单击可选择多个不连续的图层。隐藏/显示图层 在图层调板中每个图层的最左边有一个眼睛标志，点击这个图标可以隐藏或显示这个层。就如同电灯开关一样。 如果在某一图层的眼睛图标处按下鼠标拖动，所经过的图层都将被隐藏，如下左图。方向可从上至下或从下至上。 如果按住ALT键点击某图层的眼睛标志，将会隐藏除此之外所有的图层，如下右图。再次按住ALT键点击即可恢复其他图层的显示。图层调板选择单个图层 如果要调整某一图层的位置，就在图层调板中选择那一层，然后使用移动工具V在图像中即可移动。 切记要先选对图层再进行移动。 前面说过，移动时鼠标的起始位置并不重要，比如移动eye层，只要选择了这个层，在图

18、像中任何地方都可以移动这个层。 另外，即使图层处于隐藏状态，它仍然可以被选择和移动。 图层调板选择多个图层如果要同时移动多个图层，就需要同时选择多个图层，在同时选择了多个图层后，就可以使用移动工具V同时移动这些层。同时选择多个图层的方法是按住CTRL键在图层调板中单击各个图层，会看见有多个图层被同时选择，在已经选择了nose层后，按住CTRL键单击1处和2处，形成了同时选择3个图层的效果。 如果按住CTRL和SHIFT键单击，将会选择两层之间所有的图层，在已经选择了nose层后，按住SHIFT键单击1处，形成了头尾及中间所有图层的选择。在已经选择了多个图层的前提下，按住CTRL键在图层调板中单

19、击将取消该层的选择。CS及更早版本不能同时选择多个图层。 调整图层的顺序 在Photoshop中图像可以由多个图层组成，它们是按类似堆栈的形式放置，先建立的图层在下，后建立的图层在上，而上方的图层会遮盖住其底下的图层；因此，图层的叠放顺序会影响图像显示的真实效果。在编辑图像时，可以调整各图层之间的叠放次序来实现最终的效果。在“图层”调板中将鼠标移到要调整顺序的图层上，按住鼠标左键并拖曳鼠标至适当的位置，就可以完成图层的叠放顺序调整。此外，也可以使用【图层】【排列】子菜单中的命令来调整图层的顺序，如图所示。在该子菜单中有5个命令可以对图层顺序进行调整。【排列】子菜单 调整图层的顺序【置为顶层】：

20、该命令可以将当前图层移到顶层。【前移一层】：该命令可以将当前图层在图层序列中上移一层。【后移一层】：该命令可以将当前图层在图层序列中下移一层。【置为底层】：该命令可以将当前图层移到底层。【反向】：在“图层”调板中选择两个或两个以上图层时，该命令被激活，其作用是将选中的图层按倒序重新排列。环环相扣实例实例实例1 1：利用【通过拷贝的图层】和【通过剪切的图层】菜单命令制：利用【通过拷贝的图层】和【通过剪切的图层】菜单命令制作数字环环相扣的效果。作数字环环相扣的效果。效果分析：数字环环相扣的效果。通过该实例设计制作，可以进一步掌握利用【通过拷贝的图层】和【通过剪切的图层】菜单命令创建普通图层的方法、

21、熟悉“图层”调板的使用以及【自由变换】菜单命令的使用。数字环环相扣效果 环环相扣实例使用的工具及命令：选择工具、【通过拷贝的图层】菜单命令、【通过剪切的图层】菜单命令、【自由变换】菜单命令设计过程：（1）打开配套光盘中的“数字环.psd”文件，指定“2008”图层为当前图层。“数字环.psd”文件及“图层”调板 （2）用选择工具将黄色的“8”选中。（3）选取【图层】【新建】【通过剪切的图层】菜单命令或按“Shift+Ctrl+J”键，将色的“8”放置在新建图层“图层1”中。 通过剪切的图层 环环相扣实例环环相扣实例（4）按“Ctrl+T”键，使用【自由变换】菜单命令移动并旋转“图层1”使黄色的

22、“8”与蓝色的“0”相交。（5）选择“2008”为当前图层，用矩形选框工具，将黄色“8”与蓝色“0”相交的部分选中。选择部分 环环相扣实例（6）选取【图层】【新建】【通过拷贝的图层】菜单命令或按“Ctrl+J”键，将选择的蓝色“0”的一部分放置在新层“图层2”中。（7）拖动“图层2”将该层放置在“图层1”的上方，数字环环相扣的效果也随之生成，最后层的分布如图所示。层的分布 对齐图层 在Photoshop里，可以重新调整图层的位置，使他们按照一定的方式沿直线自动对齐或按一定的比例分布。1.对齐图层要对齐多个图层，必须选择两个或两个以上的图层，或链接两个或两个以上的图层。若要将一个或多个图层的内容

23、与某个选区边框对齐，要在图像内建立一个选区，然后在“图层”调板中选择图层。 使用此方法可对齐图像中任何指定的点。选择或链接图层后，选择工具箱中的移动工具，在选项栏中，可见对齐按钮被激活，如图所示。对齐按钮 对齐图层 顶对齐：将选定图层上的顶端像素与所有选定图层最顶端的像素对齐，或与选区边框的顶边对齐。 垂直居中对齐：将选定图层上的垂直中心像素与所有选定图层的垂直中心像素对齐，或与选区的垂直中心对齐。 底对齐：将选定图层上的底端像素与所有选定图层最底端的像素对齐，或与选区边框的底边对齐。类似的方式，理解下列对齐 左对齐：将选定图层上的左端像素与所有选定图层最左端图层的左端像素对齐，或与选区边框的

24、左边对齐。 水平居中对齐：将选定图层上的水平中心像素与所有选定图层的水平中心像素对齐，或与选区的水平中心对齐。 右对齐：将选定图层上的右端像素与所有选定图层最右端像素对齐，或与选区边框的右边对齐。对齐方法对齐图层的方法是：首先选择需要对齐的图层，然后选取【图层】【对齐】子菜单中的相应对齐命令，或者在移动工具的选项栏中单击对齐方式所对应的按钮，即可对齐选择的图层。如果在图像中建立一个选区，【图层】菜单中的【对齐】菜单项会自动变为【将图层与选区对齐】菜单项，此时对齐将不再以当前层为标准，而以选择范围为标准。选择了一个范围，然后选取【图层】【将图层与选区对齐】【顶边】菜单命令。分布图层2.分布图层分

25、布图层命令用于调整多个图层之间的间距。首先选择三个或三个以上的图层，也可链接三个或三个以上的图层。选择或链接图层后，选择工具箱中的移动工具，在选项栏中，可见分布按钮被激活，如图所示。分布按钮 分布图层 按顶分布：从每个图层的顶端像素开始，间隔均匀地分布图层。 垂直居中分布：从每个图层的垂直中心像素开始，间隔均匀地分布图层。 按底分布：从每个图层的底端像素开始，间隔匀均地分布图层。 按左分布：从每个图层的左端像素开始，间隔均匀地分布图层。水平居中分布：从每个图层的水平中心开始，间隔均匀地分布图层。按右分布：从每个图层的右端像素开始，间隔均匀地分布图层。分布图层的方法是：首先选择需要分布的图层，然

26、后选取【图层】【分布】子菜单中的相应分布命令，或者在移动工具的选项栏中单击分布方式所对应的按钮，即可分布选择的图层。对齐和分布图层实例实例2 2：使用【对齐】和【分布】图层命令制作儿童玩具的网络促：使用【对齐】和【分布】图层命令制作儿童玩具的网络促销广告。销广告。 效果分析：儿童玩具的网络促销广告的效果如图所示。通过该实例设计制作，可以进一步掌握利用【对齐】和【分布】图层命令的使用，熟练“图层”调板的使用以及图层的创建、选择、复制等基本操作。儿童玩具的网络促销广告 对齐和分布图层 使用的工具及命令：移动工具、【对齐】菜单命令、【分布】菜单命令 设计过程：（1）打开 “网络广告背景.jpg”文件。（2）在“图层”调板中单击按钮创建“图层1”，