多媒体技术与网页设计第5章Photoshop图层课件.ppt

《多媒体技术与网页设计第5章Photoshop图层课件.ppt》由会员分享，可在线阅读，更多相关《多媒体技术与网页设计第5章Photoshop图层课件.ppt（89页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、1 1第5章 Photoshop图层第5章 Photoshop图层5.1 Photoshop图层简介图层简介 5.2 图层的基本操作图层的基本操作 5.3 图层的特效图层的特效 5.4 图层综合应用图层综合应用 5.5 操作练习操作练习 2 2第5章 Photoshop图层 5.1 Photoshop图层简介图层简介5.1.1 图层的概念图层的概念图层是Photoshop工作的基础，使用图层可以在不影响整个图像中大部分元素的情况下处理其中某一部分。可以把图层想像成一张一张叠放起来的透明胶片，每张透明胶片上都有不同的画面，改变图层的顺序和属性可以改变图像的最后效果。3 3第5章 Photosho

2、p图层通过对图层的操作，可以创建很多复杂的图像效果。对图层的操作主要是通过“图层”菜单或图层面板来完成的。以图5.1为例，其画面中有文字、花图形、星形等，它对应的图层面板如图5.2所示。4 4第5章 Photoshop图层图5.2 图5.1的图层面板5 5第5章 Photoshop图层6 6第5章 Photoshop图层1)“图层面板”菜单通过鼠标单击“图层面板”菜单按钮可打开“图层面板”菜单，该菜单具有新建、复制、删除图层，建立图层组的功能，还能进行图层属性、混合选项、图层合并等设置。7 7第5章 Photoshop图层2)图层组图层组中存放了一组相关图层，可减少因图层面板图层数太多而造成的

3、编辑困难的问题。单击图层面板下方的“创建新组”按钮创建一个图层组，可以在图层面板用鼠标将其它图层拖入组中。通过图层组左侧的三角按钮可以展开或折叠图层组。8 8第5章 Photoshop图层3)图层图层是Photoshop图像基本的组成部分，其中包括普通图层、背景图层、文字图层、效果图层、形状图层及蒙版图层。(1)普通图层：是Photoshop中最常见的图层，可以由用户自己创建，也可以由背景层或栅格化以后的文字层转化而成。默认图层名为“图层1”，可在图层名上双击修改图层名。9 9第5章 Photoshop图层10 10第5章 Photoshop图层(4)效果图层：通过图层面板下方的“图层样式”按

4、钮或“图层”菜单下的“图层样式”命令，可以给图层添加一些特殊的显示效果，添加成功后在该图层名称右侧会显示，单击向下箭头会显示具体添加的样式。(5)形状图层：由“多边形工具”创建或由文字图层转换而来。11 11第5章 Photoshop图层(6)蒙版图层：是覆盖在其它图层上的一个8位灰度图像，黑色部分是透明的，能显示出下面被覆盖图层的内容，白色部分为不透明区域，完全遮盖下面的图层，灰色部分为半透明状态。12 12第5章 Photoshop图层13 13第5章 Photoshop图层5.2 图层的基本操作图层的基本操作1.图层的建立1)背景图层在Photoshop中新建文件或打开一个图像文件时，会

5、自动生成一个锁定的图层，即背景图层。14 14第5章 Photoshop图层15 15第5章 Photoshop图层其它常用的生成新图层的方法有：(1)在图层面板下方选择“新建图层”按钮。(2)从剪贴板向图像窗口粘贴内容，会自动生成新图层。(3)用鼠标将某一图层拖至图层面板下方的“新建图层”按钮，则会复制一个和原图层完全相同的图层。(4)选择“图层”菜单下“新建”下的“通过拷贝的图层”命令，则将当前选区拷贝到新图层中。16 16第5章 Photoshop图层3)转换背景图层和普通图层在图层面板中双击“背景”，或者选择“图层”菜单下“新建”下的“背景图层”命令，在打开的对话框中输入图层名即可将背

