Photoshop CS6 商业项目实战课件（共12章）第5章 图层与蒙版的使用

PhotoshopCS6商业项目实战（微课版）05PARTFIVE第三篇实战篇第5章图层与蒙版的使用设计制作房地产三折页正面宣传折页是一种印刷在纸上的流动宣传广告。折页有二折、三折、四折、五折和六折等多种形式，特殊情况下，机器折叠不了的，还可以进行手工折叠。为便于折叠，纸张不宜过厚。接下来为制作房地产三折页正面，讲解PhotoshopCS6中图层的基础知识。如图所示为房地产三折页正面效果。设计制作房地产三折页正面图层可以用来在文件中修复、编辑、合成、合并和分离多张图像。一幅图像是由多个不同类型的图层通过一定的组合方式自下而上叠放在一起组成的。它们的叠放顺序及混合方式直接影响图像的显示效果。按照功能的不同，图层可以分为文字图层、调整图层、背景图层、形状图层、3D图层、视频图层和普通图层。不同的图层，其应用场合和实现的功能有所差别，操作和使用方法也各不相同。“图层”面板如图所示。在“图层”面板中列出了图像中的所有图层、图层组和添加的图层效果，可以使用“图层”面板来显示和隐藏图层、创建新图层以及处理图层组。还可以在“图层”面板菜单中选择其他命令和选项。“图层”面板和图层类型设计制作房地产三折页正面打开“图层”面板，单击面部底部的“创建新图层”按钮，即可在当前图层上方新建一个图层，新建的图层会自动成为当前图层。除了可以创建普通图层以外，用户还可以在“图层”面板上创建填充图层。填充图层是在当前图层中自动填入一种颜色、渐变或图案。用户执行“图层”→“新建填充图层”命令，选择填充图层的类型后即可创建一个填充图层。创建图层和填充图层设计制作房地产三折页正面移动图层如果想要移动整个图层内容，需要先将要移动的图层设为当前图层，然后使用移动工具移动图像或按住【Ctrl】键拖曳图像。如果想要移动图层中的某一块区域，必须先创建选区，再使用“移动工具”进行移动。移动、复制和删除图层设计制作房地产三折页正面复制图层复制图层是较为常用的图层操作，可以将某一图层复制到同一图像或另一幅图像中，如果在同一图像中复制图层，将需要复制的图层拖曳至“图层”面板中的“创建新图层”按钮上，即可复制该图层，复制的图层将出现在被复制的图层上方。移动、复制和删除图层设计制作房地产三折页正面复制图层还可以选中需要复制的图层，执行“图层”→“复制图层”命令，或单击“图层”面板右上角的扩展功能按钮，在弹出的快捷菜单中选择“复制图层”选项，弹出“复制图层”对话框，设置选项后，单击“确定”按钮即可复制图层到指定的图像中。移动、复制和删除图层设计制作房地产三折页正面删除图层删除不再需要的图层可以有效减小图像文件的体积。单击“图层”面板底部的“删除图层”按钮或执行“图层”→“删除”→“图层”命令，都可以完成图层的删除操作。移动、复制和删除图层设计制作房地产三折页正面删除图层在删除图层组时，用户可以根据需求，选择“组和内容”或“仅组”。如果所选图层是隐藏的图层，则可以执行“图层”→“删除”→“隐藏图层”命令来删除。移动、复制和删除图层设计制作房地产三折页正面锁定图层可以避免对图像进行错误编辑和破坏，锁定图层包括锁定透明像素、锁定图像像素、锁定位置和锁定全部4个选项，每种选项的具体功能及属性如表所示。锁定图层设计制作房地产三折页正面在“图层”面板上单击任意一个图层或图层组，即可选择该图层或图层组；执行“选择”→“所有图层”命令，可以选择除“背景”图层以外的所有图层。要选择多个连续的图层，需在“图层”面板上单击一个图层，并在按住键盘上的【Shift】键的同时单击另一个图层，则该图层与第一次单击的图层间所有的图层将被同时选中。如果要选择多个不连续的图层，可以在按住键盘上的【Ctrl】键的同时连续单击要选择的图层。选择一个图层，按住鼠标左键不放并在“图层”面板上上下拖曳即可调整图层的叠放顺序。选择图层和调整图层叠放顺序设计制作房地产三折页正面PhotoshopCS6针对图层的管理新增了“图层滤镜”功能，包括像素图层滤镜、调整图层滤镜、文字图层滤镜、形状图层滤镜和智能对象滤镜5个选项。当单击某个图层滤镜按钮时，“图层”面板中只显示该类型的图层。“图层滤镜”选项如图所示。使用图层滤镜选择图层设计制作房地产三折页正面1.执行“文件”→“新建”命令，新建一个Photoshop文档，设置“新建”对话框中的各项参数。2.按组合键【Ctrl+R】显示标尺。从标尺上拖出边界辅助线。应用案例—设计制作房地产三折页正面设计制作房地产三折页正面3.执行“图像”→“画布大小”命令，设置弹出的“画布大小”对话框中各项参数。4.继续从标尺中拖出辅助线，完成三折页的布局，效果如图所示。应用案例—设计制作房地产三折页正面设计制作房地产三折页正面5.按住键盘上的【Shift】键，使用矩形工具绘制如图所示的正方形。6.按住组合键【Ctrl+T】，将正方形旋转90°，设置图层的不透明度为30%，图像效果如图所示。应用案例—设计制作房地产三折页正面设计制作房地产三折页正面7.按组合键【Ctrl+J】复制3个形状图层。按住键盘上的【Shift】键依次单击选中4个形状图层。8.执行“图层”→“链接图层”命令，单击“图层”面板上的“锁定全部”按钮将图层锁定。应用案例—设计制作房地产三折页正面设计制作房地产三折页正面9.将素材图像“楼体.png”拖入设计文档，调整图像大小并移动到如图所示的位置。10.将素材图像“户型图1”“户型图2”和“户型图3”拖入设计文档，并调整大小和位置。应用案例—设计制作房地产三折页正面设计制作房地产三折页正面11.选择横排文字工具，在画布中单击并输入文字，“字符”面板及文字效果如图所示。12.按住【Shift】键选中文字和户型图层，单击鼠标右键，在弹出的快捷菜单中选择“链接图层”选项。应用案例—设计制作房地产三折页正面设计制作房地产三折页正面13.使用矩形工具绘制矩形，在工具选项栏中设置描边选项，完成虚线边框的绘制。14.设置“填充”色为CMYK（0,0,0,50），使用矩形工具绘制矩形。使用横排文字工具输入如图所示的文字。应用案例—设计制作房地产三折页正面设计制作房地产三折页正面15.使用横排文字工具选择段落文本中的英文文字，设置“字符”面板中各项参数。16.选择自定形状工具，在“自定形状”拾色器中选择“叶子2”，在画布中单击，创建形状。应用案例—设计制作房地产三折页正面设计制作房地产三折页正面17.按住键盘上的【Alt】键和【Shift】键，使用移动工具拖曳复制形状，效果如图所示。18.使用相同的方法，绘制并复制如图所示的三叶草形状。应用案例—设计制作房地产三折页正面设计制作房地产三折页正面19.在“图层”面板中选中所有叶子图层，单击鼠标右键，在弹出的快捷菜单中选择“合并形状”选项。20.使用同样的方法将三叶草形状合并，“图层”面板效果如图所示。应用案例—设计制作房地产三折页正面设计制作房地产三折页正面21.将素材图像“装修效果图01.jpg”和“装修效果图02.jpg”拖入设计文档，调整图像大小和位置，效果如图所示。22.设置“填充”色为CMYK(50,100,100,50)，使用矩形工具在画布中绘制形状，使用直接选择工具调整轮廓。应用案例—设计制作房地产三折页正面设计制作房地产三折页正面23.选择横排文字工具，在画布中单击并输入文字。在文字图层上单击鼠标右键，选择“转换为形状”选项。24.按住键盘上的【Ctrl】键将文字图层和形状图层选中，执行“图层”→“合并形状”→“减去重叠处形状”命令，效果如图所示。应用案例—设计制作房地产三折页正面设计制作房地产三折页正面25.设置文本颜色为CMYK(50,100,100,50)，使用直排文字工具和椭圆工具制作如图所示的效果。26.选择除“背景”图层外的所有图层，执行“图层”→“图层编组”命令将图层编组并修改图层组名称，“图层”面板如图所示。应用案例—设计制作房地产三折页正面设计制作房地产三折页背面二折、三折和四折是宣传折页中最常见的折叠方法。下面为制作房地产海报三折页背面，来学习PhotoshopCS6图层的高级功能。如图所示为房地产三折页背面效果。设计制作房地产三折页正面在“图层”面板中，每一个图层和图层组前面都有一个“指示图层可见性”的图标。单击该图标，当眼睛图标被去掉时，该图层或图层组被隐藏。在“指示图层可见性”图标处单击鼠标右键，在弹出的快捷菜单中选择一种颜色，即可为该图层标注颜色。隐图层和为图层标注颜色设计制作房地产三折页正面创建图层组有两种方法，一是直接单击“图层”面板中的“创建新组”按钮，则默认在当前图层的上方创建图层组，二是执行“图层”→“新建”→“组”命令，弹出“新建组”对话框，在该对话框中输入图层组名称并设置其他各项参数，单击“确定”按钮，即可创建图层组。创建和合并图层组设计制作房地产三折页正面在“图层”面板中选择两个以上的图层或图层组，执行“图层”→“合并图层”命令，或单击“图层”面板右上角的扩展功能按钮，在弹出的快捷菜单中选择“合并图层”选项，即可合并所选图层和图层组。盖印图层是一种类似于合并图层的操作，可以将多个图层合并为一个目标图层且保持其他图层不变。使用组合键【Ctrl+Alt+Shift+E】可以盖印除背景图层以外的所有可见图层。创建和合并图层组设计制作房地产三折页正面图层的“混合模式”是Photoshop中非常重要的功能，通过使用不同的混合模式可以实现不同的图像效果。使用混合模式可减少图像的细节、提高或降低图像的对比度、制作出单色的图像效果等。在“混合模式”下拉列表中包括6种类型的混合模式。混合模式和混合选项设计制作房地产三折页正面选择一个图层，执行“图层”→“图层样式”→“混合选项”命令，或双击该图层，打开“图层样式”对话框，并进入“混合选项”设置面板。“混合选项”控制图层的“常规混合”属性和“高级混合”属性，其中，“常规混合”属性包括“不透明度”和“混合模式”，它们与“图层”面板对应选项的作用相同，“高级混合”选项组中的“填充不透明度”与“图层”面板中“填充”的作用相同。混合模式和混合选项设计制作房地产三折页正面1.执行“文件”→“打开”命令，打开素材图像。复制“背景”图层，得到“背景副本”图层。2.将“背景副本”图层的混合模式设置为“柔光”，提亮照片，使照片变得清晰。新建一个“纯色”调整图层，设置RGB值为（255，243，236），“不透明度”为80%。使用画笔工具将前景色设置为黑色，在蒙版中涂抹。操作演示—使用混合模式为照片辅助上色设计制作房地产三折页正面在PhotoshopCS6中，可以在“图层样式”对话框中添加10种图层样式。如果在图层中添加了相应的样式，则该样式名称前面的复选框将显示为。完成某个图层样式的设置以后，单击“确定”按钮即可应用该样式。图层右侧会出现一个图层样式标志。单击该标志右侧的按钮可折叠或展开样式列表。“图层样式”对话框设计制作房地产三折页正面使用“颜色叠加”可以根据用户的需求在图层上叠加指定的颜色。用户可通过设置混合模式和不透明度等选项，控制叠加的效果。“渐变叠加”可以用来为图层增加渐变效果。选择“图案叠加”，可以使用自定义图案覆盖图像，图案可以缩放，也可以设置图案的不透明度和混合模式，效果如图所示。颜色叠加、渐变叠加和图案叠加设计制作房地产三折页正面发光的文字或物体效果是平面设计作品中经常会用到的。发光效果的制作非常简单，只要使用图层样式的功能即可实现。发光又分为“内发光”和“外发光”。内发光和外发光设计制作房地产三折页正面执行“文件”→“打开”命令，打开素材图像“51001.psd”。选择“图层1”图层，在“图层”面板中单击“添加图层样式”按钮。操作演示—为背景添加光泽效果设计制作房地产三折页正面在弹出的快捷菜单中选择“光泽”选项，在弹出的“图层样式”对话框中设置参数。单击“确定”按钮，效果如图所示。操作演示—为背景添加光泽效果设计制作房地产三折页正面1.打开“5-1-7.psd”文件，在“图层”面板中隐藏“正面”图层组。新建图层，使用黑色填充图层。2.执行“视图”→“清除参考线”命令，将参考线删除，重新创建参考线。应用案例—设计制作房地产三折页背面设计制作房地产三折页正面3.将素材图像“楼体夜景.png”拖入设计文档，调整图像大小，并移动到如图所示的位置。4.单击“图层”面板底部的“添加图层蒙版”按钮，创建图层蒙版。选择“渐变工具”，在蒙版中拖曳，效果如图所示。应用案例—设计制作房地产三折页背面设计制作房地产三折页正面5.新建图层，使用多边形套索工具在画布中绘制选区，并使用渐变工具填充渐变色。6.按组合键【Ctrl+D】取消选区。执行“滤镜”→“模糊”→“高斯模糊”命令，模糊效果如图所示。应用案例—设计制作房地产三折页背面设计制作房地产三折页正面7.使用横排文字工具在画布中输入文字内容，并为其添加“渐变叠加”图层样式。8.复制文字图层，修改文字颜色为黄色并栅格化图层，配合选区工具删除部分文字，得到如图所示的效果。应用案例—设计制作房地产三折页背面设计制作房地产三折页正面9.将素材图像“夜景.jpg”拖入设计文档并添加图层蒙版，使用渐变工具在蒙版中创建黑白渐变，效果如图所示。10.新建一个“色彩平衡”调整图层，设置“属性”面板中各项参数。应用案例—设计制作房地产三折页背面设计制作房地产三折页正面11.设置“填充”色为CMYK（100,0,0,0），使用矩形工具绘制矩形，并修改图层不透明度为30%。12.选择横排文字工具，在画布中单击并输入文字，在“字符”面板中设置文本参数，效果如图所示。应用案例—设计制作房地产三折页背面设计制作房地产三折页正面13.继续使用文字工具在画布中输入文字内容，效果如图所示。14.选择图层，执行“图层”→“图层编组”命令将图层编组并修改图层组名称，“图层”面板如图所示。应用案例—设计制作房地产三折页背面设计制作网页轮播图网页作为一种视觉语言载体，特别讲究编排和布局。为了达到最佳的视觉表现效果，网页设计者经常要反复推敲整体布局的合理性。在网页设计中，可以通过空间、文字和图形之间的相互关系建立整体的均衡搭配来构成美丽的页面，使浏览者有一个流畅的视觉体验。下面为设计制作一个网页轮播图进一步讲解图层蒙版的相关知识。轮播图效果如图所示。设计制作房地产三折页正面蒙版主要是在不损坏原图层的基础上新建一个活动的图层，将不同的灰度值转化为不同的透明度，并作用到它所在的图层，使图层不同部位的透明度产生相应的变化。其中，黑色为完全透明，白色为完全不透明，被白色遮盖的区域是非选择部分，其余的是选择部分，对图像所做的任何改变将不对蒙版区域产生影响。PhotoshopCS6提供了图层蒙版、剪贴蒙版和矢量蒙版3种蒙版。图层蒙版通过蒙版中的灰度信息来控制图像的显示区域；剪贴蒙版通过一个对象的轮廓来控制其他图层的显示区域；矢量蒙版通过路径和矢量形状控制图像的显示区域。蒙版的简介及分类设计制作房地产三折页正面蒙版“属性”面板，用于调整选定的滤镜蒙版、图层蒙版或矢量蒙版的不透明度和羽化范围，单击“图层”面板中的蒙版，再执行“窗口”→“属性”命令或双击蒙版，即可打开蒙版“属性”面板。蒙版“属性”面板设计制作房地产三折页正面图层蒙版主要用于处理与分辨率相关的位图图像，可使用绘画或选择工具进行编辑。图层蒙版是非破坏性的，可以返回并重新编辑蒙版，而不会丢失蒙版隐藏的像素。在“图层”面板中，图层蒙版显示为图层缩览图右边的附加缩览图，此缩览图代表添加图层蒙版时创建的灰度通道。蒙版中的纯白色区域可以遮盖下面图层中的内容，只显示当前图层中的图像；蒙版中的纯黑色区域可以遮盖当前图层中的图像，显示出下面图层中的内容；蒙版中的灰色区域会根据其灰度值使当前图层中的图像呈现出不同层次的透明效果。明白了图层蒙版的工作原理后，可以根据需要创建不同的图层蒙版。如果要完全隐藏上面图层的内容，可以为整个蒙版填充黑色。如果要完全显示上面图层的内容，可以为整个蒙版填充白色。图层蒙版设计制作房地产三折页正面如果要使上面图层的内容呈现半透明效果，可以为蒙版填充灰色。如果要使上面图层的内容呈现渐隐效果，可以为蒙版填充渐变色。图层蒙版设计制作房地产三折页正面剪贴蒙版是一种非常灵活的蒙版，它表现为使用一个图像的形状限制另一个图像的显示范围，而矢量蒙版和图层蒙版只能控制一个图层的显示区域。剪贴蒙版可以使用某个图层的轮廓来遮盖其上方的图层，遮盖效果由底部图层的范围决定。底部图层的非透明区域将用来显示上方图层的内容，剪贴图层中的所有其他内容将被遮盖掉。还可以在剪贴蒙版中使用多个内容图层，但它们必须是连续的图层。由于基底图层控制内容图层的显示范围，所以，移动基底图层就可以改变内容图层中的显示区域。剪贴蒙版设计制作房地产三折页正面矢量蒙版与分辨率无关，可使用钢笔工具或形状工具创建。它可以返回并重新编辑，而不会丢失蒙版隐藏的像素。在“图层”面板中，矢量蒙版都显示为图层缩览图右边的附加缩览图。使用矢量蒙版可以为图像添加边缘清晰的图像效果。在创建矢量蒙版后，用户可以为该图层应用一个或多个图层样式。通常用户在需要重新修改的图像的形状上添加矢量蒙版，就可以随时修改蒙版的路径，从而达到修改图像形状的目的。矢量蒙版设计制作房地产三折页正面1.新建一个Photoshop文档，设置“新建”对话框中的各项参数。使用RGB（245，237，132）填充背景。2.将素材图片“金秋.jpg”拖入设计文档，调整大小和位置。在“图层”面板中为其添加图层蒙版。应用案例—设计制作网站轮播图设计制作房地产三折页正面3.设置前景色为黑色，设置画笔的不透明度为50%，流量为50%。使用“柔边圆”画笔在画布中较暗位置涂抹。4.将素材图像“花茶2.jpg”拖入设计文档，执行“图像”→“调整”→“色阶”命令，设置“色阶”对话框中的参数。应用案例—设计制作网站轮播图设计制作房地产三折页正面5.为图层添加图层蒙版，使用画笔工具在蒙版上涂抹，创建如图所示的蒙版效果。6.复制“图层2”图层，在“图层”面板中设置复制的图层的混合模式为“颜色加深”，效果如图所示。应用案例—设计制作网站轮播图设计制作房地产三折页正面7.使用横排文字工具在画布中输入文字，使用直线工具在画布中绘制如图所示的直线。8.继续使用横排文字工具在画布中输入文字。将素材图像“深秋.jpg”拖入设计文档。应用案例—设计制作网站轮播图设计制作房地产三折