FLASH8 遮罩效果动画制作步骤

电脑技术 flash遮罩动画制作电脑资料有很多朋友问我，遮罩动画怎么制作，下面我就来详细说一下：创立遮罩层选择或创立一个图层，其中包含出现在遮罩中的对象，选择“插入”>“时间轴”>“图层”，以在其上创立一个新图层。

遮罩层总是遮住其下方紧贴着它的图层；因此请在正确的位置创立遮罩层。

在遮罩层上放置填充形状、文字或元件的实例。

Flash 会忽略遮罩层中的位图、渐变、透明度、颜色和线条样式。

在遮罩中的任何填充区域都是完全透明的；而任何非填充区域都是不透明的。

右键单击 (Windows) 或按住 Control 单击 (Macintosh) 时间轴中的遮罩层名称，然后选择“遮罩”。

将出现一个遮罩层图标，表示该层为遮罩层。

紧贴它下面的图层将链接到遮罩层，其内容会透过遮罩上的填充区域显示出来。

被遮罩的图层的名称将以缩进形式显示，其图标将更改为一个被遮罩的图层的图标。

假设要在 Flash 中显示遮罩效果，请锁定遮罩层和被遮住的图层。

创立遮罩层后遮住其它的图层请执行以下操作之一：将现有的图层直接拖到遮罩层下面。

在遮罩层下面的任何地方创立一个新图层。

选择“修改”>“时间轴”>“图层属性”，然后选择“被遮罩”。

断开图层和遮罩层的链接选择要断开链接的图层，然后执行以下操作之一：将图层拖到遮罩层的上面，选择“修改”>“时间轴”>“图层属性”，然后选择“正常”。

使遮罩层上的填充形状、类型对象或图形元件实例动起来选择时间轴中的遮罩层。

假设要解除对遮罩层的锁定，请单击“锁定”列。

请执行以下操作之一：如果遮罩对象为填充形状，请对该对象应用补间形状。

如果遮罩对象是类型对象或图形元件实例，请对该对象应用补间动画。

完成了动画操作后，请单击遮罩层的“锁定”列，再次锁定该图层。

让遮罩层上的影片剪辑动起来选择时间轴中的遮罩层。

假设要就地影片剪辑并显示该影片剪辑的时间轴，请在舞台上双击该影片剪辑。

对该影片剪辑应用补间动画。

项目八遮罩动画在Flash作品中，常常可以看到很多眩目神奇的效果，而其中不少就是用“遮罩”动画完成的，如水波、万花筒、百叶窗、放大镜等动画效果。

那么，“遮罩”动画如何能产生这些特效呢？在此我们除了给大家介绍“遮罩”动画的基本知识外，还要结合实际范例讲解“遮罩”动画的制作方法和技巧。

任务一遮罩动画的制作方法遮罩动画的原理是，在舞台前增加一个类似于电影镜头的对象。

这个对象不仅仅局限于圆形，可以是任意形状。

将来导出的影片，只显示电影镜头“拍摄”出来的对象，其他不在电影镜头区域内的舞台对象不再显示。

遮罩效果的获得一般需要两个图层，这两个图层是被遮罩的图层和指定遮罩区域的遮罩图层。

实际上，遮罩图层是可以应用于多个图层的。

遮罩图层和被遮罩图层只有在锁定状态下，才能够在工作区中显示出遮罩效果。

解除锁定后的图层在工作区中是看不到遮罩效果的。

下面通过具体的操作来讲解遮罩动画的制作方法。

（1）新建一个Flash CS3影片文档，保持文档属性的默认设置。

（2）导入一个外部图像（草原.jpg）到舞台上。

（3）新建一个图层，在这个图层上用“椭圆工具”绘制一个五角星（无边框，任意色）。

我们计划将这个圆当做遮罩动画中的电影镜头对象来用。

现在，影片有两个图层，“图层1”上放置的是导入的图像，“图层2”上放置的是五角星（计划用做电影镜头对象）。