6、景图层转换成普通图层。在图层面板中选择要做背景的图层，选择“图层”菜单下“新建”下的“背景图层”命令，则当前图层就会转换成为背景，并出现在最底层位置。17 17第5章 Photoshop图层18 18第5章 Photoshop图层(2)在图像文件窗口中选择图层：选择“移动工具”，其属性栏设置如图5.3所示，然后在文档中要选择的图层内容上单击鼠标，则光标下包含像素的最上面的图层变为当前图层。图5.3 移动工具属性栏19 19第5章 Photoshop图层(3)要同时对多个图层进行操作，可以按Shift键在图层面板单击选中多个连续的图层，按Ctrl键选中多个不连续的图层。选定图层后，在图层面板可以

7、通过鼠标拖动调整图层的叠放次序，实现不同的显示效果(背景图层除外)。2020第5章 Photoshop图层3.图层命名选中要命名的图层，在图层面板上该图层名处双击，输入新的图层名。或者在要修改的图层名上单击鼠标右键，通过快捷菜单中的“图层属性”修改图层名。好的图层名有助于人们了解该图层的内容。21 21第5章 Photoshop图层4.锁定图层锁定图层是为了保护其内容不会被修改。通过图层面板锁定按钮可以对选定图层全部或部分地锁定和解锁。图层面板的锁定按钮如图5.4所示，从左到右分别为：锁定透明像素、锁定图像像素、锁定位置、全部锁定。图5.4 图层面板的锁定按钮 2222第5章 Photosho

8、p图层例如，图5.1中图层1的显示效果如图5.5所示。其中：“透明像素”是指花以外的其它位置，即用灰白棋盘格显示的区域像素；“图像像素”是指整个图层所有像素的位置，锁定后的对象不能使用画笔、橡皮等绘图工具来修改；“锁定位置”是指使用移动工具无法移动花在图像窗口中的位置；“锁定全部”是指既不能修改，也不能移动位置。2323第5章 Photoshop图层2424第5章 Photoshop图层5.图层的显示与隐藏通过单击图层面板中图层左侧的眼睛标志，可以显示或隐藏图层。当图层左侧眼睛标志消失时，表示该图层被隐藏，再次单击，则隐藏的图层会显示。通过“图层”菜单下的“隐藏图层/显示图层”命令也可以实现图

9、层的显示与隐藏。2525第5章 Photoshop图层6.图层的合并所谓图层合并就是将几个图层的内容将压缩到一个图层中，便于整体操作。但合并后的图层是不可以再次拆分的，所以需要在确认编辑完各图层之后再合并。参与合并的图层都必须处在显示状态。图层的合并包括以下三种：2626第5章 Photoshop图层(1)向下合并/合并图层：如果只选了一个图层即当前图层，则默认将当前图层与其下方紧邻的图层合并，也就是“向下合并”；如果选定了多个图层，则将多个选定的图层合并，也就是“合并图层”。合并后的新图层属性沿用参与合并的图层中最下方图层的名称和轮廓颜色。2727第5章 Photoshop图层2828第5章

10、 Photoshop图层7.图层链接所谓“链接”就是把两个或两个以上的图层关联起来进行合并操作。这时如果对其中的一个进行移动、缩放，链接的图层都会一起跟着移动、缩放，以保证其相对大小和位置保持不变。2929第5章 Photoshop图层建立链接时，先选定要链接的多个图层，单击图层面板下方的“链接”按钮，则被链接的所有图层后边都会显示。当然也可以通过“图层”或“图层面板”菜单下的“链接图层”来完成。断开链接时，先选定要断开链接的图层，单击图层面板下方的“链接”按钮，即可将该图层从链接中断开。3030第5章 Photoshop图层31 31第5章 Photoshop图层9.图层图像变换图层图像大小

