第6章 Flash中的遮罩和滤镜
使用Flash制作遮罩动画
实验8.2使用Adobe Flash Professional制作遮罩动画。
【实验目的】1、掌握图层的概念，遮罩层的设置。
2、掌握元件的使用和补间动画的创建。
3、掌握遮罩动画的制作流程。
【实验环境】Window7+Photoshop+Adobe Flash Professional【实验内容】1、在Flash动画中，遮罩动画一类最常见的动画效果，我们常常看到的许多眩目神奇的动画效果，而其中不少就是用最简单的遮罩完成的，如探照灯、万花筒、百页窗、放大镜……等等，比如下图所示望远镜动画。
2、本实验利用Adobe Flash Professional来完成这样一个望远镜动画。
通过本实验，实验者能掌握Flash动画的基本制作原理，了解相关的场景、图层、遮罩、关键帧、元件等概念。
【实验指导】一、用Photoshop创建动画所用素材,一幅为清晰的图片，一幅为该图片的模糊化，模糊化的方法如下所述。
1、用Photoshop 打开一幅花朵丰富的图片，如下图所示。
2、在菜单栏中选择“滤镜”->“模糊”->“镜头模糊”3、在弹出“镜头模糊”窗口中设置“半径”变大，让图片看起来模糊，设置完成后单击“确定”按钮，图片如下所示。
4、在菜单栏中选择“文件”->“存储为”，打开“存储为”窗口，给文件命名“模糊郁金香”，选择“格式(F):”为“JPEG(*.JPG;*.JPEG;*.JPE)”后单击“保存”按钮。
在弹出的“JPEG选项”窗口中将图像品质设为“最佳”，然后单击“确定”按钮。
二、用Adobe Flash Professional创建望远镜动画。
1、启动Adobe Flash Professional，选择“创建”->“ActionScript3.0”后，界面如下所示。
2、在菜单栏中选择“文件”->“导入”->“导入到库”，3、选择刚才的制作的素材“模糊郁金香.jpg”,然后单击“打开”按钮，实现对该幅图片的导入到库。
《flash遮罩层的运用》教学与探讨
《flash遮罩层的运用》教学与探讨Flash中的遮罩层是一种非常重要的功能，它可以用来创建各种特效效果和动画。
在本文中，我们将探讨Flash中遮罩层的运用，并提供一些教学和示例。
遮罩层是指一个对象或者图形，用来遮挡另一个对象的一部分或全部。
在Flash中，我们可以使用任何形状或图像来创建遮罩层，使其覆盖在需要遮挡的对象上方。
首先，我们来了解一下Flash中遮罩层的基本用法。
假设我们有一个矩形的背景图像，并且我们想要在其上方显示一个圆形的遮罩层。
首先，我们需要创建一个新的图层，并将其命名为"Mask"。
然后，我们在该图层上绘制一个圆形，并将其填充颜色设置为纯白色。
接下来，我们将背景图像放置在该图层下方，并将其命名为"Background"。
最后，我们将"Background"图层设置为"Mask"图层的遮罩。
这样，我们就成功创建了一个圆形的遮罩层，并将其应用于背景图像。
遮罩层提供了一种非常便捷的方法来创建各种特效和动画。
例如，我们可以使用遮罩层来实现渐变淡入淡出的效果，甚至可以通过移动遮罩层来创建平滑过渡的动画。
此外，我们还可以在遮罩层上绘制多个图形，从而实现多重遮罩效果，使我们可以创造出更加复杂的动画和特效。
下面，我们将通过一个具体的示例来进一步说明遮罩层的运用。
假设我们想要创建一个渐变淡出的动画效果，我们可以按照以下步骤进行操作：1. 创建一个新的图层，并将其命名为"Mask"。
2.在该图层上绘制一个矩形，并将其填充颜色设置为纯白色。
3. 在"Mask"图层上选择一个渐变工具，将渐变颜色设置为透明到白色的渐变。
4. 将"Mask"图层上的矩形调整为适当的位置和大小，以覆盖需要淡出的对象。
5. 在需要淡出的对象的图层上，将图像放置在"Mask"图层上面。
怎么用flash制作遮罩动画
怎么用flash制作遮罩动画
Flash 制作遮罩动画主要的流程如下：
1.新建一个新的Flash影片。
打开新的Flash影片，添加您想要制作
的图像。
可以选择引入图像或者是从外部程序中粘贴图像，把它们导入到
你的Flash项目中。
2.添加遮罩层，让每个图像可以看到您想要它们显示的内容。
在“图层”面板的第一个（最底部的）图层上放置一个矩形形状，以分隔其余的
每个图像。
3.将遮罩层设置为遮罩层。
点击程序菜单中的“视图”，然后切换到“遮罩层”视图。
点击遮罩层上的图标，将它变成遮罩层。
4.添加动画。
您可以使用帧动画或者形状动画，将遮罩层的位置移动
到另一侧，使得每个图像显示出您想要它们显示的内容。
帧动画可以用键
帧来让您移动遮罩层，而形状动画则让您通过调整图形参数来移动遮罩层。
5.调整动画。
通过调整动画的速度来调整遮罩层移动的速度。
您可以
在“时间轴”面板上选择每一个动画帧的时间，以调整动画的速度。
6.将动画导出到Flash。
在您的Flash项目完成之后，您可以将它导
出到Flash，以便于播放和共享。
在“文件”菜单中选择“导出”，然后
选择“Flash Movie”，将动画保存到Flash文件中。
详细讲解Flash制作动画基础知识：遮罩
详细讲解Flash制作动画基础知识：遮罩1、遮罩的原理？遮罩层好比黑夜中的一支手电筒，照在哪儿（指被遮罩层）哪儿就显现。
第一步：创建两个图层，命名，一个是遮罩层，一个是被遮罩层；第二步：在被遮罩层图层输入文字“闪吧，我的最爱”；第三步：在遮罩层随便画一个形状，例如一个圆；第四步：此步最关键。
点击遮罩层图层，右键选择“遮罩层”，如图1（1）2、让遮罩层运动起来，就象探照灯一样的效果第一步：把上面的圆转换为图形元件；第二步：在第15帧处插入关键帧，选中元件，把它放在场景的最右端，在两帧之间右键选择“创建补间动画”，选中第1帧，右键选择“复制帧”，在第30帧处粘贴帧，在第15帧和第30帧处右键选择“创建补间动画”；第三步：把被遮罩层的帧延长到第30处；3、让遮罩层随鼠标移动而移动第一步：选中问题1的遮罩层，右键选择“遮罩层”，去掉前面的勾，此时取消了遮罩；选中圆，右键选择“转换为元件”，在弹出的对话框中选择“影片剪辑”，在主场景中给它个实例名mask_mc。
第二步：选中被遮罩层上的文字，同样转换为影片剪辑元件，实例名为_mc第三步：新建图层，名为“动作”，选中第一帧，写如下代码：_mc.setMask(mask_mc);//设置_mc被mask_mc遮罩mask_mc.onEnterFrame = function() {//mask_mc在运行每一帧时执行函数this._x = _xmouse;this._y = _ymouse;//mask_mc的坐标等于鼠标的坐标};4、让遮罩层随鼠标移动有缓冲的效果把问题3的第三步代码改为：_mc.setMask(mask_mc);var speed:Number = 5;//申明变量mask_mc.onEnterFrame = function() {this._x += (_xmouse-this._x)/speed;//让遮罩层缓冲运动this._y += (_ymouse-this._y)/speed;};5、让遮罩层沿着引导层上的任意路径运动[要点]把遮罩先做成沿引导层上路径运动的影片剪辑，再把该影片剪辑设为遮罩层[步骤]第一步：创建图形元件，名称为“圆”，画一个圆。
信息技术Flash的遮罩动画课件
小结
制作遮罩动画之前一定要思路清晰，想好哪 部分内容应放在遮罩层，哪部分内容应放在被遮 罩层，否则得不到预想的效果。需要注意的是， 刚才制作的遮罩动画是在遮罩层上创建动作补间 动画，同学也可以在被遮罩层中制作出动态效果， 来实现遮罩动画的效果。
遮罩动画
[例6-9] 制作一个动画，使其中的文字能在 运动中改变颜色。
[解] 根据题意，可以先制作一个运动文字 层作为遮罩层（mask），另外再制作一 个被遮罩层（masked），在其中导入一 幅背景画作为运动中文字的颜色。
遮罩动画
操作步骤如下： ⑴ 单击Main工具栏中的New按钮。 ⑵ 制作运动文字层，并取名为Text： 将图层重命名为Text；
本例中的遮罩动画是将矩形所在层作为遮 罩层，画卷所在层作为被遮罩层，通过矩 形的伸展，将其下方的画卷逐渐显示出来。
遮罩动画的组成
遮罩动画由遮罩层和被遮罩层组成。遮罩层用 于放置遮罩的形状（与颜色无关），如上例中的矩 形。被遮罩层用于放置要显示的图像，如画卷。
遮罩层的建立方法
将普通图层转换为遮罩层的方法有两种：
遮罩层简介
遮罩动画通过遮罩层创建。遮罩层是一种特 殊的图层，使用遮罩层后，遮罩层下面的被遮罩 层中的内容就像透过一个窗口显示出来一样，这 个窗口的形状即为遮罩层中的内容形状。当在遮 罩层中绘制对象时，这些对象具有透明效果，可 以显示出图形位置的背景。
遮罩动画
遮罩层的作用： 可以透过遮罩层内的图形看到其下面图层的内容，
1.菜单命令转换:在要转换为遮罩层的图层上单击鼠标 右键，从弹出的快捷菜单中选择【遮罩层】命令，即
可将该图层转换为遮罩层，并与其下层图层建立链接 关系。
2. 使用【图层属性】对话框:
flash遮罩动画的使用技巧
flash遮罩动画的使用技巧
flash遮罩动画的使用技巧
遮罩在flash里面的应用非常广，很多漂亮的动画都是用遮罩做出来的，比如“打光效果”，“瀑布效果”，“探照灯效果”等等，而这一节又是很多初学比较难以理解的。
下面给大家介绍flash遮罩动画的`使用技巧，欢迎阅读!
flash遮罩动画的使用技巧
01遮罩由两部分组成，包括遮罩层与被遮罩层。
02被遮罩层只显示在遮罩层有东西的地方。
比如被遮罩层是副风景，遮罩层是一只手，那么做出来的效果显示的是外形为手的风景。
而遮罩层的东西是不显示的，所以他的颜色是什么一点关系都没有。
03做动画可以在遮罩层也可以在被遮罩层，这需要我们灵活运用。
04遮罩层只能是一个图层，而被遮罩层可以是好多个层，当我们需要遮罩层的动画比较复杂的时候，这个时候一个图层做不来，把动画做到一个影片剪辑里面去。
注意是影片剪辑而不是图形。
05线不能做遮罩，所以如果是线画出来的形状，先把线转换为填充，点击修改-形状-把线条转换为填充。
06文字要做遮罩先要把他打散为形状。
Ctrl+B连续按两次。
07遮罩边缘没有模糊效果，它都是非常清晰的轮廓，如果需要模糊在被遮罩层最上面夹一个模糊的形状。
08设备字体不能被遮罩，如果需要用代码来实现，mc.setMask(z)注：Mc是被遮罩层的影片剪辑，Z是遮罩层的影片剪辑
09有的时候遮罩层有好多个形状，做出来的效果只有一部分有效，尝试把所有形状剪切再重新复制一下。
下载全文。
“FLASH动画制作——遮罩效果”教学设计
“FLASH动画制作——遮罩效果”教学设计教学目标：通过本节课的学习，学生能够了解和掌握遮罩效果在FLASH动画制作中的应用，能够使用遮罩效果制作简单的动画效果。
教学重点：遮罩效果的基本概念和应用方法。
教学难点：如何根据需求选择不同的遮罩对象和遮罩层。
教学准备：计算机、FLASH软件。
教学过程：一、导入1.引导学生回顾前几节课学习内容：FLASH动画的基本操作和动画效果的制作。
2.引出本节课的新内容：“FLASH动画制作中的遮罩效果”。
二、概念讲解1.老师向学生解释遮罩效果的基本概念：“遮罩效果是指通过一个对象的区域来显示另一个对象的内容。
”2.老师用图示向学生说明遮罩效果的原理和应用方法。
三、案例分析1.老师给学生展示一个使用遮罩效果制作的FLASH动画案例。
2.老师引导学生观察案例中的遮罩对象和遮罩层，并让学生分析遮罩效果的实现方法和效果。
四、实操操作1.老师指导学生打开FLASH软件并新建一个动画文件。
2.老师向学生讲解如何选择遮罩对象和遮罩层。
3.老师指导学生通过实操操作制作一个简单的遮罩效果动画。
五、总结1.老师向学生总结本节课学习的内容：“在FLASH动画制作中，使用遮罩效果可以实现一些特殊的动画效果。
”2.老师询问学生对遮罩效果的学习体会和理解。
3.老师回顾本节课的教学重点和难点。
六、作业布置1.老师布置作业：要求学生自主制作一个包含遮罩效果的FLASH动画，并提交作业报告。
2.老师提醒学生可以通过查阅相关资料、参考案例和多次实操练习来完成作业。
教学延伸：1.学生可以进一步学习更复杂的遮罩效果制作方法和实例。
2.学生可以学习如何使用动态文本框、音频等元素结合遮罩效果创作更有趣的FLASH动画。
教学反思：在本节课的教学中，我通过案例分析和实操操作的方式，引导学生理解和掌握了遮罩效果在FLASH动画制作中的应用方法。
同时，我也鼓励学生通过自主学习和实践来进一步提升动画制作的能力。
八年级教案--Flash中的遮罩效果
Flash中的遮罩效果教案课题：Flash中的遮罩效果教学目标：【知识与技能】：学会遮罩图层的建立和遮罩效果的实现方法；理解遮照层与被遮照层之间的关系；【过程与方法】：利用遮照制作动画的基本方法；学会分析他人的Flash作品并学习其中使用的技术、技巧；【情感态度与价值观】：培养学生的自主学习、互相协作、分析问题的能力和创新精神，培养学生的审美观念，尽而培养学生终生学习的能力。
教学重点：掌握利用遮罩层创建动画的方法。
教学难点：理解遮罩层的概念，理解遮照与被遮照层之间的关系，灵活运用本课知识制作出相类似的动画。
教学方法：讲解与演示法；任务驱动法；自主探究法教学准备：多媒体教学课件教师引入：先展示通过前一阶段的学习后部分学生的优秀Flash作品。
引出本节课的主题：如何利用Flash中的遮罩效果制作更完美的动画效果。
教学过程：目标一：简单的Flash遮罩效果动画的实现1、教师演示范例1“文字遮罩”的制作过程，并介绍“遮罩层”与“被遮层”的概念、引入“遮罩”的原理。
原理：遮罩是flash基本动画之一，并且它的效果最漂亮。
其基本原理就是用一层遮住另外一层，产生特殊的效果，它类似于Photoshop和fireworks中的遮罩。
要产生遮罩，至少要有两层，上层盖下层，上层决定看到的形状，下层决定看到的内容。
2、提出问题：在刚才的动画中，如果改变两层的顺序，再利用“遮罩”效果，制作出的动画会有什么改变？3、学生动手制作。
目标二：“探照灯”实例演示制作1、教师演示范例1“探照灯”的制作过程先导入一幅图，放入场景中心，将此层做为被遮罩层。
接着新建一图层，在图层中输入文字"三原县职教中心"，设置好字体字号，然后在新建的图层上右击选择"遮罩"。
试试改文字的颜色、透明度等色彩效果，看对遮罩有无影响。
（实验证明：遮罩层仅仅改造遮罩效果的形状，遮罩层的颜色不会对遮罩效果产生任何影响）。
2、提出问题：在刚才的动画中，如果改变两层的顺序，再利用“遮罩”效果，制作出的动画会有什么改变？总结：本节课的内容是讲解如何利用Flash中的遮罩来制作动画。
FLASH中遮罩层的运用
第八节FLASH中遮罩层的运用利用Flash提供的遮罩图层，可以按遮罩图层的画面形状来选取背景。
通过设置遮罩层或图层的动画，我们可以制作丰富的动画效果。
作为遮罩层，我们可以直接当作小动画来做，也可以创建一个“图形”类组件，在组件中完成遮罩效果，然后在场景中应用该组件获得动画效果。
一、怎么制作文字笔划里的背景移动的动画？分析：创建一个图形组件，导入一幅图片，图片放置在场景的一侧，再在场景的另一侧创建一关键帧，将图片移动到另一侧，设置两者之间的补间动画。
另建一图片，输入文字，设置文字属性后，让其遮罩图片。
再建好的组件拖入场景中，任务完成。
动手实践：1、在“图层1”中执行“文件”→“导入”命令，在“图片收藏”文件夹中选中“sunset”文件，单击“确定”。
2、将导入的图片定位至元件中心右侧(100,0)处。
3、在“图层1”的60帧位置创建关键帧，并将图片定位到元件中心左侧(-100，0)处。
4、创建1-60帧之间补间动画。
5、点击新建图层标志，得到一新图层--“图层2”。
选中“图层2”。
6、选择“文本工具”，输入文字“背景移动文字”，设置字体，字号，并设置文字中心点为(0，0)。
7、右击“图层2”，单击快捷菜单中的“遮罩层”。
10、单击影片窗口左上角的“场景1”按钮，执行“窗口”→“图库”命令，将图库中的组件拖入到场景中，并在第40帧的位置，执行插入“帧”。
11、播放动画影片。
12、保存动画文件，名字为“背景移动的文字”。
想一想？如果“图层1”中的背景图片不动，而设置“图层2”的文字移动，将又得会什么效果？二、制作探照灯效果文字分析：创建一个组件，为体现制作效果，应将场景背景设为黑色。
在“图层一”中输入文字：探照灯效果文字，设置好文字属性。
新建一“图层二”，画一椭圆表示光照区域，先移动至文字一侧。
在后面50帧位置插入关键帧，将椭圆移动至文字另一侧。
设置两帧之间的补间动画。
将元件插入到场景中。
动手实践：1、新建一个动画文件，将它的宽置于为400px，高设置为200px。
Flash中的遮罩效果教案
Flash中的遮罩效果教案一、教学目标1. 让学生了解遮罩效果的概念及其在Flash动画中的应用。
2. 培养学生运用Flash软件制作遮罩动画的能力。
3. 提高学生对Flash动画制作的兴趣和创作意识。
二、教学内容1. 遮罩效果的概念及原理2. Flash中创建遮罩的方法3. 遮罩动画的制作流程4. 遮罩效果在实际动画中的应用案例三、教学重点与难点1. 教学重点：遮罩效果的概念、创建遮罩的方法、制作遮罩动画的流程。
2. 教学难点：遮罩动画的制作技巧、灵活运用遮罩效果。
四、教学准备1. 教师准备：Flash软件、教学素材、投影仪。
2. 学生准备：安装Flash软件、准备学习笔记。
五、教学过程1. 导入新课教师通过一个简单的遮罩动画实例，引发学生对遮罩效果的好奇心，激发学习兴趣。
2. 讲解遮罩效果的概念及原理教师详细讲解遮罩效果的定义、原理和应用场景，让学生明白遮罩效果在Flash动画中的重要性。
3. 演示创建遮罩的方法教师通过Flash软件演示创建遮罩的步骤，让学生跟随操作，掌握遮罩的创建方法。
4. 制作遮罩动画教师引导学生动手制作一个简单的遮罩动画，过程中解答学生的问题，确保每位学生都能掌握制作技巧。
5. 练习与创作学生根据所学内容，自行创作一个遮罩动画，教师巡回指导，提出改进意见。
6. 展示与评价学生展示自己的作品，相互评价，教师总结本次课程的学习成果。
7. 课后作业教师布置课后作业，要求学生运用所学知识，制作一个具有创意的遮罩动画。
8. 课堂小结教师总结本节课的学习内容，强调遮罩效果在Flash动画制作中的应用价值。
9. 课后反思教师反思教学过程，针对学生的掌握情况，调整教学方法，为下一节课做好准备。
六、教学拓展1. 教师介绍遮罩效果在实际动画中的应用案例，如：广告、动画短片、教学视频等，让学生了解遮罩效果在实际工作中的重要性。
2. 引导学生探讨遮罩效果的优点和不足，以及如何克服不足，发挥遮罩效果的最大优势。
实验6 利用Flash制作遮罩动画
实验六利用Flash制作遮罩动画实验目的1．理解遮罩动画的制作原理。
2．学会创建、设计遮罩动画。
实验学时2学时实验原理1．遮罩动画的概念（1）什么是遮罩遮罩，顾名思义就是遮挡住下面的对象。
在Flash中，遮罩动画是通过“遮罩层”来达到有选择地显示位于其下方的“被遮罩层”中的内容，在一个遮罩动画中，“遮罩层”只有一个，“被遮罩层”可以有任意个。
（2）遮罩有什么用“遮罩”主要有2种用途，一个作用是用在整个场景或一个特定区域，使场景外的对象或特定区域外的对象不可见；另一个作用是用来遮罩住某一元件的一部分，从而实现一些特殊的效果。
2．创建遮罩的方法（1）创建遮罩在Flash中没有一个专门的按钮来创建遮罩层，遮罩层其实是由普通图层转化的。
只要在某个图层上单击右键，在弹出菜单中把“遮罩”前打个勾，该图层就会生成遮罩层，“层图标”就会从普通层图标变为遮罩层图标，系统会自动把遮罩层下面的一层关联为“被遮罩层”,如果想关联更多层被遮罩，只要把这些层拖到被遮罩层下面就行了。
（2）构成遮罩和被遮罩层的元素遮罩层中的图形对象在播放时是看不到的，遮罩层中的内容可以是按钮、影片剪辑、图形、位图、文字等，但不能使用线条，如果一定要用线条，可以将线条转化为“填充”。
被遮罩层中的对象只能透过遮罩层中的对象被看到。
在被遮罩层，可以使用按钮、影片剪辑、图形、位图、文字、线条等。
实验内容与步骤遮罩动画的制作实例1：探照灯效果（1）新建文档，文档属性设置为默认。
（2）选中“图层1”的第1帧，用文字工具输入文字“遮罩动画”，设置文字的字体、字号和颜色，并在第25帧处插入普通帧。
（3）在“图层1”上新建“图层2”，选中“图层2”的第1帧，使用椭圆工具绘制一个无笔触色的椭圆，使用Ctrl+G组合后将椭圆放置在“遮”字上。
此时绘制的椭圆便是用作遮罩的物体，填充色选择为任何一种颜色都行，因为在最终的影片中遮罩层的内容是看不见的；同时，椭圆的高度最低要与文字的高度保持一致，因为只有这样在影片播放时文字才能完全显示。
2019第6节Flash遮罩层动画
什么是flash遮罩层 判断哪个是遮罩层，哪个被遮罩层的
Page 2
遮罩就像是黑暗 中的一束光.光 照到的地方就是 亮的，而没有被 照到的部分就是 暗的。
Page 3
被遮罩层
遮罩层
4
☼ 在Flash动画中，“遮罩”主要有
2种用途：
一个作用是用在整个场景或一个
特定区域，使场景外的对象或特 定区域外的对象不可见；
中只有一帧）
Page 7
实例：彩色字幕
要点： 1. 在图层1上绘制一个大矩
形，略小于文档尺寸， 设置彩虹渐变。 2. 在图层2上键入大段文字。 使文字从下向上移动。 3. 把图层2设置为遮罩层。
Page 8
另一个作用是用来遮罩住某一元
件的一部分，从而实现一些特殊 的效果。
5
作品一：卷轴一
作品二：放大镜 作品三：探照灯
Page 6
实例：遮罩文字—背景变换
要点： 1. 新建一个影片剪辑元件，里面放入循环展示ቤተ መጻሕፍቲ ባይዱ
的图片。把这个元件放入图层1的第一帧中。 2.图层2的第一帧中，写入文字。设置为遮罩层。 3.在时间轴的最后一帧上设置为stop.（在本例
flash模糊遮罩的制作图解
把刚才做的元件拖到舞台，调整圆的大小形状，盖在人物上，并在底下的框里打上zz。
在下面滤镜处点出“模糊”，用拉杆拉到95—100即可，如果模糊还不够，点下面的高级，可以降低数值，拉到60即可。
再与做图层1的做法一样，在图层3的第1帧及120帧和240帧处都各插入一个关键帧。并且在两段中间创建补间动画，然后在120帧处把圆缩小。
因为我用的不是透明图片背景也显示出来了然后打开那个人物元件1点击元件1再双击上面的人物元件返回元件面板后点上面的修改将图片分离然后用橡皮仔细将人物边缘的背景
先看看效果吧：
下面是图解：
你打开软件后，根据你的要求设置动画大小和底色。
然后导入一张图片做背景图，可以直接导入到舞台，也可以导入到库，再从库中拉到舞台。
再添加一个图层4，打开动作面板，在第1帧处把模糊遮罩代码ds.setMask(zz);复制粘贴进去。
全部做好后，测试影片，看看效果怎么样。
因为我用的不是透明图片，背景也显示出来了，然后打开那个人物元件1，点击元件1，再双击上面的人物元件，返回元件面板后，点上面的修改，将图片分离，然后用橡皮仔细将人物边缘的背景擦掉。
再测试影片，如果满意了，就可以导出影片了。
和尚于2013-03-07编辑
如果你导入后的图片与你设置的大小不一，可通过上面的安钮对齐，匹配。
然后在图层1的第1帧及120帧和240帧处都各插入一个关键帧。帧数越多动作越慢，反之越快。并且在两段中间创建补间动画。
在120帧处将图片稍微放大一点，再对齐居中。目的是让背景有点动感，所以图片不能放的太大哦。
再添加一个图层，导入一张人像图片，也拉到舞台，调整图片大小和位置。调好后，点下图片，转换为元件，这很关键，然后在下面属性里打上ds，再在下面的框里打上勾。
FLASH遮罩动画说课课件
教学目标
情感目标
能力目标
知识目标
培养学生合作
精神和自主探
培养学生的自
究的习惯
主学习能力与
理解遮罩动
实践能力
画的原理，
掌握遮罩动
画的应用 5
教学重难点
重点
1、弄清遮罩层和 被遮罩层的关系
2、掌握遮罩动画 的两种效果
教学重点 教学难点
难点
1、理解遮罩动 画原理 2、掌握遮罩动 画的应用
6
二、说教学策略
1、针对学生特点，充分利用多媒体手段，优
化教学环节, 突出教学重点。给学生自由想像和发 挥的空间，引导他们积极探究，自主的学习。通过 分析作品，理清遮罩动画的结构和制作步骤，以增 强他们学习的信心。
本课用“创设情境”，来激发学生兴趣。用 “任务驱动”、“小组讨论”等方法来引导学生发 现问题、总结规律。
2、分组互展互评学习，不仅体现了分层次教学，而 且也让学生们感受到“我能行”，增强了学生学习科学的信 息。
不足：驾驭课堂的能力有待提高
15
谢谢！
16
谢谢！
13
遮罩动画的应用^
通过前面对两种遮罩效果的学习 和实践，来进行综合实践练习。教师 演示“挑战任务.fla”的制作过程，然 后让学生完成自己的制作。
14
教学反思：
优点： 1、充分考虑了学生学情，设计一个比较好的情境引
入来激发学生好奇心和求知欲，在兴趣的引导下主动获取知 识，变“要我学”为“我要学”。
7
2、学生采用分层任务驱动法、自主探究学 习等方法，在整个教学中，学生也是由浅入深、 循序渐进，围绕知识点展开，通过自主式和合 作式学习，最后达到对知识的理解和能力的提 高。
8
Flash中的遮罩效果教案
Flash中的遮罩效果教案章节一：Flash遮罩效果概述1.1 教学目标让学生了解Flash遮罩效果的概念和作用让学生掌握遮罩效果的基本原理1.2 教学内容遮罩效果的定义遮罩效果的作用遮罩效果的基本原理1.3 教学步骤引入遮罩效果的概念讲解遮罩效果的作用介绍遮罩效果的基本原理章节二：创建遮罩层2.1 教学目标让学生掌握创建遮罩层的方法让学生了解遮罩层的属性设置2.2 教学内容创建遮罩层的方法遮罩层的属性设置2.3 教学步骤演示创建遮罩层的方法让学生动手实践，设置遮罩层的属性章节三：使用遮罩动画3.1 教学目标让学生掌握使用遮罩动画的方法让学生了解遮罩动画的原理3.2 教学内容使用遮罩动画的方法遮罩动画的原理3.3 教学步骤演示使用遮罩动画的方法讲解遮罩动画的原理让学生动手实践，制作遮罩动画章节四：遮罩效果的进阶应用4.1 教学目标让学生了解遮罩效果的进阶应用让学生掌握遮罩效果的技巧4.2 教学内容遮罩效果的进阶应用遮罩效果的技巧4.3 教学步骤介绍遮罩效果的进阶应用让学生动手实践，应用遮罩效果的技巧章节五：综合实例——制作动态遮罩效果5.1 教学目标让学生掌握制作动态遮罩效果的方法让学生了解动态遮罩效果的应用场景5.2 教学内容制作动态遮罩效果的方法动态遮罩效果的应用场景5.3 教学步骤演示制作动态遮罩效果的方法讲解动态遮罩效果的应用场景让学生动手实践，制作动态遮罩效果Flash中的遮罩效果教案章节六：遮罩效果与滤镜的应用6.1 教学目标让学生了解遮罩效果与滤镜的结合应用让学生掌握滤镜在遮罩效果中的设置方法6.2 教学内容遮罩效果与滤镜的结合应用滤镜在遮罩效果中的设置方法6.3 教学步骤讲解滤镜在遮罩效果中的设置方法让学生动手实践，为遮罩效果添加滤镜章节七：遮罩效果与动作Script的结合7.1 教学目标让学生了解遮罩效果与动作Script的结合应用让学生掌握使用动作Script控制遮罩效果的方法7.2 教学内容遮罩效果与动作Script的结合应用使用动作Script控制遮罩效果的方法7.3 教学步骤介绍遮罩效果与动作Script的结合应用讲解使用动作Script控制遮罩效果的方法让学生动手实践，编写动作Script控制遮罩效果章节八：遮罩效果在实战中的应用8.1 教学目标让学生了解遮罩效果在实战中的应用让学生掌握遮罩效果在实战中的技巧8.2 教学内容遮罩效果在实战中的应用遮罩效果在实战中的技巧8.3 教学步骤讲解遮罩效果在实战中的技巧让学生动手实践，应用遮罩效果在实战中章节九：遮罩效果与其他动画技术的结合9.1 教学目标让学生了解遮罩效果与其他动画技术的结合应用让学生掌握遮罩效果与其他动画技术的融合方法9.2 教学内容遮罩效果与其他动画技术的结合应用遮罩效果与其他动画技术的融合方法9.3 教学步骤介绍遮罩效果与其他动画技术的结合应用讲解遮罩效果与其他动画技术的融合方法让学生动手实践，结合遮罩效果与其他动画技术章节十：遮罩效果作品欣赏与分析10.1 教学目标让学生了解遮罩效果作品的欣赏方法让学生掌握遮罩效果作品的分析技巧10.2 教学内容遮罩效果作品的欣赏方法遮罩效果作品的分析技巧10.3 教学步骤介绍遮罩效果作品的欣赏方法讲解遮罩效果作品的分析技巧让学生动手实践，欣赏并分析遮罩效果作品Flash中的遮罩效果教案章节十一：遮罩效果的优化与性能考虑11.1 教学目标让学生了解遮罩效果的优化方法让学生掌握遮罩效果性能的考虑因素11.2 教学内容遮罩效果的优化方法遮罩效果性能的考虑因素11.3 教学步骤介绍遮罩效果的优化方法讲解遮罩效果性能的考虑因素让学生动手实践，优化遮罩效果章节十二：遮罩效果与色彩运用12.1 教学目标让学生了解遮罩效果与色彩运用的关系让学生掌握色彩运用对遮罩效果的影响12.2 教学内容遮罩效果与色彩运用的关系色彩运用对遮罩效果的影响介绍遮罩效果与色彩运用的关系讲解色彩运用对遮罩效果的影响让学生动手实践，运用色彩创作遮罩效果章节十三：遮罩效果与文本的应用13.1 教学目标让学生了解遮罩效果与文本的结合应用让学生掌握文本在遮罩效果中的设置方法13.2 教学内容遮罩效果与文本的结合应用文本在遮罩效果中的设置方法13.3 教学步骤介绍遮罩效果与文本的结合应用讲解文本在遮罩效果中的设置方法让学生动手实践，为遮罩效果添加文本章节十四：遮罩效果在游戏开发中的应用14.1 教学目标让学生了解遮罩效果在游戏开发中的应用让学生掌握遮罩效果在游戏开发中的实现方法14.2 教学内容遮罩效果在游戏开发中的应用遮罩效果在游戏开发中的实现方法介绍遮罩效果在游戏开发中的应用讲解遮罩效果在游戏开发中的实现方法让学生动手实践，将遮罩效果应用于游戏开发章节十五：课程总结与拓展学习15.1 教学目标让学生总结本课程所学内容让学生了解遮罩效果的拓展学习资源15.2 教学内容本课程内容的总结遮罩效果的拓展学习资源15.3 教学步骤引导学生总结本课程所学内容介绍遮罩效果的拓展学习资源鼓励学生进行拓展学习重点和难点解析本文主要介绍了Flash中遮罩效果的各个方面，包括遮罩效果的基本概念、创建遮罩层的方法、使用遮罩动画、遮罩效果的进阶应用、综合实例制作、遮罩效果与滤镜的应用、遮罩效果与动作Script的结合、遮罩效果在实战中的应用、遮罩效果与其他动画技术的结合、遮罩效果作品欣赏与分析、遮罩效果的优化与性能考虑、遮罩效果与色彩运用、遮罩效果与文本的应用、遮罩效果在游戏开发中的应用以及课程总结与拓展学习。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
左图是“投影”滤镜，右图是”模糊“滤镜。
“发光”滤镜可以使元件产生发光的效果，相当于Photoshop中的“外发光”和 “内发光”的图层样式效果。发光的柔和度可以在“模糊X”和“模糊Y”两个参数 中调整，除了强度、品质和颜色之外，还可以将其设置为“挖空”或“内发光”的 效果，如左图所示。 “斜角”滤镜前面已经介绍过，除了一般参数外，还可以将其类型设置为“内 侧”、“外侧”和“全部”三种，如右图所示。 其他三种滤镜的使用方法大同小异，就不在这里进行一一的介绍了。
练习题：
打开配套光盘中提供的“06-04-设定图.jpg”，这是一个次世代角色的设定稿， 按照该图，在Flash中按照本章所介绍的滤镜配合遮罩进行绘制的方法，对该角色进 行绘制，绘制完成的最终效果应该如下图所示。
“滤镜”卷轴栏下面一共有6个按钮，分别是“添加滤镜”、“预设”、“粘 贴板”、“启用或禁用滤镜”、“重置滤镜”、“删除滤镜”。
“添加滤镜”按钮会弹出来一个浮动菜单，除了会有各个滤镜以外，最上面还 会有“删除全部”、“启用全部”、“禁用全部”三个按钮，分别可以删除全部滤 镜，启用全部滤镜，禁用全部滤镜。 “预设”按钮点击以后，也会弹出浮动菜单，其中“另存为”可以将当前所有 使用的滤镜及其参数保存为一个“预设”，再次使用的时候可以直接使用该预设， 就会显示出所有使用的滤镜及其参数，不用再重新调整了。另外的“重命名”和 “删除”按钮，可以对预设进行重新命名或者删除的操作。 “粘贴板”可以“复制所选”的滤镜效果，或者“复制全部”的滤镜效果，复 制以后，可以点击“粘贴”按钮进行粘贴。 “启用或禁用滤镜”按钮，可以使被选择的滤镜隐藏效果或显示效果。 “重置滤镜”按钮，可以对被选择滤镜的所有参数全部还原默认值。 “删除滤镜”按钮，可以将被选择的滤镜效果彻底删除掉。
6.3、使用遮罩与滤镜相结合的方式绘制角色实例——小男孩
如下图这种效果，右侧的这种过渡非常柔和，又有一些纹理的角色效果，如果 按照正常的绘制方法，在Flash中是极难实现的。而现在借助遮罩和滤镜中的一些效 果，就可以比较轻松的实现这种效果。 本实例的制作过程请参考本书，最终效果如下图。
6.4、复杂角色绘制实例——九头龙
6.2.2、滤镜的种类
在Flash中，滤镜有“投影”、“模糊”、“发光”、“斜角”、“渐变发光”、 “渐变斜角”、“调整颜色”7种。 “投影”滤镜中，可以调节“模糊X”和“模糊Y”两个值，使阴影效果更加柔 和，这两个参数无论调哪一个，另一个也会变为相同的数值；“强度”值可以调整 阴影的浓度；如果觉得阴影不够细腻，可以将“品质”设置为高；阴影的角度可以 在“角度”一栏中调整；“距离”可以调整阴影和物体之间的距离值；还可以在 “颜色”一栏中改变阴影的色彩，如左图所示。 “模糊”滤镜中，可以调节“模糊X”和“模糊Y”两个值使物体的模糊程度发 生变化，也同样可以在“品质”中调节模糊的质量，如右图所示。
6.2.1、滤镜的使用方法
在舞台当中绘制一个色块，选中并按下F8，将它转换为“影片剪辑”元件类型， 如左图所示。 选中该元件，打轴栏，点 击该卷轴栏最左下角的“添加滤镜”按钮，会弹出包含各种滤镜的浮动菜单，如右 图所示。
点击“添加滤镜”菜单中的“斜角”滤镜，会看到舞台中的元件已经添加了 Photoshop中的“斜角和浮雕”的图层样式效果，如左图所示。 添加后，“滤镜”面板中会出现该滤镜的各项参数，可以对参数进行调整，会 看到舞台中的滤镜效果也发生着相应的改变，如右图所示。
6.1、遮罩的定义及其使用方法
遮罩是隐藏或显示图层区域的技术，顾名思义，就是遮挡住下面图层中的对象。 遮罩在Flash中是以图层的形式存在的。在前面的第4章图层部分曾经介绍过， 图层有5种不同的图层类型，分别是一般、遮罩层、被遮罩、文件夹、引导层。其中 遮罩层和被遮罩层就是本章要重点学习的类型。 通俗点讲，遮罩就是通过“遮罩层”来达到有选择的显示位于其下方的“被遮 罩层”中的内容的技术。
如果希望在现有的基础上添加新的滤镜效果，可以继续按照刚才的步骤，给元 件添加滤镜，例如现在再添加一个“模糊”滤镜效果，可以看到，两个滤镜效果进 行了融合，如左图所示。 在Flash中，可以对同一个元件添加多个不同的滤镜效果，且这些滤镜效果都会 自动进行融合。 滤镜卷轴栏下方的右侧，有一个垃圾桶的小图标，这是“删除滤镜”的按钮， 选中某滤镜效果，再点击垃圾桶按钮，可以对该滤镜效果进行删除，如右图所示。
本实例的制作过程请参考本书，最终效果如下图。
本章小结：
本章针对Flash当中的遮罩和滤镜，对一些复杂的绘制方法进行了深入的讲解。 需要指出的是，这种绘制方法一般情况下只适合于静态图像的绘制，并不适合制作 动画，因为这种方法绘制出来的角色光影效果会比较细腻，一旦动起来，很多地方 无法进行准确的对位，所以会对动画效果产生错误的效果。 但是使用这样的绘制方法可以绘制出非常精细的图像，可能有人会觉得使用 Photoshop之类的位图软件绘制会更快一些，但是使用Flash绘制可以得到矢量的图， 在一些商业领域内会有较大的优势，因此这种绘制方法可以有选择的进行使用。 本章的目的是使读者对Flash中的遮罩和滤镜更加熟练的操作，因为在后面制作 动画的时候，还会有不同的遮罩动画和滤镜动画效果，能够使动画的效果更加出色。
本实例的制作过程请参考本书，最终效果如下图。
6.2、Flash中的滤镜
使用过Adobe Photoshop软件的用户，都会对那一系列五花八门的滤镜留下深刻 的印象。而这些功能在Flash中也部分的存在。 但在Flash中，仅有“影片剪辑”和“按钮”这两个元件类型以及文本能够直接 使用滤镜功能，而“图形”元件、组等其他单位是不能使用滤镜的，如果必须使用， 则需要将它们转换为“影片剪辑”或“按钮”的元件类型。
通常，“遮罩层”可以对其下的任意个“被遮罩层”进行遮挡和显示。 接下来将通过一个实例来介绍下遮罩的使用方法。 新建一个Flash文件，在属性大小中调整文件大小为800×600像素。执行菜单的 “文件”→“导入”→“导入到舞台”命令（或者按下键盘的Ctrl+R的组合键）， 将配套光盘中“源文件”文件夹中的“06-01-相框素材.jpg”文件导入到舞台中央。