如图1所示。

图1舞台效果（4）下面来定义遮罩动画效果。

右击“图层2”，在弹出的快捷菜单中选择“遮罩层”命令。

图层结构发生了变化。

如2所示。

2遮罩图层结构我们注意观察一下图层和舞台的变化。

“图层1”：图层的图标改变了，从普通图层变成了被遮罩层（被拍摄图层）。

并且图层缩进，图层被自动加锁。

“图层2”：图层的图标改变了，从普通图层变成了遮罩层（放置拍摄镜头的图层）。

并且图层被加锁。

舞台显示也发生了变化。

只显示电影镜头“拍摄”出来的对象，其他不在电影镜头区域内的舞台对象都没有显示。

如3所示。

图3定义遮罩后的舞台效果（6）按下Ctrl+Enter键测试影片，观察动画效果。

flash制作第3课实例《遮罩动画》1.遮罩的运动（图片不动，遮罩运动）一、新建影片新建一个电影文件，导入一张你喜欢的图片,利用任意变形工具使其放大到和舞台一样的大。

二、创建遮罩层1、点插入菜单下的新建元件，性质为图形，利用矩形工具在舞台中央拖一矩形，颜色任意。

2、回到场景，新建图层2，打开窗口菜单下的库，将矩形拖出到舞台中央，利用任意变形工具使其缩小，这时此方形默认在第一帧。

3、在第20帧按f6插入关键帧，调整此矩形到整个舞台。

4、回到图层2的第一帧，在属性面板建立运动动画，并把旋转调为顺时针，次数为15、点（选）中图层2，点鼠标右键，选择遮罩层，此时第一层自动显示为被遮罩图标内缩。

三、测试和保存影片：1、按Ctrl +Enter测试影片2、分别执行“文件/保存”和“文件/导出影片”命令保存和导出影片2. 被遮罩的运动一、新建影片：新建一个电影文件,规格,背景颜色自定.二、创建被遮罩层1、自定图片(图片宽度大于埸景宽度)导入舞台,然后转换为元件。

2、在场景,调整图片高度。

在图层第1帧处，图片右端对齐舞台的最左边，在第200帧处按F6插入关键帧，然后按住Shift，同时利用键盘上的方向键向左移动图片，直到图的左边与舞台的右边对齐。

3、回到第一帧，在帧属性面板建立运动动画。

三、创建遮罩层1、新增加图层2，在舞台正中画一椭圆，高度比图片的上下边各高出一些。

2、点（选）中图层2，点鼠标右键，选择遮罩层，此时第一层自动显示为被遮罩图标内缩。

按Ctrl +Enter测试影片,四、创建背景层1、新建图层3（在图层2 的上边）,导入一与上河图相宜的图片，转化为元件，在属性面板中将背景图的Alpha（透明度）设为20%2、现在为了保证图层1 和2 不被改动，点击图层上的“锁定”标志。

五、测试和保存,导出影片：。

实验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-8-遮罩动画详解及实例Flash 8 遮罩动画详解及实例在Flash8.0的作品中，我们常常看到很多眩目神奇的效果，而其中不少就是用最简单的“遮罩”完成的，如水波、万花筒、百页窗、放大镜、望远镜……等等。

那么，“遮罩”如何能产生这些效果呢？在本节，我们除了给大家介绍“遮罩”的基本知识，还结合我们的实际经验介绍一些“遮罩”的应用技巧，最后，提供二个很实用的范例，以加深对“遮罩”原理的理解。

在Flash8.0中实现“遮罩”效果有二种做法，一种是用补间动画的方法，一种是用actions 指令的方法，在本节中，我们只介绍第一种做法。

1．遮罩动画的概念（1）什么是遮罩“遮罩”，顾名思义就是遮挡住下面的对象。

