今天小编在这给大家整理了讲解Flash制作动画基础知识：遮罩，本文共6篇，我们一起来阅读吧!
篇1：讲解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、某对象的边框一闪而过的效果怎么做？
[效果1]
[效果2]
下面以效果2为例详解其制作过程
第一步：创建三个图层，从上到下名称分别为“边框”、“矩形”、“文字”，
第二步：在“文字”图层上输入文字：“闪吧”，延长帧到第40帧处。
第三步：选中“文字”图层的第一帧复制帧，粘贴帧到“边框”图层的第一帧上；将文字按住Ctrl+B,连按两次把文字打散；选中右侧“工具”栏中的“墨水瓶工具”，在打散的文字边上点击进行描边；在该帧上用鼠标进行点击（即全选该帧上的所有对象），然后把鼠标移到右侧“工具”栏中的“填充色”上点击，再把鼠标移到弹出对话框中的右上角，将填充色设置为无；选中刚才描出的边线，在属性中将其笔触高度设置为1.5。具体设置和效果见图1：
第四步：选中“边线”，选择“修改”→“形状”→“将线条转换为填充”；把帧延长到第40帧处。（此步是关键，不能用线条作遮罩层，应转换为填充）具体设置见图2： 第五步：创建图形元件，在该元件编辑场景中画一个矩形，从上到下进行线形渐变，具体设置见图3；把该元件从库中拉入到主场景中“矩形”图层上的第一帧上，其位置在文字的上方；在第40帧处插入关键帧，把该元件的位置移到文字的下方；在第1帧和第40帧处右键选择“创建补间动画”。第六步：选中“边框”图层，右键选择“遮罩层”。[源文件]
6、如何做出渐变、半透明、羽化遮罩效果？
[渐变效果]
第一步：创建两个图层，从上到下名称分别是“遮罩”、“渐变”。
第二步：在“遮罩”图层中输入文字“闪吧，我的最爱！”。
第三步：在“渐变”图层中画一个矩形，填充渐变色。
第四步：选中“遮罩”图层，右键选择“遮罩层”。
[源文件]
[羽化效果]
第一步：创建两个图层，从上到下名称分别是“遮罩”、“图片”。
第二步：在“图片”图层上导入一张图，并转换为影片剪辑元件，实例名为tp_mc，延长帧到第40帧；在其属性面板中勾选“使用运行时位图缓存”。
第三步：在“遮罩”图层上画一个小圆，转换为影片剪辑元件，实例名为mask_mc；选择属性面板中的“滤镜”里的“模糊”，输入模糊值均为100；在第40帧处插入关键帧，把圆放大；创建补间动画。
第四步：在“动作”图层的第一帧上写代码：
tp_mc.setMask(mask_mc)
[源文件]
半透明遮罩：把你半透明的遮罩层复制到上层即可。
篇2：电脑技术：flash遮罩动画怎么制作
有很多朋友问我，遮罩动画怎么制作，下面我就来详细说一下：
创建遮罩层
选择或创建一个图层，其中包含出现在遮罩中的对象，
选择“插入”>“时间轴”>“图层”，以在其上创建一个新图层。 遮罩层总是遮住其下方紧贴着它的图层；因此请在正确的位置创建遮罩层。
在遮罩层上放置填充形状、文字或元件的实例。 Flash 会忽略遮罩层中的位图、渐变、透明度、颜色和线条样式。 在遮罩中的任何填充区域都是完全透明的；而任何非填充区域都是不透明的。
右键单击 (Windows) 或按住 Control 单击 (Macintosh) 时间轴中的遮罩层名称，然后选择“遮罩”。 将出现一个遮罩层图标，表示该层为遮罩层。 紧贴它下面的图层将链接到遮罩层，其内容会透过遮罩上的填充区域显示出来。 被遮罩的图层的名称将以缩进形式显示，其图标将更改为一个被遮罩的图层的图标。
若要在 Flash 中显示遮罩效果，请锁定遮罩层和被遮住的图层。
创建遮罩层后遮住其它的图层
请执行下列操作之一：
将现有的图层直接拖到遮罩层下面。
在遮罩层下面的任何地方创建一个新图层。
选择“修改”>“时间轴”>“图层属性”，然后选择“被遮罩”。
断开图层和遮罩层的链接
选择要断开链接的图层，然后执行下列操作之一：
将图层拖到遮罩层的上面，
选择“修改”>“时间轴”>“图层属性”，然后选择“正常”。
使遮罩层上的填充形状、类型对象或图形元件实例动起来
选择时间轴中的遮罩层。
若要解除对遮罩层的锁定，请单击“锁定”列。
请执行下列操作之一：
如果遮罩对象为填充形状，请对该对象应用补间形状。
如果遮罩对象是类型对象或图形元件实例，请对该对象应用补间动画。
完成了动画操作后，请单击遮罩层的“锁定”列，再次锁定该图层。
让遮罩层上的影片剪辑动起来
选择时间轴中的遮罩层。
若要就地编辑影片剪辑并显示该影片剪辑的时间轴，请在舞台上双击该影片剪辑。
对该影片剪辑应用补间动画。
完成动画过程后，单击“返回”按钮返回文档编辑模式。
若要再次锁定该图层，请单击该遮罩层的“锁定”列。
下面再贴一个flash视频：
篇3：Flash遮罩动画的制作与应用
摘 要：Flash软件是一个应用广泛的二维动画制作软件，本文从二维动画的技术表现入手，阐述了Flash动画的重要技术之一——遮罩层动画的技术实现及其在各种动画作品中的应用，对遮罩动画的设计与应用具有一定的指导意义。
关键词：Flash;二维动画;遮罩
0 前言
目前，Flash是由Adobe公司发行的一款专门用于制作二维动画的软件，是当前最优秀、应用最广泛的矢量动画设计软件，主要应用于网页广告、交互式游戏、二维动画、教育等领域，由于其文件体积小、易于传播的特点，得到了广泛的应用。
虽然，由于html5技术的冲击，其市场地位备受争议，但其所能实现的细腻的动画细节仍然吸引了广大用户。
而Flash的作品中绝大大多数都应用了遮罩动画技术，本文就此对flash动画中的遮罩技术的制作与应用进行探讨。
1 遮罩动画技术简介
Flash动画的主要技术包括：动画补间、形状补间、引导层、时间轴特效、遮罩层等，其中遮罩动画是一种应用很广泛的动画类型，很多效果丰富的动画都是通过遮罩来完成，如闪光、水波、万花筒、百叶窗、放大镜、望远镜……等等，常见于广告、游戏、动画电影电视特效等领域。
遮罩动画技术的效果实现一般来讲需要三层，自下至上分别为：背景层、被遮罩层、遮罩层。
背景层指没有遮罩效果时的展示;被遮罩层是指被遮罩的东西，也是透过遮罩形状能看见的东西;遮罩层指展示所要表现出来的形状，即可见的形状。
在遮罩动画的制作过程中，只要清楚这三层的作用，就能快速的实现所要的动画特效。
2 遮罩动画的技术实现
遮罩层动画的实现至少需要遮罩层和被遮罩层两层，单独使用遮罩层来制作动画，效果单一乏味，可与Flash的其他动画技术充分结合，以发挥遮罩动画的强大功能效果。
(1)遮罩层与动画补间动画的结合。
动画补间动画一般用于制作位置移动、缩放、旋转、色彩变化等动画效果。
在遮罩动画的制作过程中，可以分别在遮罩层或被遮罩层应用动画补间动画，以实现各种动画效果。
让遮罩层的形状元件移动，可以做探照灯效果;让遮罩层的形状元件缩小或放大，可以制作出卷轴、放大镜、动画片中的镜头转换特效、图像转换等效果。
(2)遮罩层与形状动画补间的结合。
形状动画补间动画一般用于制作不规则形状变化的.动画效果，其特点是形状变化是随机生成的、不可控的。
形状动画补间动画与遮罩技术结合，作为遮罩层，让遮罩层的形状做不规则形状变化，可以让图像的展现以随意的方式渐渐显现，轻松实现优美的动画特效。
(3)遮罩层与时间轴特效的结合。
时间轴特效中的分散式直接复制和复制到网格可以按需要复制出所需数目的影片剪辑元件实例，并按照制作者的设置进行位置排列。
在利用遮罩技术制作的图像转换的动画效果中，可以制作出单个变化的小形状，如一个会滚动放大的方块、一个会移动放大或缩小的圆形等，然后利用分散式直接复制在纵向(或横向)复制出一行(或一列)，且设置好偏移起始帧，做出逐步出现的动画效果。
再次利用分散式直接复制在横向(或纵向)复制出多列(或多行)，以布满画面为最低标准，从而实现层次丰富的图像转换动画效果。
(4)遮罩层与ActionScript的结合。
ActionScript是Flash制作交互式动画的根本技术。
ActionScript中的setMask方法可以根据开发者的需要灵活设置遮罩层，无时间空间限制。
利用setMask()来实现遮罩层设置，可以制作出放大镜、可移动探照灯、模糊遮罩等效果，使得动画更显人性化。
篇4：Flash遮罩动画的制作与应用
【摘 要】Flash动画中图层包括普通层、引导层、遮罩层等。
每种图层都有其特点和优势，而遮罩层作为特殊图层能够产生许多特殊效果。
这里从Flash基本知识点，遮罩的原理、使用技巧及实例入手，介绍遮罩动画的应用，带大家一起感受遮罩动画的魅力。
【关键词】flash 遮罩动画 遮罩层 被遮罩层
篇5：Flash遮罩动画的制作与应用
遮罩动画设计与应用的首要原则是动画流畅性。
无论创作者要要表现多么复杂的动画效果，最终在动画作品中都要给参与者留下一个印象，动画的播放国产是流畅的，镜头、图像的转换是自然的，整体上没有突兀感。
其次要考虑受众的人群特征，遵循趣味性原则。
Flash 动画的受众大部分都是经常上网的人群，根据中国互联网络中心 年 7月发布的第 32 次《中国互联网络发展状况统计报告》，上网人群中超过一半的人的年龄是分布在18至30岁之间。
统计数字表明，网络受众主要是年轻的和受过良好教育的人群，这个群体年轻、个性张扬、崇尚自由、自主性强、重视内心的感受和个人体验、乐于接受新事物，是伴随卡通动漫成长的一代，因此动画的设计要充分体现娱乐性原则。
遮罩动画的设计与应用还要保持动画作品的艺术性。
Flash 动画是艺术和技术紧密结合的产物，强有力的技术手段是遮罩动画实现的保证，但是创作者的意图必须通过艺术化的图形设计才能得到充分的表达。
4 小结
综上所述，遮罩层动画是一个操作简单、变幻无穷的动画技术，熟练掌握该技术的应用，并结合动画制作者的艺术素养，灵活利用于各种flash动画作品中，可以实现丰富的动画特效，使动画作品具有强烈的吸引力和视觉冲击。
参考文献：
[1] 潘彪.巧用flash遮罩动画制作各种精美动画[J].电脑知识与技术，(36).
[2] 蔡鹏，钱钰，等.Flash 动画在网页制作中的应用及相关探讨[J].电子技术与软件工程，2013(19).
[3] 王继军.《二维动画设计》课程教学方法改革探索与实践[J].教育教学论坛，2013(41).
[4] 丛波.浅谈Flash动画设计中遮罩动画实例的设计[J].科技创新与应用，2013(25).
[5] 白英德，杜颖玮.《Flash遮罩动画》教学设计[J].中国信息技术教育，2010(05).
[6] 袁媛，庞霏，王旭.浅谈Flash动画设计[J].才智，(14).
篇6：flash遮罩动画教学设计
flash遮罩动画教学设计
教材分析：
本节课所采用教材是教育科学出版社的《多媒体技术应用·选修》，遮罩层动画的制作是第四章第三节Flash动画制作中的内容。本章主要介绍Flash的基本功能，掌握组件的创建和使用方法。掌握平移动画、变形动画、遮罩动画以及交互动画的创建方法。遮罩动画是Flash中比较常用的一种特殊动画效果，能制作出许多其他动画实现不了的特效，如放大镜、水波纹、百叶窗、淡入淡出等。
教学目标：
1、学会遮罩动画的制作，熟练掌握多图层关联操作。
2、理解并正确运用图层控制方法。
3、培养学生的爱国情感。
教学重点：
理解遮罩图层的含义，掌握被遮罩图层与遮罩图层的关联。
教学难点：
正确识别关联图层间的位置关系。
教学对象分析：
对能否理解遮罩与被遮罩层的关系，这是教学难点所在。根据学生好强、好竞争、爱表现自己的特点，在课堂上多组织小组竞赛和学生作品展示，让他们充分在同学中展示自己的才华，从而实现教学目的。
设计思想：
采用案例、情境、启发式教学法。采取了由浅入深、循序渐进的教学策略，以播放作品提出问题→Flash动画的几种形式→引入新知识（遮罩图层）→剖析新知识（遮罩图层的含义）→新知识运用→知识综合（创作动画作品）为流程。运用“引──激──拓”的'课堂教学模式，激活学生创作思维，培养学生热爱祖国的情感。
教学方法：
任务驱动法与操作实践法。
教学准备：
1、天寓多媒体网络教室。
2、背景素材图片，毛主席诗词原文，演示源文件“沁园春·雪、fla”。
教学过程：
一、创设问题情境，任务驱动
下面请同学们先来浏览几个flash动画，分析这几个动画包含了哪些已学过的知识点。提出问题：这几个动画有什么共同的效果？展示遮罩典型的实例：水波、万花筒、百叶窗、聚光灯，等等。
二、激发探究热情，自主实践
1、概念引入，揭示课题。
首先我在红板（遮罩层）上挖一个洞，把它放在蓝板（被遮罩层）之上，随着红板的移动，大家可以观察到的一个蓝色圆洞在移动，这说明我们是透过红板上的这个洞看到下面内容的。这个洞（元件）是透光区，所在层为遮罩层。不在遮罩层的图层就像被一张不透明的纸遮住似得，看不到下面图层中的内容。而在遮罩层中的图片或文字，就像是在这张纸上开的孔，透过它就可以看到下面图层中的内容，这就是遮罩动画的原理。
2、动画演示，理解原理。
讲授完概念，我们就用实例来验证刚才所讲的原理。教师演示范例“探照灯”的制作过程，并要求学生看书上所示步骤和我一起完成，通过屏幕广播的演示，我们师生同步操作，边讲边做，这样可以让学生主动地参与进来。同时再次介绍“遮罩层”与“被遮罩层”的概念、引入“遮罩”的原理。
3、师生互动，创作动画。
（1）新建一个文件，取名为“探照灯动画”，设置舞台的长为400，高为100，背景颜色为黑色。
（2）给图层命名为“文字层”，用文本工具输入“冀州中学欢迎您！”，把文字设为96磅，隶书、蓝色。
（3）在第20帧按F5键插入帧。（此过程教师可适时点拨）
（教师演示，讲授新课——制作文字的遮罩效果）
（4）新增加一个图层，取名为遮罩层。
（5）在遮罩层第1帧画一个无边线的圆（利用椭圆工具，借助shift键画圆），圆的颜色可填充为彩色，并将其转换为元件；创建动画，把圆拖到左侧第一个字上，在第20帧插入关键帧，把圆拖到右侧最后一个字上。
（6）在图层面板的遮罩层单击鼠标右键──遮罩，一个探照灯动画就完成了。
（7）按Ctrl+Enter键测试影片。看到圆下面的蓝色字。
（学生操作，教师指导——学生接着完成自己上面的操作，完成遮罩动画）
4、设置悬念，巩固知识。
如果我们想要看到彩色的字，而不改变元件的颜色该怎么做呢？
学生探究：让学生有充分的思维空间，并尝试动手实践。
设计意图：根据学生的认知规律，知识由浅到深的重新建构，难点容易突破，在教师的引导下，把遮罩的简单制作与图层的互换效果全部领会。
5、欣赏作品，激发创作热情。
A、给学生欣赏《沁园春·雪》的动画作品，并将准备的图片素材和毛主席诗词分发给学生。
B、学生开始分组进行主题动画的创作（老师指导）。
设计意图：（1）树立学生对祖国山河的责任感。（2）培养学生的团队合作精神，促进同学之间的友好。（3）激发学生的创新能力和想象力。
三、积极评价引导，拓展创新
1、展示成果，评价交流。
选出两组学生作品进行展示、讲评，并给予肯定和鼓励。
（1）通过作品的展示给学生以成就感。
（2）在点评过程中，教师应充分肯定每组作品的优点及特点，激发学生的创作热情。针对出现的问题，分析并引导学生自行解决问题。通过对作品的讲评肯定学生的创意和制作，激励学生不断学习的求知欲望。
2、积极引导，拓展思维。
（1）展示较为复杂的遮罩动画实例。
让学生思考百叶窗效果，制作者是如何完成的呢？
（2）在这个环节中，教师充当了引领者、协助者，而学生把主体性、主动性充分发挥，符合学生的发散性思维，引导并鼓励学生进行研究性学习。在突破了教学难点的同时也锻炼了他们的动手与探究能力，培养了学生的创新与协作精神。
3、归纳总结，内化经验。
本节课的内容是讲解如何利用Flash中的遮罩来制作动画。通过这节课的学习，同学要掌握以下的几个概念：
（1）要产生遮罩，至少要有两层：遮罩层和被遮罩层。
（2）遮罩层决定看到的形状，被遮罩层决定看到的内容。即用遮罩层的可显示区域来显示被遮罩层的内容。
四、布置作业，内容引深
上网搜索信纸、笔的图片素材，并用学过的Photoshop知识把笔的图片处理好，利用遮罩动画，给受洪水侵害的灾区人民写一封信。
教学反思：
这节课采用任务驱动方法让学生就什么是遮罩图层、遮罩图层的建立和遮罩效果的实现这一问题自觉地、主动地进行探索学习，在完成任务的同时，也完成了教学目标。
通过学习，绝大部分同学都可以准确地、快速地完成动画的制作，但有个别同学对“遮罩”概念的理解仍模糊不清，以后要注重这方面的培养。
文档为doc格式