11、、形状、方向等变换和选区的变换是相同的，可通过“编辑”菜单下的“自由变换”或“变换”命令来实现。3232第5章 Photoshop图层5.3 图图层层的的特特效效5.3.1 图层的混合模式图层的混合模式图层的混合模式指当前图层与其它图层之间叠加的效果，通过图层面板左上角的列表框选项进行设置。Photoshop提供了22种图层混合模式，分成了六大类，以满足不同效果的需要。3333第5章 Photoshop图层1.组合型混合模式组合型混合模式与图层的透明度配合才会产生一定的混合效果，包括“正常”和“溶解”两种混合模式。其中“正常”模式是Photoshop默认的图层混合模式，即当前图层不和其它图层发

12、生任何混合。3434第5章 Photoshop图层2.加深型混合模式加深型混合模式混合后图像的对比度增强，明度整体变暗，包括“变暗”、“正片叠底”、“颜色加深”、“线性加深”及“深色”五种混合模式。3.减淡型混合模式与加深型混合模式相反，减淡型混合模式混合后会使当前图像中的黑色消失，对比度减弱，使图像的明度整体变亮，包括“变亮”、“滤色”、“颜色减淡”、“线性减淡”及“减色”五种混合模式。3535第5章 Photoshop图层4.对比型混合模式对比型混合模式综合了加深型和减淡型混合模式的特点，混合后图像的对比度整体增强，暗于50%灰度的图像区域混合后变得更暗，亮于50%灰度的图像区域混合后变得

13、更亮，包括“叠加”、“柔光”、“强光”、“亮光”、“线性光”、“点光”及“实色混合”七种混合模式。3636第5章 Photoshop图层5.比较型混合模式比较型混合模式比较当前图像与底层图像，将颜色相同的区域显示为黑色，不同的区域以不同的灰度或彩色显示，包括“差值”与“排除”两种混合模式。6.色彩型混合模式色彩型混合模式混合时将色彩三要素(色相、饱和度及明度)中的一种或两种应用在混合效果中，包括“色相”、“饱和度”、“颜色”及“明度”四种混合模式。3737第5章 Photoshop图层例如，通过“柔光模式”制作如图5.6所示的效果，操作步骤如下：(1)打开“孩子”素材图像文件。(2)选择“椭圆

14、选框工具”，在属性栏中设置“羽化值”为5，创建椭圆选区。(3)打开“星空”素材图像文件，选择“移动工具”，用鼠标将“孩子”图像中的椭圆选区拖动至“星空”图像成为一个新的图层。(4)选择图层混合模式为“柔光”。3838第5章 Photoshop图层图5.6 “柔光”模式合成效果3939第5章 Photoshop图层5.3.2 填充与不透明度填充与不透明度填充及不透明度的取值范围都是0%100%。不透明度是调节整个图层的不透明度，而填充是只改变填充部分的不透明度。调整不透明度会影响整个图层中所有的对象(包括图层中的对象和添加的各种图层样式效果)，而修改填充时只会影响原图层，不会影响添加的图层样式。

15、4040第5章 Photoshop图层5.3.3 图层样式图层样式图层样式是Photoshop中制作图像特殊效果的重要手段之一，利用它可以快速生成阴影、浮雕、发光等效果。图层样式可以应用于除背景层以外的任意一个图层。设置图层样式的方式有：单击图层面板下方的“添加图层样式”按钮，或双击需要添加样式的图层缩览图，还可以选择“图层”菜单下的“图层样式”命令。41 41第5章 Photoshop图层例如，制作如图5.7所示的发光的灯泡，操作步骤如下：(1)新建空白文件，大小为450像素300像素，设置黑色背景。(2)通过工具箱中的“自定形状工具”绘制灯泡形状图层。(3)选中图层面板上的“灯泡形状”图层