2在Flash8.0中，“遮罩动画”也确实是通过“遮罩层”来达到有选择地显示位于其下方的“被遮罩层”中的内容的目地，在一个遮罩动画中，“遮罩层”只有一个，“被遮罩层”可以有任意个。

（2）遮罩有什么用在Flash8.0动画中，“遮罩”主要有2种用途，一个作用是用在整个场景或一个特定区域，使场景外的对象或特定区域外的对象不可见，另一个作用是用来遮罩住某一元件的一部分，从而实现一些特殊的效果。

2．创建遮罩的方法（1）创建遮罩在Flash8.0中没有一个专门的按钮来创建遮罩层，遮罩层其实是由普通图层转化的。

你只要在要某个图层上单击右键，在弹出菜单中把“遮罩”前打个勾，该图层就会生成遮罩层，“层图标”就会从普通层图标变为遮罩层图标，系统会自动把遮罩层下面的一层关联为“被遮罩层”,在缩进的同时图标变为，如果你想关联更多层被遮罩，只要3把这些层拖到被遮罩层下面就行了，如图3-5-1所示。

图3-5-1 多层遮罩动画（2）构成遮罩和被遮罩层的元素遮罩层中的图形对象在播放时是看不到的，遮罩层中的内容可以是按钮、影片剪辑、图形、位图、文字等，但不能使用线条，如果一定要用线条，可以将线条转化为“填充”。

被遮罩层中的对象只能透过遮罩层中的对象被看到。

怎么用flash制作遮罩动画
Flash 制作遮罩动画主要的流程如下：
1.新建一个新的Flash影片。

打开新的Flash影片，添加您想要制作
的图像。

可以选择引入图像或者是从外部程序中粘贴图像，把它们导入到
你的Flash项目中。

2.添加遮罩层，让每个图像可以看到您想要它们显示的内容。

在“图层”面板的第一个（最底部的）图层上放置一个矩形形状，以分隔其余的
每个图像。

3.将遮罩层设置为遮罩层。

点击程序菜单中的“视图”，然后切换到“遮罩层”视图。

点击遮罩层上的图标，将它变成遮罩层。

4.添加动画。

您可以使用帧动画或者形状动画，将遮罩层的位置移动
到另一侧，使得每个图像显示出您想要它们显示的内容。

帧动画可以用键
帧来让您移动遮罩层，而形状动画则让您通过调整图形参数来移动遮罩层。

5.调整动画。

通过调整动画的速度来调整遮罩层移动的速度。

您可以
在“时间轴”面板上选择每一个动画帧的时间，以调整动画的速度。

6.将动画导出到Flash。

在您的Flash项目完成之后，您可以将它导
出到Flash，以便于播放和共享。

在“文件”菜单中选择“导出”，然后
选择“Flash Movie”，将动画保存到Flash文件中。

Flash 8 遮罩动画详解及实例在Flash8.0的作品中，我们常常看到很多眩目神奇的效果，而其中不少就是用最简单的“遮罩”完成的，如水波、万花筒、百页窗、放大镜、望远镜……等等。

那么，“遮罩”如何能产生这些效果呢？在本节，我们除了给大家介绍“遮罩”的基本知识，还结合我们的实际经验介绍一些“遮罩”的应用技巧，最后，提供二个很实用的范例，以加深对“遮罩”原理的理解。

在Flash8.0中实现“遮罩”效果有二种做法，一种是用补间动画的方法，一种是用actions指令的方法，在本节中，我们只介绍第一种做法。

1．遮罩动画的概念（1）什么是遮罩“遮罩”，顾名思义就是遮挡住下面的对象。

在Flash8.0中，“遮罩动画”也确实是通过“遮罩层”来达到有选择地显示位于其下方的“被遮罩层”中的内容的目地，在一个遮罩动画中，“遮罩层”只有一个，“被遮罩层”可以有任意个。

