使用Flash制作遮罩动画
《Flash遮罩动画》教学课件
《Flash遮罩动画》教学课
件
• 遮罩动画简介 • Flash遮罩动画制作基础 • 遮罩动画的进阶技巧 • 实例展示与解析 • 学生作品展示与点评 • 总结与展望
目录
CONTENTS
01
遮罩动画简介
BIG DATA EMPOWERS TO CREATE A NEW
遮罩动画能够提高观众的视觉体验， 增强信息传递的效果，对于数字媒体 从业人员来说，掌握遮罩动画技术是 非常必要的。
随着数字媒体技术的不断发展，遮罩 动画的应用领域越来越广泛，如网页 设计、广告制作、教育演示等。
未来发展的趋势和展望
随着数字媒体技术的不断创新，遮罩动画将会有更加丰富的表现形式和 更加广泛的应用领域。
ERA
文字渐显渐隐效果
总结词
文字渐显渐隐效果是遮罩动画中常见的一种，通过遮罩层的 移动或形状变化，使被遮罩层的内容逐渐显示或消失。
详细描述
在Flash中，我们可以创建一个遮罩层，然后在遮罩层上添加 关键帧动画，使遮罩层在运动过程中逐渐显示或隐藏被遮罩 层的内容，从而实现文字的渐显渐隐效果。
图片切换效果
特点：色彩丰富，动态效果逼真，将遮罩的动态与海底的静态完美结合，形成强烈的视觉冲 击。
学生作品展示
作品3
穿越时空门
描述
利用遮罩动画制作出一扇神奇的时空门，通过门的开合展现出不同 的场景，如古代的城堡、未来的城市等。
特点
创意新颖，将多个场景融合在一个作品中，展现出丰富的想象力与 创造力。
教师点评与建议
运动路径应用
可以在遮罩层上应用运动路径，使 遮罩形状产生动态效果。通过调整 运动路径的属性，可以实现多种有 趣的遮罩动画效果。
FLASH遮罩动画原理及应用
FLASH遮罩动画原理及应用
原理：
1.创建一个遮罩图层：在FLASH中，可以使用矢量图形、位图或动画
作为遮罩图层。
2.将要被遮罩的内容放在遮罩图层的下方。
3.将遮罩图层和被遮罩的内容放在同一个图层上。
4.将遮罩图层设置为“遮罩”模式。
应用：
1.文字效果：可以使用遮罩动画来显示文字的逐渐出现或消失的效果。
通过设置遮罩图层的位置、大小和透明度等属性，可以实现文字的渐变、
闪烁或旋转等特效。
2.图片切换：可以将多个图片放在同一图层中，然后使用遮罩动画来
逐渐显示出其中的一些部分。
这样就可以实现图片的切换效果，例如幻灯
片的切换或图片的旋转。
3.淡入淡出效果：可以使用遮罩动画来实现物体的逐渐显现和消失的
效果。
通过调整遮罩图层的透明度，可以使得被遮罩的内容在动画过程中
逐渐变得透明或不透明。
4.部分显示效果：可以使用遮罩动画来实现只显示物体的部分区域。
通过设置遮罩图层的形状和位置，可以使得被遮罩的内容只显示在一些特
定的区域内。
优点：
1.灵活性：遮罩动画可以实现各种各样的动画效果，可以根据需要随时调整遮罩图层的位置、形状和透明度等属性，以获得更好的视觉效果。
2.节省资源：由于只需要在同一个图层中放置遮罩图层和被遮罩的内容，所以相比其他动画效果，遮罩动画可以节省一些图层和对象的使用，从而减少文件大小和处理资源的消耗。
缺点：
2.浏览器兼容性：由于FLASH的兼容性问题，遮罩动画在一些移动设备和一些浏览器中可能无法正常显示，对于跨平台和跨浏览器的应用来说存在一些限制。
总结：。
flash制作第3课实例 遮罩动画
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 不被改动，点击图层上的“锁定”标志。
五、测试和保存,导出影片：。
FLASH遮罩动画教学设计
FLASH遮罩动画教学设计FLASH（动画制作软件）是一种矢量动画制作工具，可以用来制作各种类型的动画效果，包括遮罩动画。
遮罩动画是一种利用遮罩图层和遮罩对象来实现的动画效果，通过遮罩图层指定的区域来显示或隐藏对象，从而产生动画效果。
本篇教学设计将介绍如何使用FLASH制作一个简单的遮罩动画效果。
一、教学目标1.了解遮罩动画的基本概念和原理。
2.掌握使用FLASH制作遮罩动画的方法。
3.能够运用所学知识制作一个简单的遮罩动画。
二、教学步骤1.遮罩动画的概念和原理介绍（200字）遮罩动画是一种动画效果，通过使用遮罩图层和遮罩对象来实现。
遮罩图层指定一个区域，只有在该区域内的对象才能被显示出来，而在区域外的对象则被隐藏。
通过改变遮罩图层的位置、形状或大小，可以产生各种不同的动画效果。
2.遮罩动画的制作步骤介绍（300字）a. 创建一个新的Flash文档，并导入需要使用的素材。
b.在舞台上放置两个对象，一个作为遮罩图层，另一个作为被遮罩对象。
c.将遮罩图层放在被遮罩对象的上方，并锁定位置。
d.选择遮罩图层，在属性面板上点击“遮罩”选项，将其设置为遮罩图层。
e.在时间轴上选择帧，点击右键，选择“创建遮罩动画”。
g.播放动画，观察遮罩效果。
3.制作一个简单的遮罩动画（500字）a. 创建一个新的Flash文档，并导入一张背景图片和一个需要遮罩的对象（例如一个文字）。
b.将背景图片放置在舞台上，将文字放置在背景图片上方。
c.将文字转换为一个电影剪辑对象。
d.将电影剪辑对象放在舞台上，并调整位置居中。
e.在舞台上新建两个图层，分别命名为“背景”和“遮罩”。
f.将背景图片放置在“背景”图层上，将文字对象放置在“遮罩”图层上。
g.选择“遮罩”图层，在属性面板上点击“遮罩”选项，将其设置为遮罩图层。
h.选择“遮罩”图层的第1帧，点击右键，选择“创建补间动画”。
j.点击舞台上的播放按钮，观察遮罩动画效果。
4.教学总结和反思（200字）遮罩动画是一种常见的动画效果，使用FLASH可以轻松实现。
Flash遮罩动画教案
Flash遮罩动画教案第一章：Flash遮罩动画概述1.1 教学目标了解Flash遮罩动画的概念掌握遮罩动画的创建方法和应用场景1.2 教学内容Flash遮罩动画的定义遮罩动画的优点和应用场景遮罩动画的基本创建方法1.3 教学步骤引入遮罩动画的概念演示遮罩动画的创建方法让学生尝试创建简单的遮罩动画1.4 课后作业学生自己尝试创建一个简单的遮罩动画第二章：Flash遮罩动画的基本创建方法2.1 教学目标掌握Flash遮罩动画的基本创建方法2.2 教学内容遮罩动画的创建步骤遮罩动画的属性设置2.3 教学步骤介绍遮罩动画的创建步骤讲解遮罩动画的属性设置让学生动手实践，创建一个简单的遮罩动画2.4 课后作业学生自己尝试创建一个具有复杂遮罩效果的动画第三章：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 教学内容遮罩与滤镜效果的基本概念滤镜效果的种类及其对遮罩动画的应用滤镜效果的属性设置和调整6.3 教学步骤介绍遮罩与滤镜效果的基本概念演示如何为遮罩应用滤镜效果讲解滤镜效果的属性设置和调整方法让学生动手实践，为遮罩应用滤镜效果6.4 课后作业学生自己尝试创建一个应用了滤镜效果的遮罩动画第七章：遮罩动画与动态文本7.1 教学目标学习如何在遮罩动画中嵌入动态文本掌握动态文本的属性设置和遮罩动画的结合使用7.2 教学内容动态文本的基本概念动态文本的创建和编辑动态文本与遮罩动画的结合应用7.3 教学步骤介绍动态文本的基本概念和创建方法演示如何在遮罩动画中嵌入动态文本讲解动态文本的属性设置和遮罩动画的结合使用让学生动手实践，创建一个含有动态文本的遮罩动画7.4 课后作业学生自己尝试创建一个含有动态文本的遮罩动画第八章：遮罩动画与按钮交互8.1 教学目标学习如何将遮罩动画与按钮交互结合起来掌握按钮元件的制作和遮罩动画的触发方法8.2 教学内容按钮元件的基本概念和制作方法遮罩动画与按钮交互的实现方式动作脚本的基本编写方法8.3 教学步骤介绍按钮元件的基本概念和制作方法演示如何通过按钮触发遮罩动画讲解动作脚本的基本编写方法让学生动手实践，制作一个触发遮罩动画的按钮8.4 课后作业学生自己尝试制作一个触发遮罩动画的按钮第九章：遮罩动画在商业案例中的应用9.1 教学目标分析遮罩动画在商业案例中的应用学习如何将遮罩动画应用于实际项目中9.2 教学内容遮罩动画的商业应用案例分析实际项目中遮罩动画的应用策略项目实施步骤和注意事项9.3 教学步骤分析遮罩动画的商业应用案例讨论实际项目中遮罩动画的应用策略讲解项目实施步骤和注意事项让学生思考如何将遮罩动画应用于自己的项目9.4 课后作业学生自己思考如何将遮罩动画应用于自己的项目中，并制定一个实施计划第十章：Flash遮罩动画的综合实战10.1 教学目标综合运用所学的遮罩动画知识完成一个完整的遮罩动画项目10.2 教学内容项目需求分析项目设计思路项目实施步骤10.3 教学步骤分析项目需求设计项目思路讲解项目实施步骤让学生动手实践，完成遮罩动画项目10.4 课后作业学生自己完成一个完整的遮罩动画项目第十一章：Flash遮罩动画的性能优化11.1 教学目标学习Flash遮罩动画的性能优化方法提高动画的运行效率和性能11.2 教学内容动画性能的影响因素优化遮罩动画的技巧性能测试和调试方法11.3 教学步骤分析动画性能的影响因素演示优化遮罩动画的技巧讲解性能测试和调试方法让学生动手实践，对遮罩动画进行性能优化11.4 课后作业学生自己尝试对一个遮罩动画进行性能优化第十二章：Flash遮罩动画的发布和输出12.1 教学目标学习Flash遮罩动画的发布和输出方法掌握动画作品的分享和传播技巧12.2 教学内容动画的发布格式和选项输出动画的设置和导出方法动画作品的分享和传播途径12.3 教学步骤介绍动画的发布格式和选项演示输出动画的设置和导出方法讲解动画作品的分享和传播途径让学生动手实践，发布和输出遮罩动画作品12.4 课后作业学生自己尝试发布和输出一个遮罩动画作品第十三章：Flash遮罩动画的创新与拓展13.1 教学目标激发学生的创新思维学习Flash遮罩动画的创新方法和拓展应用13.2 教学内容动画创新的基本原则和方法拓展遮罩动画的应用领域结合其他动画技术和效果13.3 教学步骤探讨动画创新的基本原则和方法展示拓展遮罩动画应用领域的案例介绍结合其他动画技术和效果的方法让学生动手实践，创作创新的遮罩动画作品13.4 课后作业学生自己尝试创作一个创新的遮罩动画作品第十四章：Flash遮罩动画的教学案例分析14.1 教学目标分析Flash遮罩动画的教学案例提高教学效果和学生的学习兴趣14.2 教学内容教学案例的选择和分析方法遮罩动画在教学中的应用策略教学反思和改进方法14.3 教学步骤介绍教学案例的选择和分析方法分析遮罩动画在教学中的应用策略讲解教学反思和改进方法让学生动手实践，结合遮罩动画进行教学活动14.4 课后作业学生自己尝试结合遮罩动画进行教学活动，并总结教学经验第十五章：Flash遮罩动画的未来发展趋势15.1 教学目标了解Flash遮罩动画的未来发展趋势跟上动画技术的发展步伐15.2 教学内容动画技术的发展趋势新兴动画技术的特点和应用Flash遮罩动画在未来的发展前景15.3 教学步骤分析动画技术的发展趋势介绍新兴动画技术的特点和应用探讨Flash遮罩动画在未来的发展前景让学生思考如何适应动画技术的发展变化15.4 课后作业学生自己思考如何适应动画技术的发展变化，并制定个人发展规划重点和难点解析本文主要介绍了Flash遮罩动画的概念、创建方法、应用场景、优化和调试技巧，以及在商业案例中的应用和未来发展趋势。
怎么用flash制作遮罩动画
怎么用flash制作遮罩动画
Flash 制作遮罩动画主要的流程如下：
1.新建一个新的Flash影片。
打开新的Flash影片，添加您想要制作
的图像。
可以选择引入图像或者是从外部程序中粘贴图像，把它们导入到
你的Flash项目中。
2.添加遮罩层，让每个图像可以看到您想要它们显示的内容。
在“图层”面板的第一个（最底部的）图层上放置一个矩形形状，以分隔其余的
每个图像。
3.将遮罩层设置为遮罩层。
点击程序菜单中的“视图”，然后切换到“遮罩层”视图。
点击遮罩层上的图标，将它变成遮罩层。
4.添加动画。
您可以使用帧动画或者形状动画，将遮罩层的位置移动
到另一侧，使得每个图像显示出您想要它们显示的内容。
帧动画可以用键
帧来让您移动遮罩层，而形状动画则让您通过调整图形参数来移动遮罩层。
5.调整动画。
通过调整动画的速度来调整遮罩层移动的速度。
您可以
在“时间轴”面板上选择每一个动画帧的时间，以调整动画的速度。
6.将动画导出到Flash。
在您的Flash项目完成之后，您可以将它导
出到Flash，以便于播放和共享。
在“文件”菜单中选择“导出”，然后
选择“Flash Movie”，将动画保存到Flash文件中。
Flash实验报告动画设计实验报告-遮罩
Flash实验报告动画设计实验报告-遮罩Flash 实验报告动画设计实验报告遮罩一、实验目的本次实验的目的是深入了解和掌握 Flash 中遮罩动画的原理、制作方法及应用，通过实际操作提高动画设计的能力和创意水平。
二、实验环境1、操作系统：Windows 102、软件：Adobe Flash Professional CS6三、实验原理遮罩动画是通过遮罩层和被遮罩层的组合来实现特殊的动画效果。
遮罩层就像是一个窗口，它决定了被遮罩层中哪些部分能够显示出来。
遮罩层中的图形可以是形状、文本、元件等，只有遮罩层中的填充区域（有颜色的部分）是可见的，而其轮廓（线条）是不可见的。
被遮罩层中的内容会根据遮罩层的形状和大小进行显示。
四、实验步骤1、新建 Flash 文档打开 Adobe Flash Professional CS6 软件，选择“文件”＞“新建”，在弹出的对话框中选择“ActionScript 30”，创建一个新的 Flash 文档。
2、绘制被遮罩层图形在时间轴上选中“图层1”，将其重命名为“被遮罩层”。
使用绘图工具（如矩形工具、椭圆工具、画笔工具等）在舞台上绘制需要显示的图形或导入外部图片。
3、创建遮罩层在时间轴上单击“新建图层”按钮，创建一个新的图层，并将其重命名为“遮罩层”。
在遮罩层上绘制用于遮罩的图形，例如一个圆形、矩形或其他自定义形状。
4、设置遮罩关系在遮罩层上右键单击，在弹出的菜单中选择“遮罩层”。
此时，遮罩层和被遮罩层就建立了遮罩关系，被遮罩层中的内容会根据遮罩层的形状进行显示。
5、制作动画在遮罩层和被遮罩层中分别创建关键帧，并在关键帧之间设置图形的位置、大小、形状等属性的变化，从而实现动画效果。
6、测试动画按下“Ctrl ＋Enter”组合键，测试动画效果。
观察遮罩动画是否符合预期，如果不满意，可以返回编辑状态进行修改。
五、实验结果与分析1、成功实现了多种遮罩动画效果圆形遮罩：通过在遮罩层绘制圆形，实现了被遮罩层中的图形从圆形区域逐渐显示或消失的效果。
Flash遮罩层动画制作教案
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、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
实验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”,然后单击“打开”按钮，实现对该幅图片的导入到库。
重复以上2-3的操作，将“郁金香.jpg”图片也导入到库，可以看到库中有了这两幅图片。
4、将库中的“郁金香.jpg”用鼠标左键拖拽到场景1中，如下图所示，图片较大，在工具栏的“任意变形工具”
任意变形工具
5、把图片修剪到合适大小，并双击“图层1”将图层名称改为“清晰”。
6、单击“新建图层”图标，创建一个新的图层。
7、将“图层2”命名为“模糊”，并将库中的“模糊郁金香.jpg”用鼠标左键拖拽到场景1中，同样修改该图片的大小，使得与刚才那幅图片大小一样。
8、再次单击“新建图层”图标，创建一个新的图层，将该图层命名为“遮罩层”。
9、创建用于遮罩的矩形，单击菜单栏的“插入”，选择“新建元件”
10、在弹出窗口内，将名称修改为“Square”,然后单击确定。
11、在右侧工具栏中选择“矩形工具”，然后在元件编辑场景中绘制一个矩形（矩形的颜色无所谓）。
12、单击窗口左上角的场景图标，回到场景1的编辑窗口。
13、选择“遮罩层”的第1帧，将库中的Square元件拖拽到场景中，
第1帧
14、鼠标左键拖拽同时选中三个图层第50帧。
15、单击鼠标右键选择“插入关键帧”
16、选中“遮罩层”图层，然后单击鼠标右键，单击选择“遮罩层”
17、选择“遮罩层”的第10帧，单击鼠标右键，选择“插入关键帧”，
18、将Square元件拖拽到场景中的一个新位置。
19、在工具栏中选择“任意变形工具”，将Square变形。
20、在1和10这两关键帧之间任选择一帧，单击鼠标右键选择“创建传统补间”
21、对第20帧，第30帧，第40帧重复上述17~19操作，设置Square的位置、形状，完成之后如下图所示。
22、单击菜单栏的“控制”，选择“测试影片”->“在Flash Professional中”
23、在弹出窗口内观看影片的效果。
24、单击菜单栏的“文件”，选择“导出”->“导出影片”
25、在弹出窗口内选择保存路径，并给影片命名为“美丽花朵”后单击“保存”按钮，完成影片制作。
26、可以在ie等浏览器中观看保存的“美丽花朵.swf”影片。