Dreamweaver-Flash-Fireworks网页制作培训教程第3课.ppt

1、第3课 使用蒙版,本课要点 具体要求 本课导读 上机练习,本课要点,矢量蒙版 位图蒙版,具体要求,掌握用【粘贴为蒙版】命令创建蒙版的方法 掌握用【粘贴于内部】命令创建蒙版的方法 掌握层蒙版的创建方法 熟悉【层】面板,本课导读,蒙版通过遮盖对象的某部分来显示需要的内容。通过蒙版，可以使多个图像混合成一个图像，也可以将图像嵌入另外的图形或文本内，形成纹理效果。,3.1 矢量蒙版,根据蒙版对象的不同，蒙版分为矢量蒙版和位图蒙版两种。矢量蒙版以矢量图形作为蒙版，再将下方的图形或图像放置于矢量图形内部。,3.1 矢量蒙版,3.1.1 知识讲解 3.1.2 典型案例丝雨花展,3.1.1 知识讲解,蒙版可通

2、过【粘贴为蒙版】、【粘贴于内部】和【组合为蒙版】命令来创建，本节中将介绍这3种蒙版创建方法。,3.1.1 知识讲解,1. 粘贴为蒙版 2. 粘贴于内部 3. 组合为蒙版,1. 粘贴为蒙版,利用【粘贴为蒙版】命令创建蒙版的具体操作方法如下： （1）确保蒙版对象与被蒙版对象处于重叠状态，用鼠标选取蒙版对象，再按【Ctrl+X】组合键进行剪切。 （2）选取被蒙版对象，选择【编辑】【粘贴为蒙版】命令，粘贴为蒙版。,1. 粘贴为蒙版,在【层】面板中选择矢量蒙版图标，【属性】面板中将显示蒙版的应用方式。另外，在【属性】面板中还可以编辑蒙版的大小、填充及笔触等。,2. 粘贴于内部,用【粘贴于内部】命令建立蒙

3、版的具体操作如下： （1）确保蒙版对象与被蒙版对象处于重叠状态，选取被蒙版对象，按【Ctrl+X】组合键进行剪切。 （2）选取蒙版对象，再选择【编辑】【粘贴于内部】命令或按【Ctrl+Shift+V】组合键将对象粘贴于蒙版对象内。,3. 组合为蒙版,在组合蒙版中，位于上层的对象为蒙版对象（只能为独立对象或组合对象），下层的对象为被蒙版对象。利用【组合为蒙版】命令建立蒙版的具体操作如下： （1）确保蒙版对象与被蒙版对象处于重叠状态，选取蒙版对象和被蒙版对象。 （2）选择【修改】【蒙版】【组合为蒙版】命令。,3.1.2 典型案例丝雨花展,案例目标 本案例将制作一个花展平面广告，主要练习矢量蒙版的创

4、建，制作出的效果如下图所示。,3.1.2 典型案例丝雨花展,操作思路： （1）用不规则图案和纹理制作出背景的沙地效果。 （2）用组合路径制作苹果外形，应用【粘贴为蒙版】命令使苹果路径中显示背景。 （3）添加鲜花作为装饰，用文本解说图像内容。 操作步骤请老师参照软件讲解,3.1.2 典型案例丝雨花展,案例小结 本案例在制作过程中涉及到了钢笔工具、组合路径、部分选定工具、滤镜以及与蒙版的配合使用等。通过本案例，可掌握矢量蒙版的创建方法。,3.2 位图蒙版,位图蒙版是指用位图作为蒙版来遮盖下层对象。位图蒙版可通过显示或隐藏选区、全部显示或隐藏对象以及用位图工具在层蒙版上绘制来创建。,3.2 位图蒙版

5、,3.2.1 知识讲解 3.2.2 典型案例制作栏目标题,3.2.1 知识讲解,本节将介绍显示与隐藏选区以及用层蒙版方式创建蒙版的方法。,3.2.1 知识讲解,1. 显示与隐藏选区 2. 层蒙版,1. 显示与隐藏选区,显示选区是指在选区范围内创建一个透明蒙版，以显示选区内的图像，隐藏其他部分的图像；隐藏选区是指对选区创建一个不透明的蒙版，即不显示选区内的图像。,2. 层蒙版,在学习层蒙版前，先来认识一下【层】面板。按【F2】键可打开【层】面板。 创建层蒙版的具体操作如下： （1）选取被蒙版对象。 （2）单击【层】面板底部的按钮，将显示一个表示空蒙版的缩略图 。 （3）使用选取框工具或套索工具创

6、建像素选区。 （4）选择位图工具，如刷子、铅笔、油漆桶或渐变工具，绘制或填充区域。,3.2.2 典型案例制作栏目标题,案例目标 本案例将制作一个栏目标题效果图，主要练习使用层蒙版和【粘贴于内部】命令，制作出的效果如下图所示。,3.2.2 典型案例制作栏目标题,操作思路： （1）绘制栏目外框，并应用“竹子”样式作为边框效果。 （2）应用层蒙版，使用位图工具绘制选区，使花朵外围部分隐藏。 （3）利用文本作为蒙版，建立文本蒙版效果，并添加投影。 操作步骤请老师参照软件讲解,3.2.2 典型案例制作栏目标题,案例小结 本案例在制作过程中主要用到了导入文件、【粘贴于内部】命令、层蒙版及位图工具等知识。

7、注意，本案例中用椭圆选取框工具建立的选区是需要显示的内容，因此本例中应用了反选，并隐藏反选区域。除此方法外，还可直接应用【修改】【蒙版】【显示所选】命令实现椭圆选区的显示。,3.3 上机练习,3.3.1 鱼景图 3.3.2 制作水晶镜框,3.3.1 鱼景图,本次练习将制作如下图所示的鱼景图，主要练习组合路径创建蒙版、设置笔触线和应用蒙版等。,3.3.1 鱼景图,操作思路： 设置图像的背景颜色为“#CC0000”，大小为420300像素。 间隔放置大小圆组成边框外观，合并后局部调整大圆，添加笔触效果为点状线。 导入fl03.jpg图像，组合路径创建蒙版，并依次添加内侧发光和投影滤镜。 复制蒙版，并选择【修改】【蒙版】【删除蒙版】命令应用蒙版。 导入“丽江风光.jpg”图像，为应用蒙版后的对象建立选区，再添加选框内所有内容，然后将选区应用于“丽江风光.jpg”图像中，最后反选删除。 添加“鱼景”和“2005丽江”文本于边框上。,3.3.2 制作水晶镜框,本次练习将制作如下图所示的水晶镜框，主要练习使用【粘贴为蒙版】命令创建蒙版，并对第2课讲解的组合路径和滤镜知识进行巩固。,3.3.2 制作水晶镜框,操作思路： 导入fl02.jpg图像，并复制一张作为底图。 通过打孔