1、Photoshop CC图像处理案例教程第4章 图层与图层样式1案例1：翡翠玉镯的制作2案例2：网站效果图的设计与制作3小结本章要点4.1案例1：翡翠玉镯的制作图像都是基于图层来进行处理的，图层就是图像的层次，可以将一幅作品分解成多个元素，即每一个元素都由一个图层进行管理。本节通过图层与图层的样式来完成翡翠玉镯的制作，如图4-1所示。图4-1翡翠玉镯的效果展示4.1案例1：翡翠玉镯的制作4.1.1图层概述图层就好比一层透明的玻璃纸，透过这层纸，可以看到纸后的东西，而且无论在这层纸上如何涂画都不会影响其他层的内容。现在通过打开一个Photoshop合成的图像（风景画.psd）如图4-2所示，通过
2、“图层”面板来认识一下图层以及“风景画.psd”相应的结构如图4-3所示。图4-2 作品“风景画.psd”图4-3 图层面板4.1案例1：翡翠玉镯的制作4.1.2图层的基本应用1移动图层使用“移动工具”可以移动当前的图层，如果当前的图层中包含选区，则可移动选取内的图像。2复制图层通过复制图层，可以创建当前图像的副本，它可以用来加强图像效果，同时也可以保源图像。启用“显示变换控件”复选框 复制面板4.1案例1：翡翠玉镯的制作4.1.2图层的基本应用3删除图层将没有用的图层删除，可以有效的减少文件的大小。选择要删除的图层，单击“删除图层”按钮 即可（或将图层拖动到该按钮上）。4调整图层的顺序在编辑
3、多个图像时，图层的顺序排列也很重要。上面图层的不透明区域可以覆盖下面图层的图像内容。将图层前移一层4.1案例1：翡翠玉镯的制作5锁定图层内容在“图层”面板的顶端有4个可以锁定图层的按钮，如图4-7所示，使用不同的按钮锁定图层后，可以保护图层的透明区域、图像的像素、位置不会因为误操作而改变。图4-7锁定图层按钮锁定位置锁定全部锁定图像元素锁定透明元素4.1案例1：翡翠玉镯的制作6链接图层图层的链接功能可以方便地移动多个图层图像，同时对多个图层中的图像进行变换操作。要链接多个图层，可以按下键单击“图层”面板中的相关图层，然后单击“图层”调板下方的“链接图层”按钮，即可将所有选中的图层链接起来链接图
4、层4.1案例1：翡翠玉镯的制作7合并图层减少文件所占用的磁盘空间，可以将一些不必要的图层合并。同时，合并图层还可以提高文件的操作速度。1）合并图层：选择两个或多个图层，执行“图层”“合并图层”命令（快捷键），就可以将选中的图层合并。该命令可以将当前作用图层与其下一图层合并，其他图层保持不变。合并图层时，需要将作用图层的下一图层设为显示状态。2）合并可见图层：执行“图层”“合并可见图层”命令（快捷键），可以将所有可见的图层、图层组合并为一个图层。执行该命令，可以将图像中所有显示的图层合并，而隐藏的图层则保持不变。3）拼合图层：执行“图层”“拼合图像”命令，可以将当前文件的所有图层拼合到背景层中，
5、如果文件中有隐藏图层，则系统会弹出对话框要求用户确认合并操作，拼合图层后，隐藏的图层将被删除。4.1案例1：翡翠玉镯的制作8盖印图层盖印功能是一种特殊的图层合并方法，它可以将多个图层的内容合并为一个目标图层，同时是其他图层保持完好。当需要得到对某些图层的合并效果，而有要保持原图层信息完整的情况下，通过盖印功能合并图层可以达到很好的效果。盖印功能在Photoshop菜单中无法找到，当执行命令后，可以在“历史记录”面板中查看。图层盖印功能4.1案例1：翡翠玉镯的制作9对齐和分布链接图层 对齐、分布命令一览表分类分类图标图标名称名称功能与作用功能与作用对齐对齐顶边将所有链接图层最顶端的像素与作用图层
6、最上边的像素对齐将所有链接图层最顶端的像素与作用图层最上边的像素对齐垂直居中将所有链接图层垂直方向的中心像素与作用图层垂直方向的中心像素将所有链接图层垂直方向的中心像素与作用图层垂直方向的中心像素对齐对齐底边将所有链接图层最底端像素与作用图层的最底端像素对齐将所有链接图层最底端像素与作用图层的最底端像素对齐左边将所有链接图层最左端的像素与作用图层最左端的像素对齐将所有链接图层最左端的像素与作用图层最左端的像素对齐水平居中将所有链接图层水平方向的中心像素与作用图层水平方向的中心像素将所有链接图层水平方向的中心像素与作用图层水平方向的中心像素对齐对齐右边将所有链接图层最右端的像素与作用图层最右端的
7、像素对齐将所有链接图层最右端的像素与作用图层最右端的像素对齐分布分布顶边从每个图层最顶端的像素开始，均匀分布各链接图层的位置，使他们从每个图层最顶端的像素开始，均匀分布各链接图层的位置，使他们最顶边的像素间隔相同的距离最顶边的像素间隔相同的距离垂直居中从每个图层垂直居中像素开始，均匀分布各链接图层的位置，使它们从每个图层垂直居中像素开始，均匀分布各链接图层的位置，使它们垂直方向的中心像素间隔相同的距离垂直方向的中心像素间隔相同的距离底边从每个图层最底端像素开始，均匀分布各链接图层的位置，使它们最从每个图层最底端像素开始，均匀分布各链接图层的位置，使它们最底端像素间隔相同的距离底端像素间隔相同的
8、距离左边从每个图层最左端像素开始，均匀分布各链接图层的位置，使它们最从每个图层最左端像素开始，均匀分布各链接图层的位置，使它们最左端像素间隔相同的距离左端像素间隔相同的距离水平居中从每个图层水平居中像素开始，均匀分布各链接图层的位置，使它们从每个图层水平居中像素开始，均匀分布各链接图层的位置，使它们水平方向的中心像素间隔相同的距离水平方向的中心像素间隔相同的距离右边右边从每个图层最右端像素开始，均匀分布各链接图层的位置，使它们最从每个图层最右端像素开始，均匀分布各链接图层的位置，使它们最右端像素间隔相同的距离右端像素间隔相同的距离4.1案例1：翡翠玉镯的制作4.1.3图层组的基本操作在创建复杂
9、的图形作品时，就会存在大量不同类型、不同内容的图层，为了方便组织和管理图层，Photoshop提供了图层组的功能。1创建图层组单击“图层”面板中的“创建新组”按钮 即可新建一个图层组。然后再创建图层时，就会在图层组里面创建。2嵌套图层组还可以将当前的图层组嵌套在其他图层组内，嵌套结构最多可以为5级。3编辑图层组当从“图层”面板中选择了图层组后，对图层组执行的移动、旋转、缩放等变换操作将作用于所有图层。4.1案例1：翡翠玉镯的制作4.1.4图层样式的应用图层样式是创建图像特效的重要手段，Photoshop提供了多种提出样式效果，可以快速更改图层的外貌，为图像添加阴影、发光、斜面、叠加、和描边等效
10、果，从而创建具有真实质感的效果。1自定义图层样式1.单击2.设置3.保存4.1案例1：翡翠玉镯的制作4.1.4图层样式的应用2修改与复制图层样式添加完成图层样式后，还可以使用相同的方法再次打开“图层样式”对话框，修改样式选项，改变样式效果。通过复制图层样式，还可以将相同的效果设置添加到多个图层中。在图层名称的右侧右击，选择“拷贝图层样式”命令，在要粘贴的图层名称右侧右击，选择“粘贴图层样式”命令，就完成了图层样式的复制。修改“斜面和浮雕”选项后的效果4.1案例1：翡翠玉镯的制作4.1.4图层样式的应用3缩放样式效果对于复制的带有图层样式的图像，对其大小进行调整，添加的样式选项不会变，但会与原效
11、果产生差别，如图所示。要获得与图像比例一致的效果，需要对单独的效果进行缩放。此时可以选择复制后的图层，执行“图层”“图层样式”“缩放图层效果”命令，在打开的对话框中，设置“缩放”参数，以得到理想的效果。缩小带样式的图层内容4.1案例1：翡翠玉镯的制作4.1.4图层样式的应用4混合选项混合选项用来控制图层的不透明度以及当前图层与其他图层的像素混合效果。执行“图层”“图层样式”“混合选项”命令，对话框中包含两组混合滑块，及“本图层”滑块和“下一图层”滑块。它们用来控制当前图层和下面图层在最终的图像中显示的像素，通过调整滑块可根据图像的亮度范围，快速创建透明区域。a）高山素材图像b）白云素材图像c）
12、混合吐槽效果4.1案例1：翡翠玉镯的制作4.1.4图层样式的应用5投影和内阴影无论是文字、按钮、边框还是物体，如果加上阴影，则会产生立体感。利用这两个图层样式可以逼真的模仿出物体的阴影效果，并且可以对阴影的颜色、大小、清晰度进行控制。首先打开“图层样式”对话框，启用“投影”选项，如图4-20所示。图 4-20 设置投影效果4.1案例1：翡翠玉镯的制作（1）结构选项组“混合模式”：选定投影的混合模式。“不透明度”：投影的不透明度。“角度”：用于设置光线照射角度。“使用全局光”：可以为同一图像中的所有图层样式设置相同的光线照射角度。“距离”：设置阴影的距离。“扩展”：设置光线的强度。“大小”：设置
13、投影柔滑效果。（2）品质选项组“等高线”：在该选项中可以选择一个已有的等高线效果应用于阴影，也可以单击后面的选框进行编辑。“消除锯齿”：启用该复选可以消除投影的边缘锯齿。“杂色”：设置投影中随机混合元素的数量。“图层挖空投影”：可控制半透明图层中投影的可视性。内阴影作用于物体内部，在图像内部创建出阴影效果，使图像出现类似内陷的效果。4.1案例1：翡翠玉镯的制作4.1.4图层样式的应用6斜面和浮雕 启用“斜面和浮雕”选项可以为图像和文字制作出立体效果，如图4-21所示。它是通过对图层添加高光与阴影来模仿立体效果的。通过更改众多的选项，可以控制浮雕样式的强弱、大少、明暗变化等效果。图 4-21 设
14、置斜面和浮雕效果4.1案例1：翡翠玉镯的制作4.1.4图层样式的应用7外发光效果 运用外发光效果可以制作出物体光晕，使物体产生光源效果。当启用“外发光”选项后，用户可以在其右侧相对应的选项中进行各项参数的设置，如图4-22所示。在设置外发光时，背景的颜色尽量选择深色图像，以便于显示出设置的发光效果。图 4-22 设置外发光效果4.1案例1：翡翠玉镯的制作4.1.5案例的实现过程通过图层与图层的样式来完成翡翠玉镯的制作。图4-1翡翠玉镯的效果展示教师演示制作过程4.1案例1：翡翠玉镯的制作4.1.6应用技巧与案例拓展本节的拓展案例是淮信科技Logo的设计。图4-1翡翠玉镯的效果展示练习制作过程4
15、.2 案例2：网站效果图的设计与制作Photoshop在网站开发中应用广泛，现在以“书法家庄辉网站效果图”的设计为例讲解图层混合模式的应用。网站要反映出书法的文化气息，包括个人简介、国画作品、书法作品、联系方式四个主要栏目的超级连接。同时为满足浏览需要建议图像大小满足1024*768分辨率，项目效果图计划采用褐色为背景，采用能反映中国传统的文房四宝的特征。书法家庄辉个人网站主页设计效果4.2 案例2：网站效果图的设计与制作4.2.1图层混合模式的概述与分类数字图像处理过程中进行混合图像时，图层的混合模式是最为有效的技术之一，恰当的将两幅或多幅图像间使用混合模式，能够轻松地制作出图像间相互隐藏、
16、叠加，混融为一体的效果。Photoshop将混合模式分为6大类25种混合形式，即：组合模式（正常、溶解），加深混合模式（变暗、正片叠底、颜色加深、线性加深），减淡混合模式（变亮、滤色、颜色减淡、线性减淡），对比混合模式（叠加、柔光、强光、亮光、线性光、点光、实色混合），比较混合模式（差值、排除），色彩混合模式（色相、饱和度、颜色、亮度）。4.2 案例2：网站效果图的设计与制作4.2.2图层混合模式的应用方法图层混合模式的具体应用方式通过本例讲解，具体步骤如下：1）打开图片“素材1.jpg”（如图4-45）和“素材2.jpg”（如图4-46）。图4-45背景图像图4-46 融合图像4.2 案例2
17、：网站效果图的设计与制作2）使用“移动工具”将“素材2.tif”图像拖至“素材1.tif”图像中，如图4-47所示的位置，得到“图层1”。设置“图层1”的混合模式为“颜色减淡”，得到如图4-48所示的效果，打开“模特.psd”文件，使用“移动工具”将该图像拖至背景图像中并移动到如图4-48的位置，效果如图4-48所示。图4-47背景图像图4-48 融合图像4.2 案例2：网站效果图的设计与制作4.2.3图层混合模式详解1.组合混合模式组合模式中包含“正常和溶解”模式，它们需要配合使用不透明度才能产生一定的混合效果。正常模式：在“正常”模式下调整上面图层的不透明度可以使当前图像与底层图像产生混合
18、效果，在此模式下形成的合成色或者着色作品不会用到颜色的相减属性。溶解模式：特点是配合调整不透明度可创建点状喷雾式的图像效果，不透明度越低，像素点越分散。4.2 案例2：网站效果图的设计与制作4.2.3图层混合模式详解2.加深混合模式加深混合模式可将当前图像与底层图像进行比较使底层图像变暗。变暗模式：自动检测颜色信息，选择基色或混合色中较暗的作为结果色，其中比结果色亮的像素将被替换掉，就会露出背景图像的颜色，比结果色暗的像素将保持不变。正片叠底：特点是可以使当前图像中的白色完全消失，另外，除白色以外的其他区域都会使底层图像变暗。无论是图层间的混合还是在图层样式中，正片叠底都是最常用的一种混合模式
19、。颜色加深：特点是可保留当前图像中的白色区域，并加强深色区域。线性加深：线性加深模式与正片叠底模式的效果相似，但产生的对比效果更强烈，相当于正片叠底与颜色加深模式的组合。4.2 案例2：网站效果图的设计与制作4.2.3图层混合模式详解3.变亮混合模式在Photoshop中每一种加深模式都有一种完全相反的减淡模式相对应，减淡模式的特点是当前图像中的黑色将会消失，任何比黑色亮的区域都可能加亮底层图像。变亮模式：特点是比较并显示当前图像比下面图像亮的区域，变亮模式与变暗模式产生的效果相反。滤色模式：特点是可以使图像产生漂白的效果，滤色模式与正片叠底模式产生的效果相反。颜色减淡模式：特点是可加亮底层的
20、图像，同时使颜色变得更加饱和，由于对暗部区域的改变有限，因而可以保持较好的对比度。线性减淡模式：它与滤色模式相似，但是可产生更加强烈的对比效果。4.2 案例2：网站效果图的设计与制作4.2.3图层混合模式详解4.对比混合模式它综合了加深和减淡模式的特点，在进行混合时50%的灰色会完全消失，任何亮于50%灰色区域都可能加亮下面的图像，而暗于50%灰色的区域都可能使底层图像变暗，从而增加图像对比度。叠加模式：在为底层图像添加颜色时，可保持底层图像的高光和暗调。柔光模式：可产生比叠加模式或强光模式更为精细的效果。强光模式：可增加图像的对比度，它相当于正片叠底和滤色的组合。亮光模式：混合后的颜色更为饱
21、和，相当于颜色减淡和颜色加深的组合。线性光：可使图像产生更高的对比度效果，从而使更多区域变为黑色和白色，它相当于线性减淡和线性加深的组合。点光：可根据混合色替换颜色，它相当于变亮与变暗模式的组合。实色混合：特点是可增加颜色的饱和度，使图像产生色调分离的效果。4.2 案例2：网站效果图的设计与制作5.比较混合模式比较混合模式可比较当前图像与底层图像，然后将相同的区域显示为黑色，不同的区域显示为灰度层次或彩色。6.色彩混合模式色相模式：它适合于修改彩色图像的颜色，该模式可将当前图像的基本颜色应用到底层图像中，并保持底层图像的亮度和饱和度。饱和度模式：可使图像的某些区域变为黑白色，该模式可将当前图像
22、的饱和度应用到底层图像中，并保持底层图像的亮度和色相。颜色模式：可将当前图像的色相和饱和度应用到底层图像中，并保持底层图像的亮度。亮度模式：特点是可将当前图像的亮度应用于底层图像中，并保持底层图像的色相与饱和度。4.2 案例2：网站效果图的设计与制作4.2.4图层混合模式应用策略实例应用实例：使用渐变图像与素材“书法作品”进行混合，图4-52为柔光混合后的效果，图4-53为柔光模式配合不透明度（24%）后的效果。a)正常模式显示效果b)正常模式下的图层面板4.2 案例2：网站效果图的设计与制作c)柔光模式显示效果 d)柔光模式下的图层面板24%透明度a)柔光模式显示效果 b)柔光模式下的图层面
23、板4.2 案例2：网站效果图的设计与制作4.2.5案例的实现过程现在以提供的素材用所学的图层混合模式实现“书法家庄辉网站效果图”的设计。书法家庄辉个人网站主页设计效果4.3 小结本章主要学习了图层的概念与分类、图层的基本应用、图层组的应用、图层样式的应用、图层混合模式的应用。通过初识图层和图层类型、了解图层的样式和混合模式和图层的管理方法，可以让读者在制作的过程中灵活的运用图层的各种运用技巧。4.4 项目作业1.设计企业网站平面效果图。淮安三益电器有限公司是创建于1985年的专业电子生产厂家。1992年与台湾福民企业公司共同投资成立江苏淮阴苏益电器有限公司，现进行网站（旧版www.ha-）改版工作，界面如图4-61所示，具体需求模块如图4-62所示，大家通过搜索相关资料进行设计新版网站效果图，并形成静态网站。图4-61 淮安三益电器有限公司网站页面4.4 项目作业图 4-62 淮安三益电器有限公司网站改版需求示意图公告与通知公司简介新闻中心业内资讯产品展示企业荣誉企业文化售后服务友情链接联系我们技术参数淮安三益电器有限公司网站的功能在线留言成绩查询在线投诉考试咨询网站辅助模块谢谢大家Photoshop CC 图像处理案例教程