（2）遮罩有什么用在Flash8.0动画中，“遮罩”主要有2种用途，一个作用是用在整个场景或一个特定区域，使场景外的对象或特定区域外的对象不可见，另一个作用是用来遮罩住某一元件的一部分，从而实现一些特殊的效果。

2．创建遮罩的方法（1）创建遮罩在Flash8.0中没有一个专门的按钮来创建遮罩层，遮罩层其实是由普通图层转化的。

你只要在要某个图层上单击右键，在弹出菜单中把“遮罩”前打个勾，该图层就会生成遮罩层，“层21图标”就会从普通层图标变为遮罩层图标，系统会自动把遮罩层下面的一层关联为“被遮罩层”,在缩进的同时图标变为，如果你想关联更多层被遮罩，只要把这些层拖到被遮罩层下面就行了，如图3-5-1所示。

图3-5-1 多层遮罩动画（2）构成遮罩和被遮罩层的元素遮罩层中的图形对象在播放时是看不到的，遮罩层中的内容可以是按钮、影片剪辑、图形、位图、文字等，但不能使用线条，如果一定要用线条，可以将线条转化为“填充”。

被遮罩层中的对象只能透过遮罩层中的对象被看到。

在被遮罩层，可以使用按钮，影片剪辑，图形，位图，文字，线条。