16、，打开“图层样式”对话框，选择“外发光”，对话框中的具体设置如图5.8所示。4242第5章 Photoshop图层图5.7 图层样式制作的发光的灯泡4343第5章 Photoshop图层图5.8 “外发光”对话框设置4444第5章 Photoshop图层5.3.4 蒙版蒙版1.快速蒙版快速蒙版是创建和查看图像的临时蒙版。它可以将任何选区作为蒙版进行编辑和查看。将选区作为蒙版来编辑时几乎可以使用任何Photoshop工具或滤镜来修改蒙版。通过单击工具箱中的“快速蒙版”按钮可以切换到快速蒙版状态，再次单击则回到标准编辑模式。当回到标准编辑状态时，快速蒙版以外的区域就会作为新的选区载入。4545第5

17、章 Photoshop图层例如，利用快速蒙版给照片加边框，操作步骤如下：(1)打开素材图像文件。(2)用“矩形选框工具”拖出一个矩形选区。(3)在工具箱中单击，切换到“快速蒙版编辑模式”，如图5.9所示。图5.9 “快速蒙版编辑模式”效果4646第5章 Photoshop图层(4)选择“滤镜”菜单下“扭曲”下的“波浪”命令，在打开的“波浪”对话框进行相关设置(如图5.10所示)，调整选区的边缘形状为波浪形。4747第5章 Photoshop图层 图5.10 “波浪”对话框 4848第5章 Photoshop图层(5)单击工具箱中的，切换到“标准编辑模式”，将矩形选区边缘变成了波浪形，然后执行“

18、选择”菜单下的“反向”命令。(6)选择“编辑”菜单下的“填充”命令，选择“自定义图案”填充选区，按Ctrl+D键取消选区，最终效果如图5.11所示。4949第5章 Photoshop图层图5.11 快速蒙版最终效果 5050第5章 Photoshop图层2.矢量蒙版矢量蒙版是覆盖在其它图层上的一个8位灰度图像，常结合矢量工具(如钢笔工具或形状工具)来建立形状图层。白色表示显示出图像的区域，黑色表示隐藏区域。例如，绘制自定形状的操作步骤如下：(1)新建Photoshop文件，命名为“矢量蒙版”，大小为450像素450像素，背景为白色。51 51第5章 Photoshop图层(2)选择“自定形状”

19、工具，在属性栏中选择“形状图层”，形状和样式等设置如图5.12所示。图5.12 “自定形状”工具属性栏设置5252第5章 Photoshop图层(3)按鼠标左键在图像窗口中拖动，绘制如图5.13所示的形状，图层面板显示如图5.14所示。图5.13 绘制的自定形状图案 图5.14 绘制自定形状的图层面板 5353第5章 Photoshop图层3.图层蒙版图层蒙版是覆盖在位图上的一个8位灰度图像，与像素有关，可以使用渐变工具和画笔工具来生成。黑色部分表示透明，能显示其所覆盖的位图图像；白色部分隐藏被覆盖的图像。下边所说的蒙版一般都是指图层蒙版。5454第5章 Photoshop图层添加图层蒙版一般

20、是通过图层面板下方的“添加图层蒙版按钮”来实现的。下边通过具体的实例来学习图层蒙版的使用。实例1 利用“渐变工具”创建图层蒙版拼合图像。操作步骤如下：(1)打开素材图像文件，如图5.15和图5.16所示。5555第5章 Photoshop图层 图5.15 素材图像1 图5.16 素材图像25656第5章 Photoshop图层(2)选择素材图像2，在图层面板中双击“背景”将其转换为普通图层，单击图层面板下方的“添加图层蒙版”按钮给图层添加蒙版。(3)选择“渐变工具”，在图像窗口中按下鼠标左键由上向下拖动，添加黑白线性渐变蒙版，如图5.17所示。(4)选择“移动工具”，将添加蒙版后的素材图像2拖

