PS 第8课.ppt

多媒体与网页设计 PHOTOSHOP第第8课课 图层的高级应用图层的高级应用w本课要点本课要点w具体要求具体要求w本章导读本章导读w上机练习上机练习多媒体与网页设计 PHOTOSHOP本本课课要点要点w设置图层叠加模式设置图层叠加模式w为图层添加样式为图层添加样式w图层样式的查看与编辑图层样式的查看与编辑多媒体与网页设计 PHOTOSHOP具体要求具体要求w掌握图层不透明度的设置方法掌握图层不透明度的设置方法w熟悉图层间不同的混合效果熟悉图层间不同的混合效果w掌握投影、内阴影、外发光和内发光掌握投影、内阴影、外发光和内发光等图层样式的添加方法等图层样式的添加方法w掌握图层样式的查看与添加方法掌握图层样式的查看与添加方法w掌握图层样式的编辑与复制方法掌握图层样式的编辑与复制方法多媒体与网页设计 PHOTOSHOP本课导读本课导读在前面一课介绍图层的基本应用时，只在前面一课介绍图层的基本应用时，只介绍了如何创建图层，以及使用图像绘制工介绍了如何创建图层，以及使用图像绘制工具在图层上绘制，本课将主要介绍图层的高具在图层上绘制，本课将主要介绍图层的高级应用，重点是图层叠加模式和图层样式的级应用，重点是图层叠加模式和图层样式的应用，以使读者能够将图像处理得更加漂亮。应用，以使读者能够将图像处理得更加漂亮。多媒体与网页设计 PHOTOSHOP8.1 设置图层叠加模式设置图层叠加模式图层的叠加模式在图像处理过程中起图层的叠加模式在图像处理过程中起着非常重要的作用，主要用来调整图层间着非常重要的作用，主要用来调整图层间的相互关系，从而生成新的图像效果。的相互关系，从而生成新的图像效果。多媒体与网页设计 PHOTOSHOP8.1 设置图层叠加模式设置图层叠加模式8.1.1 知识讲解知识讲解8.1.2 典型案例典型案例更换衣服图案更换衣服图案多媒体与网页设计 PHOTOSHOP8.1.1 知识讲解知识讲解 图层叠加包括设置图层的不透明度和图层叠加包括设置图层的不透明度和图层的混合模式，下面详细介绍它们的设图层的混合模式，下面详细介绍它们的设置及应用方法。置及应用方法。多媒体与网页设计 PHOTOSHOP8.1.1 知识讲解知识讲解 1调整图层不透明度调整图层不透明度2设置图层混合模式设置图层混合模式多媒体与网页设计 PHOTOSHOP1调整图层不透明度调整图层不透明度通过设置图层的不透明度，可以使图通过设置图层的不透明度，可以使图层产生透明或半透明效果。层产生透明或半透明效果。w【图层图层】面板中的面板中的【不透明度不透明度】数值框数值框w【图层图层】面板中的面板中的【填充填充】数值框数值框 多媒体与网页设计 PHOTOSHOP2设置图层混合模式设置图层混合模式通过设置图层的混合模式，可以将【通过设置图层的混合模式，可以将【图层】面板中的当前层与下面图层的颜色图层】面板中的当前层与下面图层的颜色进行色彩混合，从而制作出特殊的图像效进行色彩混合，从而制作出特殊的图像效果。果。多媒体与网页设计 PHOTOSHOP2设置图层混合模式设置图层混合模式w正常模式正常模式w溶解模式溶解模式w变暗模式变暗模式w正片叠底模式正片叠底模式w颜色加深模式颜色加深模式w线性加深模式线性加深模式w变亮模式变亮模式w滤色模式滤色模式w颜色减淡模式颜色减淡模式w线性减淡模式线性减淡模式w叠加模式叠加模式w柔光模式柔光模式w强光模式强光模式w亮光模式亮光模式多媒体与网页设计 PHOTOSHOP2设置图层混合模式设置图层混合模式w线性光模式线性光模式w点光模式点光模式w实色混合模式实色混合模式w差值模式差值模式w排除模式排除模式w色相模式色相模式w饱和度模式饱和度模式w颜色模式颜色模式w亮度模式亮度模式多媒体与网页设计 PHOTOSHOP8.1.2 典型案例典型案例更换衣服图案更换衣服图案w案例目标案例目标本案例将为图本案例将为图像中的衣服更换图像中的衣服更换图案，主要练习图层案，主要练习图层混合模式的应用。混合模式的应用。多媒体与网页设计 PHOTOSHOP8.1.2 典型案例典型案例更换衣服图案更换衣服图案w操作思路操作思路（1）打开衣服素材文件。）打开衣服素材文件。（2）创建衣服的选区。）创建衣服的选区。（3）复制衣服素材中的所有图像。）复制衣服素材中的所有图像。（4）将复制后的图像粘贴入衣服的选区）将复制后的图像粘贴入衣服的选区 内，并更换图层的混合模式。内，并更换图层的混合模式。多媒体与网页设计 PHOTOSHOP8.1.2 典型案例典型案例更换衣服图案更换衣服图案w操作步骤操作步骤具体操作请参照图书讲解。具体操作请参照图书讲解。多媒体与网页设计 PHOTOSHOP8.1.2 典型案例典型案例更换衣服图案更换衣服图案w案例小结案例小结本案例为衣服更换了图案，先选取衣服本案例为衣服更换了图案，先选取衣服所在的图像，然后在其选区范围内复制生所在的图像，然后在其选区范围内复制生成一个新图层，以将其作为要更换的源图成一个新图层，以将其作为要更换的源图像，为了使其与原图像融合，这里将图层像，为了使其与原图像融合，这里将图层的混合模式设为的混合模式设为【正片叠底正片叠底】，也可以设，也可以设为为【线性加深线性加深】等模式。读者可自行设置等模式。读者可自行设置并比较所得效果的异同点。并比较所得效果的异同点。多媒体与网页设计 PHOTOSHOP8.2 为图层添加样式为图层添加样式在在Photoshop CS2中允许为图层添加中允许为图层添加样式，以使图像效果更富艺术性。样式，以使图像效果更富艺术性。多媒体与网页设计 PHOTOSHOP8.2 为图层添加样式为图层添加样式8.2.1 知识讲解知识讲解8.2.2 作业作业12制作路牌广告制作路牌广告多媒体与网页设计 PHOTOSHOP8.2.1 知识讲解知识讲解 Photoshop CS2提供的图层样式包括提供的图层样式包括投影、内阴影、外发光、内发光、斜面和投影、内阴影、外发光、内发光、斜面和浮雕、光泽、颜色叠加、渐变叠加、图案浮雕、光泽、颜色叠加、渐变叠加、图案叠加与描边叠加与描边10种。种。多媒体与网页设计 PHOTOSHOP8.2.1 知识讲解知识讲解 图层样式的添加有如下几种方法：图层样式的添加有如下几种方法：w选择选择【图层图层】【图层样式图层样式】命令，在弹命令，在弹出的子菜单中选择相应的样式命令。出的子菜单中选择相应的样式命令。w单击单击【图层图层】面板底部的按钮，在弹出的面板底部的按钮，在弹出的快捷菜单中选择相应的样式命令。快捷菜单中选择相应的样式命令。w在在【图层图层】面板中双击图层名称前的预览面板中双击图层名称前的预览图标，然后在打开的图标，然后在打开的【图层样式图层样式】对话框对话框中根据需要选中样式选项。中根据需要选中样式选项。多媒体与网页设计 PHOTOSHOP8.2.1 知识讲解知识讲解 1添加投影样式添加投影样式2添加内阴影样式添加内阴影样式3添加发光效果添加发光效果4添加斜面和浮雕效果添加斜面和浮雕效果5添加光泽效果添加光泽效果6添加叠加效果添加叠加效果7添加描边效果添加描边效果多媒体与网页设计 PHOTOSHOP1添加投影样式添加投影样式投影样式用于投影样式用于模拟物体受光后产模拟物体受光后产生的投影效果，可生的投影效果，可以增加层次感。以增加层次感。多媒体与网页设计 PHOTOSHOP2添加内阴影样式添加内阴影样式内阴影样式就内阴影样式就是沿图像边缘向内是沿图像边缘向内产生投影效果。产生投影效果。多媒体与网页设计 PHOTOSHOP3添加发光效果添加发光效果1）外发光）外发光外发光图层样外发光图层样式就是沿图像边缘式就是沿图像边缘向外产生发光效果。向外产生发光效果。多媒体与网页设计 PHOTOSHOP3添加发光效果添加发光效果2）内发光）内发光内发光与外发内发光与外发光样式刚好相反，光样式刚好相反，它是沿图像边缘向它是沿图像边缘向内产生发光效果。内产生发光效果。多媒体与网页设计 PHOTOSHOP4添加斜面和浮雕效果添加斜面和浮雕效果通过为图层添通过为图层添加斜面和浮雕效果，加斜面和浮雕效果，可以使图像边缘产可以使图像边缘产生立体的倾斜效果，生立体的倾斜效果，整个图像产生浮雕整个图像产生浮雕般的效果。般的效果。多媒体与网页设计 PHOTOSHOP5添加光泽效果添加光泽效果通过为图层添通过为图层添加光泽样式，可以加光泽样式，可以在图像内部产生游在图像内部产生游离的发光效果。离的发光效果。多媒体与网页设计 PHOTOSHOP6添加叠加效果添加叠加效果1）颜色叠加）颜色叠加颜色叠加样式颜色叠加样式就是使用一种颜色就是使用一种颜色覆盖在图像表面。覆盖在图像表面。多媒体与网页设计 PHOTOSHOP6添加叠加效果添加叠加效果2）渐变叠加）渐变叠加渐变叠加样式就是渐变叠加样式就是使用一种渐变颜色使用一种渐变颜色覆盖在图像表面。覆盖在图像表面。多媒体与网页设计 PHOTOSHOP6添加叠加效果添加叠加效果3）图案叠加）图案叠加图案叠加样式就是图案叠加样式就是使用一种图案覆盖使用一种图案覆盖在图像表面。在图像表面。多媒体与网页设计 PHOTOSHOP7添加描边效果添加描边效果使用描边样式使用描边样式可以沿图像边缘填可以沿图像边缘填充一种颜色。充一种颜色。多媒体与网页设计 PHOTOSHOP8.2.2 作业作业12制作路牌广告制作路牌广告w案例目标案例目标本案例将制作本案例将制作一副路牌广告，主一副路牌广告，主要练习图层混合模要练习图层混合模式和图层样式的设式和图层样式的设置与应用。置与应用。多媒体与网页设计 PHOTOSHOP8.2.2 典型案例典型案例制作路牌广告制作路牌广告w操作思路操作思路（1）打开素材文件，并将素材组合到一个图像）打开素材文件，并将素材组合到一个图像中。中。（2）创建图像底部波动的选区，并为选区进行描）创建图像底部波动的选区，并为选区进行描边处理，然后将多余的图像删除。边处理，然后将多余的图像删除。（3）为描边后的图像添加外发光效果。）为描边后的图像添加外发光效果。（4）利用文字工具创建）利用文字工具创建“互联时代互联时代”文本，并将文本，并将文文 本组合到一起。本组合到一起。（5）为组合后的文本添加斜面和浮雕、图案叠加）为组合后的文本添加斜面和浮雕、图案叠加和描边样式和描边样式。多媒体与网页设计 PHOTOSHOP8.2.2 典型案例典型案例制作路牌广告制作路牌广告w案例小结案例小结本案例制作了一幅路牌广告效果，主要本案例制作了一幅路牌广告效果，主要应用了图层混合模式和图层样式等知识点。应用了图层混合模式和图层样式等知识点。从文字的制作过程可以看出，一个图层不从文字的制作过程可以看出，一个图层不仅能应用一种图层样式，还可以根据需要仅能应用一种图层样式，还可以根据需要应用多种样式。应用多种样式。多媒体与网页设计 PHOTOSHOP8.3 图层样式的查看与编辑图层样式的查看与编辑对于添加了图层样式的图像，可以对对于添加了图层样式的图像，可以对其进行查看，或者在原图层样式的基础上其进行查看，或者在原图层样式的基础上快速编辑所需的图层样式效果，也可以清快速编辑所需的图层样式效果，也可以清除不需要的图层样式。除不需要的图层样式。多媒体与网页设计 PHOTOSHOP知识讲解知识讲解 为图像添加图层样式后，可以在为图像添加图层样式后，可以在【图图层层】面板中展开和折叠图层样式，并且修面板中展开和折叠图层样式，并且修改不满意的图层样式效果，还可以通过复改不满意的图层样式效果，还可以通过复制操作为其他图层指定相同的图层样式。制操作为其他图层指定相同的图层样式。多媒体与网页设计 PHOTOSHOP知识讲解知识讲解 1图层样式的查看图层样式的查看2图层样式的编辑图层样式的编辑3图层样式的添加图层样式的添加4图层样式的复制图层样式的复制多媒体与网页设计 PHOTOSHOP1图层样式的查看图层样式的查看为为图图层层添添加加图图层层样样式式效效果果后后，图图层层名名右右侧侧都都带带有有图图标标，表表示示该该图图层层使使用用了了图图层层样样式式效效果果，单单击击其其右右侧侧的的按按钮钮可可以以展展开开图图层层样样式式，查查看看当当前前图图层层应应用用了了哪哪些些图图层层样样式。式。多媒体与网页设计 PHOTOSHOP2图层样式的编辑图层样式的编辑如如果果觉觉得得图图层层上上已已添添加加的的图图层层样样式式需需要要修修改改，只只需需在在【图图层层】面面板板中中双双击击相相应应的的图图层层效效果果名名称称，然然后后在在打打开开的的【图图层层样样式式】对话框中修改参数即可。对话框中修改参数即可。多媒体与网页设计 PHOTOSHOP3图层样式的添加图层样式的添加如果要对已添加图层样式后的图层添如果要对已添加图层样式后的图层添加新样式，可选择加新样式，可选择【图层图层】【图层样式图层样式】命令，在弹出的子菜单中选择相应的样命令，在弹出的子菜单中选择相应的样式命令即可。式命令即可。也可在也可在【图层图层】面板中双击任意已添面板中双击任意已添加图层样式的名称，然后在打开的加图层样式的名称，然后在打开的【图层图层】面板中根据需要先选择样式对应的复选面板中根据需要先选择样式对应的复选框，最后进行参数设置。框，最后进行参数设置。多媒体与网页设计 PHOTOSHOP4图层样式的复制图层样式的复制图层样式设置完成后，可通过复制图图层样式设置完成后，可通过复制图层样式操作将其应用到其他图层上，以减层样式操作将其应用到其他图层上，以减少重复操作，提高工作效率。少重复操作，提高工作效率。先在应用图层样式的图层的图标上单先在应用图层样式的图层的图标上单击鼠标右键，在弹出的快捷菜单中选择击鼠标右键，在弹出的快捷菜单中选择【拷贝图层样式拷贝图层样式】命令，然后在要应用该样命令，然后在要应用该样式的图层上单击鼠标右键，在弹出的快捷式的图层上单击鼠标右键，在弹出的快捷菜单中选择菜单中选择【粘贴图层样式粘贴图层样式】命令即可。命令即可。多媒体与网页设计 PHOTOSHOP作业作业13 制作木纹字制作木纹字本次练习将制本次练习将制作一个木纹字效果，作一个木纹字效果，主要练习图层样式主要练习图层样式的设置与应用。的设置与应用。多媒体与网页设计 PHOTOSHOP作业作业13 制作木纹字制作木纹字操作思路：操作思路：w打开打开“木纹木纹.psd”图像文件。图像文件。w使用横排文字蒙版工具输入使用横排文字蒙版工具输入“木纹字木纹字”文本，字体文本，字体华文琥珀。华文琥珀。w将文字选区反选，并删除选区内的木纹。将文字选区反选，并删除选区内的木纹。w取消选区，对删除后的木纹进行描边处理。描边色取消选区，对删除后的木纹进行描边处理。描边色为黑色，半径为为黑色，半径为1像素。像素。w对描边后的图层应用斜面和浮雕图层样式，使其具对描边后的图层应用斜面和浮雕图层样式，使其具有浮雕效果，再添加投影图层样式，使其具有立体有浮雕效果，再添加投影图层样式，使其具有立体感。感。多媒体与网页设计 PHOTOSHOP扩展练习扩展练习w制作珍珠制作珍珠