Flash遮罩层动画制作教案第一章：Flash遮罩层动画概述1.1 教学目标了解Flash遮罩层动画的概念和作用掌握遮罩层动画的基本原理和制作方法1.2 教学内容Flash遮罩层动画的定义遮罩层动画的应用场景遮罩层动画的制作原理1.3 教学步骤引入遮罩层动画的概念展示遮罩层动画的实际应用案例讲解遮罩层动画的制作原理和步骤1.4 教学练习学生分组讨论遮罩层动画的应用场景学生尝试制作简单的遮罩层动画第二章：Flash遮罩层动画制作工具与环境2.1 教学目标熟悉Flash遮罩层动画制作所需的工具和环境掌握Flash软件的基本操作和界面布局2.2 教学内容Flash软件的安装和启动Flash软件界面布局和基本操作遮罩层动画制作所需的工具和功能2.3 教学步骤讲解Flash软件的安装和启动方法引导学生熟悉Flash软件的界面布局和基本操作介绍遮罩层动画制作所需的工具和功能2.4 教学练习学生自行操作Flash软件，熟悉界面和基本操作学生尝试创建一个新的Flash项目文件第三章：Flash遮罩层动画基本操作3.1 教学目标掌握Flash遮罩层动画的基本操作方法了解遮罩层动画的制作流程3.2 教学内容遮罩层动画的创建和编辑遮罩层与遮罩层内容的交互操作遮罩层动画的播放和调试3.3 教学步骤讲解遮罩层动画的创建和编辑方法演示遮罩层与遮罩层内容的交互操作引导学生进行遮罩层动画的播放和调试3.4 教学练习学生尝试创建和编辑遮罩层动画学生练习遮罩层与遮罩层内容的交互操作第四章：Flash遮罩层动画进阶技巧4.1 教学目标掌握Flash遮罩层动画的进阶技巧提升遮罩层动画的制作水平4.2 教学内容遮罩层动画的动态效果制作遮罩层动画的过渡效果制作遮罩层动画的优化和调试方法4.3 教学步骤讲解遮罩层动画的动态效果制作方法演示遮罩层动画的过渡效果制作技巧引导学生进行遮罩层动画的优化和调试4.4 教学练习学生尝试制作遮罩层动画的动态效果学生练习遮罩层动画的过渡效果制作第五章：Flash遮罩层动画实战案例5.1 教学目标学习并掌握Flash遮罩层动画的实际应用培养学生的实际操作能力和创新思维5.2 教学内容遮罩层动画在实际项目中的应用案例学生自主创作遮罩层动画项目5.3 教学步骤讲解遮罩层动画在实际项目中的应用案例引导学生进行自主创作遮罩层动画项目5.4 教学练习学生分组讨论并展示遮罩层动画项目学生互相评价和提出改进意见第六章：遮罩层动画与音效的结合6.1 教学目标了解音效在Flash遮罩层动画中的作用掌握为遮罩层动画添加和控制音效的方法6.2 教学内容音效的基本概念和分类在Flash中导入音效音效的属性设置和控制遮罩层动画与音效的结合技巧6.3 教学步骤讲解音效的基本概念和分类演示如何在Flash中导入音效引导学生设置和控制音效属性展示遮罩层动画与音效的结合技巧6.4 教学练习学生尝试在遮罩层动画中添加音效学生练习音效的属性设置和控制第七章：遮罩层动画与动作Script的结合7.1 教学目标了解动作Script在Flash遮罩层动画中的作用掌握使用动作Script控制遮罩层动画的方法7.2 教学内容动作Script的基本概念和语法使用动作Script控制遮罩层动画的实例7.3 教学步骤讲解动作Script的基本概念和语法演示使用动作Script控制遮罩层动画的实例7.4 教学练习学生尝试编写简单的动作Script控制遮罩层动画学生练习使用动作Script实现复杂的遮罩层动画效果第八章：遮罩层动画的发布与输出8.1 教学目标掌握Flash遮罩层动画的发布与输出方法了解发布与输出的注意事项8.2 教学内容Flash动画的发布格式输出遮罩层动画的常见格式发布与输出时的注意事项8.3 教学步骤讲解Flash动画的发布格式演示输出遮罩层动画的常见格式引导学生了解发布与输出时的注意事项8.4 教学练习学生尝试发布遮罩层动画学生练习输出遮罩层动画的常见格式第九章：遮罩层动画的综合应用9.1 教学目标培养学生综合运用遮罩层动画的能力提升学生的创新思维和实际操作能力9.2 教学内容遮罩层动画在实际项目中的应用案例分析学生自主创作综合性的遮罩层动画项目9.3 教学步骤分析遮罩层动画在实际项目中的应用案例引导学生进行自主创作综合性的遮罩层动画项目9.4 教学练习学生分组讨论并展示综合性的遮罩层动画项目学生互相评价和提出改进意见10.1 教学目标激发学生对Flash遮罩层动画制作的兴趣和热情10.2 教学内容回顾本节课的主要知识点展望Flash遮罩层动画制作的发展前景10.3 教学步骤引导学生关注Flash遮罩层动画制作的发展趋势10.4 教学练习学生提出对Flash遮罩层动画制作的建议和疑问重点和难点解析：一、Flash遮罩层动画概述补充和说明：遮罩层动画在Flash中的应用场景非常广泛，如导航菜单、动态广告等。

“遮罩动画”的制作步骤：
（一）制作彩条图层
1.新建flash文件，设置舞台大小为600×300像素，背景颜色为深蓝色（#000033）；
2.将图层1改名为“彩条”，在舞台上绘制一个长方形；
3.用“选择工具”选中长方形，将长方形的填充颜色改为彩色过渡效果，如下图；
4.将长方形复制，左右连接，并将长方形左边与舞台左边缘对其，如下图。

5.选中加长的长方形，选择“修改”菜单的“转换为元件”命令，把长方形转换成图形元
件，命名为“彩色长条”；
6.在“彩条”图层的第60个帧格上创建关键帧，选中关键帧，将舞台上的长条向左水平
移动（可用键盘上的方向键控制），直到长条的右边缘和舞台右边缘对齐；
7.创建该图层两个关键帧之间的动作补间如下图。

（二）制作遮罩层
1.新建图层“文字”；
2.在舞台上输入文字“遮罩效果”，字体为楷体，字号大小为120，将文字放在舞台中间，
如下图：
3.用鼠标右键单击“文字”层，选中弹出菜单中的“遮罩层”选项；
4.测试影片。