21、入素材图像1，调整好位置，效果如图5.18所示。5757第5章 Photoshop图层 图5.17 添加渐变蒙版后的效果 图5.18 最后合成的效果5858第5章 Photoshop图层实例2 利用“画笔工具”创建图层蒙版给人物换背景。操作步骤如下：(1)打开背景素材和人物素材图像文件，如图5.19和图5.20所示。5959第5章 Photoshop图层图5.19 背景素材图像 图5.20 人物素材图像 6060第5章 Photoshop图层(2)选择人物素材图像，在图层面板中双击“背景”将其转换为普通图层，然后单击图层面板下方的“添加图层蒙版”按钮给图层添加蒙版。(3)选择“画笔”工具，设置

22、前景色为“黑色”，画笔直径为30，在图像窗口中涂抹除要保留的人物以外的其它区域。为了准确地选出人物形状，可通过导航器面板尽量将人物图像放大，当涂抹位置靠近人物时画笔直径可调细一点。如果不小心抹掉了要保留的区域，可选择白色画笔将其恢复。最后绘制出的人物蒙版如图5.21所示，图层面板显示如图5.22所示。61 61第5章 Photoshop图层图5.21 画笔绘制的人物蒙版图像 图5.22 添加蒙版后的图层面板 6262第5章 Photoshop图层(4)选择“移动工具”，将添加蒙版后的人物图像拖入背景图像窗口，调整好位置，效果如图5.23所示。图5.23 最终合成效果图6363第5章 Photo

23、shop图层 5.4 图层综合应用图层综合应用例1 制作立体发光的文字。操作步骤如下：(1)打开如图5.24所示的“宝贝”素材图像，用“磁性套索工具”选取宝贝。(2)打开如图5.25所示的“背景”素材图像，选择“移动工具”将宝贝选区拖入背景图像成为新图层。6464第5章 Photoshop图层图5.24 “宝贝”素材图像 图5.25 “背景”素材图像6565第5章 Photoshop图层(3)用Ctrl+T键调整“宝贝”图层的大小和位置，设置图层混合样式为“强光”。(4)选择“文字工具”，输入“twinkle star”，其属性栏设置如图5.26所示。图5.26 “文字工具”属性栏设置6666

24、第5章 Photoshop图层(5)通过单击“添加图层样式”给文字图层添加“内阴影”、“外发光”、“斜面和浮雕样式”中的“枕状浮雕”、“纹理”及“渐变叠加”等样式，图5.27所示是“斜面和浮雕”样式对话框的具体设置。6767第5章 Photoshop图层图5.27 “斜面和浮雕”样式设置6868第5章 Photoshop图层(6)最终合成效果如图5.28所示。图5.28 最终合成效果图6969第5章 Photoshop图层例2 对打开的人物素材图像(如图5.29所示)进行磨皮美白，将其放入如图5.30所示的风景图像中，让两者自然拼合。操作步骤如下：图5.29 人物图像 图5.30 风景图像70

25、70第5章 Photoshop图层(1)打开人物图像，在工具箱中选择“快速蒙版编辑模式”，用黑色画笔(不透明度为100%)涂抹除五官以外的面部皮肤,涂错的地方用白色画笔修复，效果如图5.31所示。(2)切换到“标准编辑模式”，执行“选择”菜单下的“反向”命令，将选出来的面部皮肤作为选区，按Ctrl+J键复制为新的“图层1”，复制后的图层内容显示如图5.32所示。71 71第5章 Photoshop图层图5.31 用“快速蒙版编辑模式”涂抹面部皮肤 图5.32 新图层中的面部皮肤 7272第5章 Photoshop图层(3)隐藏人物素材背景层，选择“图层1”为当前图层，选择“滤镜”菜单下“模糊”

26、下的“高斯模糊”命令，模糊像素为3个像素。(4)选择“图像”菜单下“调整”下的“曲线”命令，将肤色提亮。(5)显示人物素材背景图层，将调整后的图层1与背景层合并，美白后的人物图像如图5.33所示。7373第5章 Photoshop图层(6)选择“矩形选框工具”，设置羽化值为5，框选整个人物作为选区。(7)打开风景素材图像，用“移动工具”将人物选区拖入风景图像文件，成为新的“图层1”，如图5.34所示。7474第5章 Photoshop图层图5.33 美白后的人物图像 图5.34 人物图像直接拖入背景效果 7575第5章 Photoshop图层(8)选择人物所在的“图层1”，单击图层面板下方的“

27、添加图层蒙版”按钮，给人物添加蒙版。(9)选择黑色画笔，涂抹人物周围多余的背景。为了使其边缘柔和，人物和底层背景结合处可以降低画笔的不透明度来涂抹，制造隐约的效果。最终合成效果如图5.35所示。7676第5章 Photoshop图层图5.35 最终合成效果图7777第5章 Photoshop图层例3 通过图层叠加制造德罗斯特效应。操作步骤如下：(1)打开素材图像，如图5.36所示。(2)选择“磁性套索工具”，设置羽化值为0，选择左侧手指部分，然后单击属性栏中的“添加到选区”选项，再用“磁性套索工具”选择右侧手指部分，最终选区如图5.37所示。按Ctrl+J键将其复制为新图层，更名为“手指”。7

28、878第5章 Photoshop图层 图5.36 素材图像 图5.37 建立“手指”选区 7979第5章 Photoshop图层(3)按鼠标左键将“背景”拖放到图层面板下方的“创建新图层”按钮上，将背景图层复制，生成“背景副本”图层。(4)选择“背景副本”图层，将不透明度调整为50%，按Ctrl+T键变换其大小与“背景”图层中的黑色屏幕相同，再将不透明度恢复为100%。8080第5章 Photoshop图层(5)按Ctrl键单击“手指”及“背景副本”图层将其选中，单击图层面板下方的“链接图层”按钮，将两个图层链接。(6)将链接后的两个图层选中，拖动到“创建新图层”按钮上，复制出两个新的图层“手

29、指副本”和“背景副本2”。81 81第5章 Photoshop图层(7)选择“背景副本2”，将不透明度调整为50%，按Ctrl+T键变换其大小与“背景副本”图层中的黑色屏幕相同，再将不透明度恢复为100%，此时“手指副本”图层大小也会自动调整到和“背景副本”中的手指部分完全重合。8282第5章 Photoshop图层(8)重复第(6)、(7)步，创建图层“手指副本2”和“背景副本3”，以此类推，直到屏幕变得很小，创建一种递归的图像形式。最终制作的德罗斯特效应图像及其图层面板分别如图5.38和图5.39所示。8383第5章 Photoshop图层 图5.38 德罗斯特效应图像 图5.39 德罗斯

30、特效应图层面板 8484第5章 Photoshop图层 5.5 操操 作作 练练 习习练习1 利用素材图像足球、地球及球场制作世界杯宣传画，效果如图5.40所示，将合成作品存储为“图层1.JPG”。8585第5章 Photoshop图层图5.40 足球世界杯宣传画8686第5章 Photoshop图层练习2 利用素材图像背景及飞鹰合成如图5.41所示的效果：雄鹰翱翔，并在水中产生倒影，将合成作品存储为“图层混合.JPG”。图5.41 图层混合效果图8787第5章 Photoshop图层练习3 在地板素材图像上，使用“自定形状工具”绘制两个脚印形状，图层样式设置为“枕状浮雕”、“柔光”模式，参数值自定，并添加文字“一步一个脚印”，放置在图像右边竖排，如图5.42所示。最后完成作品存储为“图层样式.JPG”。8888第5章 Photoshop图层图5.42 图层样式效果图8989第5章 Photoshop图层练习4 利用图层蒙版和画笔工具制作如图5.43所示的图像效果，最终结果以文件名“图层蒙版.JPG”保存。图5.43 图层蒙版效果图