Flash CS4 中文版模块教程 模块12遮罩和引导线动画1

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 CS4 遮罩动画遮罩动画也是一种特殊的Flash动画类型。

制作遮罩动画时，需要在动画图层上创建一个遮罩层，在遮罩层中绘制各种图形并将图形打散。

在播放动画时，只有被遮罩层遮住的内容才会显示，而其他部分将被隐藏起来。

遮罩层本身在影片中是不可见的。

1．创建遮罩层使用Flash CS4制作遮罩动画，首先要在图层上创建遮罩层。

右击被遮罩图层上方的空白图层，执行【遮罩层】命令，将图层转换为遮罩层，如图8-55所示。

图8-55 转换为遮罩层在遮罩层中绘制各种遮罩的图形。

例如，使用【多角星形工具】在遮罩层中绘制两个六角星，并将其移动至指定的位置，如图8-56所示。

图8-56 绘制六角星在【时间轴】面板中将遮罩层和被遮罩层全部锁定，即可浏览遮罩层遮罩的效果，如图8-57所示。

图8-57 锁定遮罩层2．制作遮罩动画遮罩层中的图形是多种多样的，可以是几何图形、各种不规则图形、文字等。

用户可以将多个图层组织在一个遮罩层下，实现各种复杂的遮罩效果，也可以将遮罩层或被遮罩层制作为补间动画，实现各种遮罩动画效果。

例如，首先，为影片导入被遮罩的图像，并创建遮罩层，如图8-58所示。

图8-58 创建遮罩层在遮罩层中绘制一个圆形，并按Ctrl+B组合键将其打散。

在被遮罩层第24帧处按F5快捷键插入普通帧，然后在遮罩层用同样的方法插入帧，如图8-59所示。

图8-59 插入帧右击遮罩层，执行【创建补间动画】命令，然后再右击第24帧，在弹出的【将所选的内容转换为元件以进行补间】对话框中，单击【确定】按钮，创建补间动画，如图8-60所示。

图8-60 创建补间动画右击遮罩层第24帧，执行【插入关键帧】|【缩放】命令，为影片插入缩放补间动画，然后将转换的圆形元件放大，直至遮罩住整个被遮罩的图形，如图8-61所示。

图8-61 制作缩放补间动画将遮罩层锁定后，即可保存元件，浏览圆形遮罩逐渐放大的补间动画，如图8-62所示。

图8-62 遮罩补间动画。

苏阳FlashCS3教程之十八：遮罩动画欢迎再次回到Flash的世界，上一讲我们在学习图层属性时，提到了遮盖层。

这一讲我们就来学习非常有趣的遮罩动画。

苏阳一直觉得在这一节里是最能都发挥你聪明想象力的时刻了。

先来看看遮罩是什么。

“ 遮罩”其实就是遮盖、罩住。

就是说我们要用一个东西去把另外一个东西遮盖住。

很明显这里就有顺序的问题。

和生活中一样放在上面的这个叫“遮盖”，而放在下面的叫“被遮盖”。

这一点在Flash中是用两个图层来表示的，即上面的“遮盖层”和下面的“被遮层”。

然而在生活中，我们把东西遮起来是为了看不见，在 Flash中却恰恰相反，只有被我们遮住的东西才能够显示出来。

有点不明白？那我们还通过实例来说明问题。

新建电影，在舞台上打字。

在文字图层上插入一个新图层，在这个图层上随便画一个形状，并让这个形状遮住部分文字。

这时，被图形遮住的那部分文字是看不见的。

这跟生活中的遮盖是一样的。

但是我们还没有完成Flash中的遮罩，右键单击位于上方的图层（一定是遮盖层，因为只能从上往下遮），在弹出的菜单中选择“遮罩层”。

再来看看现在的动画，很神奇吧，显示的效果恰恰和没做遮罩前相反。

这就是Flash中的遮罩效果。

那么以此类推，遮罩动画也就是利用这个原理，让遮罩层或者被遮层的东西做动画就形成了遮罩动画了。

通过这个实例我们知道了，制作遮罩动画至少需要两个图层：上面一个图层（遮盖层）和下面一个图层（被遮层）。

再将上面的图层转化成遮罩层就可以了。

被转换成遮罩层的图层具有以下几个特点：一、形状非常重要。

也就是说，遮盖层的形状决定了可视区域的形状。

如果这个物体的形状在发生变化，那么也就意味着你能看到的区域也在变化。

二、颜色无关紧要，因为做成遮罩后根本看不到颜色。

所以也就没有必要花精力去折腾遮盖层物体的颜色了。

三、想要取消遮罩效果，只需要再右击遮罩层，把已勾选项去掉就可以了。

另外苏阳要提醒你，不要过于死板地认为只有遮盖层才可以做动画。

Flash遮罩动画教案第一章：Flash遮罩动画概述1.1 教学目标了解Flash遮罩动画的概念和作用掌握遮罩动画的制作方法和应用场景1.2 教学内容Flash遮罩动画的定义Flash遮罩动画的应用场景遮罩动画的制作方法1.3 教学步骤介绍Flash遮罩动画的概念和作用展示一些遮罩动画的实例演示遮罩动画的制作方法1.4 练习题简述Flash遮罩动画的概念和作用列举一些遮罩动画的应用场景第二章：Flash遮罩动画的制作2.1 教学目标掌握Flash遮罩动画的制作工具和技巧学会制作简单的遮罩动画2.2 教学内容Flash遮罩动画的制作工具遮罩层和被遮罩层的创建和管理遮罩动画的帧操作2.3 教学步骤介绍遮罩动画的制作工具演示创建遮罩层和被遮罩层的方法讲解遮罩动画的帧操作技巧2.4 练习题简述Flash遮罩动画的制作工具说明如何创建遮罩层和被遮罩层第三章：Flash遮罩动画的进阶技巧3.1 教学目标学习遮罩动画的进阶制作技巧提高遮罩动画的制作效果和质量3.2 教学内容遮罩动画的动态效果制作遮罩动画的过渡效果制作遮罩动画的优化方法3.3 教学步骤介绍遮罩动画的动态效果制作方法演示遮罩动画的过渡效果制作技巧讲解遮罩动画的优化方法3.4 练习题简述遮罩动画的动态效果制作方法列举一些遮罩动画的过渡效果制作技巧第四章：Flash遮罩动画的应用实例4.1 教学目标学会将遮罩动画应用到实际项目中掌握遮罩动画在不同场景下的制作方法4.2 教学内容遮罩动画在网站导航中的应用遮罩动画在广告制作中的应用遮罩动画在多媒体制作中的应用4.3 教学步骤介绍遮罩动画在网站导航中的应用实例演示遮罩动画在广告制作中的应用技巧讲解遮罩动画在多媒体制作中的应用方法4.4 练习题简述遮罩动画在网站导航中的应用实例列举遮罩动画在广告制作中的应用技巧第五章：Flash遮罩动画的实战训练5.1 教学目标提高学生对Flash遮罩动画的制作能力和实践经验培养学生的创新思维和审美水平5.2 教学内容实战训练项目的介绍和需求分析遮罩动画制作的步骤和技巧5.3 教学步骤介绍实战训练项目的背景和需求演示实战训练项目的制作步骤和技巧引导学生进行实战训练项目的制作5.4 练习题简述实战训练项目的背景和需求说明实战训练项目的制作步骤和技巧第六章：Flash遮罩动画的调试与优化6.1 教学目标学习如何调试Flash遮罩动画中的问题掌握优化遮罩动画性能的方法6.2 教学内容调试遮罩动画的工具与方法优化遮罩动画的性能技巧应对常见问题的解决方案6.3 教学步骤介绍调试遮罩动画的工具与方法演示优化遮罩动画性能的技巧分析并解决常见的遮罩动画问题6.4 练习题简述调试遮罩动画的工具与方法列举优化遮罩动画性能的技巧第七章：Flash遮罩动画与AS3脚本的结合7.1 教学目标了解如何将遮罩动画与AS3脚本结合掌握使用AS3控制遮罩动画的技巧7.2 教学内容AS3脚本在遮罩动画中的应用使用AS3控制遮罩动画的原理与方法实战案例：使用AS3脚本制作动态遮罩动画7.3 教学步骤介绍AS3脚本在遮罩动画中的应用演示使用AS3控制遮罩动画的原理与方法引导学生制作动态遮罩动画7.4 练习题简述AS3脚本在遮罩动画中的应用说明使用AS3控制遮罩动画的原理与方法第八章：Flash遮罩动画在移动平台上的应用8.1 教学目标学习Flash遮罩动画在移动平台上的应用掌握针对移动平台优化遮罩动画的技巧8.2 教学内容Flash遮罩动画在移动平台上的特点与限制针对移动平台优化遮罩动画的策略实战案例：制作适用于移动平台的遮罩动画8.3 教学步骤介绍Flash遮罩动画在移动平台上的特点与限制演示针对移动平台优化遮罩动画的策略引导学生制作适用于移动平台的遮罩动画8.4 练习题简述Flash遮罩动画在移动平台上的特点与限制说明针对移动平台优化遮罩动画的策略第九章：Flash遮罩动画的综合项目实战9.1 教学目标提高学生综合运用Flash遮罩动画的能力培养学生的创新思维和团队协作能力9.2 教学内容综合项目实战的介绍和需求分析遮罩动画制作的步骤和技巧9.3 教学步骤介绍实战项目的背景和需求演示实战项目的制作步骤和技巧引导学生进行实战项目的制作9.4 练习题简述实战项目的背景和需求说明实战项目的制作步骤和技巧第十章：Flash遮罩动画的未来发展趋势10.1 教学目标了解Flash遮罩动画在未来的发展趋势掌握Flash遮罩动画在新技术下的应用10.2 教学内容Flash遮罩动画在新技术下的应用未来Flash遮罩动画的发展趋势行业案例分析：Flash遮罩动画在实际项目中的应用10.3 教学步骤介绍Flash遮罩动画在新技术下的应用分析未来Flash遮罩动画的发展趋势分享行业案例，讲解Flash遮罩动画在实际项目中的应用10.4 练习题简述Flash遮罩动画在新技术下的应用分析未来Flash遮罩动画的发展趋势重点和难点解析重点环节1：Flash遮罩动画的概念和作用理解遮罩动画的基本原理：遮罩层与被遮罩层之间的遮盖关系。

路径和遮罩动画市二中贾跃红学习目标：1.学会路径动画的制作方法2.掌握遮罩动画的制作方法。

讲稿：一、熟悉了动画的基本制作原理，就可以制作出更多类型的动画效果。

本节我们学习路径动画的过渡动画的制作。

二、路径动画的制作。

分析例子：汽车沿曲线行驶。

分析源文件，添加运动引导层，铅笔画的路径。

制作过程：1.打开flash 8.0，新建一个文件，在该场景的第一层的第一帧中导入汽车图片，选中图片，单击“修改”菜单中的“转换为元件”将图片转换成一个元件。

2.选择第30帧，按F6键插入一个关键帧，选择场景中的文字，调整第1帧和第30帧中小车的位置。

3.补间动画的生成：选择第一个关键帧，打开属性检查器，从“补间”弹出菜单中选择“动画”。

运动动画就做好了，按控制键和回车键预览，我们可以看到小汽车沿直线运动。

4.添加运动引导层，使小车沿我们画好的路线行驶。

单击“插入”菜单中的“时间轴”、“运动引导层”添加运动引导层。

选中运动引导层，在第1帧中用铅笔画一条曲线。

5.关键一步：选中第一个图层的第一帧中的小车图片，用鼠标拖动小车使它的中心点与路径的开始端对齐，选中第30帧中的小车，拖动小车使它与路径的结束点对齐。

按控制键和回车键预览，我们可以看到小汽车沿路径运动。

6.再次调整关键帧中小车的车头方向，使它与路径方向一致。

打开属性检查器，将“调整到路径”和“对齐”前面的复选框选中，“调整到路径”可以使小车运动的角度与路径始终保持一致。

“对齐”可以使对象易于捕捉路径。

调整好后按CTRL和回车键预览，小车已经沿我们规定的路线行驶。

二、遮罩动画的制作。

分析例子：风景图片过渡效果。

打开源文件分析，为相应图层添加遮罩层。

说明遮罩层象一张不透明的纸一样，那下一层遮盖，上面的图形象纸上开的孔一样，是透明的，可以通过这些“孔”看到下一层的内容。

也可以使这些遮罩层上的图形动起来，制作更加丰富的遮罩效果。

我们选通过一个小例子说明什么是遮罩层。

1.打开flash 8.0，新建一个文件，在第一层的第一帧位置单击一下，在场景中绘制一个较大的彩色矩形。

苏阳FlashCS3教程之十八：遮罩动画欢迎再次回到Flash的世界，上一讲我们在学习图层属性时，提到了遮盖层。

这一讲我们就来学习非常有趣的遮罩动画。

苏阳一直觉得在这一节里是最能都发挥你聪明想象力的时刻了。

先来看看遮罩是什么。

“ 遮罩”其实就是遮盖、罩住。

就是说我们要用一个东西去把另外一个东西遮盖住。

很明显这里就有顺序的问题。

和生活中一样放在上面的这个叫“遮盖”，而放在下面的叫“被遮盖”。

这一点在Flash中是用两个图层来表示的，即上面的“遮盖层”和下面的“被遮层”。

然而在生活中，我们把东西遮起来是为了看不见，在 Flash中却恰恰相反，只有被我们遮住的东西才能够显示出来。

有点不明白？那我们还通过实例来说明问题。

新建电影，在舞台上打字。

在文字图层上插入一个新图层，在这个图层上随便画一个形状，并让这个形状遮住部分文字。

这时，被图形遮住的那部分文字是看不见的。

这跟生活中的遮盖是一样的。

但是我们还没有完成Flash中的遮罩，右键单击位于上方的图层（一定是遮盖层，因为只能从上往下遮），在弹出的菜单中选择“遮罩层”。

再来看看现在的动画，很神奇吧，显示的效果恰恰和没做遮罩前相反。

这就是Flash中的遮罩效果。

那么以此类推，遮罩动画也就是利用这个原理，让遮罩层或者被遮层的东西做动画就形成了遮罩动画了。

通过这个实例我们知道了，制作遮罩动画至少需要两个图层：上面一个图层（遮盖层）和下面一个图层（被遮层）。

再将上面的图层转化成遮罩层就可以了。

被转换成遮罩层的图层具有以下几个特点：一、形状非常重要。

也就是说，遮盖层的形状决定了可视区域的形状。

如果这个物体的形状在发生变化，那么也就意味着你能看到的区域也在变化。

二、颜色无关紧要，因为做成遮罩后根本看不到颜色。

所以也就没有必要花精力去折腾遮盖层物体的颜色了。

三、想要取消遮罩效果，只需要再右击遮罩层，把已勾选项去掉就可以了。

另外苏阳要提醒你，不要过于死板地认为只有遮盖层才可以做动画。

FLASH如何使用动画形式之遮罩层动画FLASH是一种广泛应用于动画、游戏开发和网络应用的软件平台。

它具有强大的动画制作功能，包括使用遮罩层创建动画效果。

遮罩层动画可以通过遮罩层来隐藏图像的一部分，使其可以显示出一种动态的效果。

在本文中，我们将介绍如何使用FLASH创建遮罩层动画。

首先，我们需要准备一个FLASH项目。

你可以创建一个新项目，也可以使用已有的项目。

打开FLASH软件后，选择“文件”菜单下的“新建”命令，然后选择“FLASH文件”选项。

接下来，我们需要导入图像素材。

点击主菜单中的“文件”选项，选择“导入”命令，然后选择你要使用的图像文件。

你可以选择任何图像文件，例如JPEG、PNG或GIF。

导入图像后，一个新的图层将在时间轴中创建，并显示导入的图像。

然后，我们需要创建一个遮罩层。

选择时间轴中的一个图层，在图层面板中单击右键，在弹出菜单中选择“添加遮罩”选项。

这样，一个新的遮罩层将在时间轴中创建。

下一步，我们需要将遮罩层与要显示的内容进行关联。

选择遮罩层，在图层面板中单击右键，在弹出菜单中选择“选择遮罩对象”选项。

然后，点击时间轴中需要被遮罩的内容图层，并在图层面板中单击右键，选择“添加图层遮罩”选项。

这样，遮罩层将与内容图层关联起来。

在内容图层中，我们可以进行一些动画效果的设置。

你可以选择移动、旋转或变换内容图像，以达到你想要的效果。

FLASH中可以使用关键帧来设置每个帧上的图像效果。

你可以在时间轴中选择一个帧，然后使用工具栏或属性面板上的工具和选项进行图像的操作。

动画效果设置完成后，我们可以预览遮罩层动画。

点击主菜单中的“控制”选项，选择“测试影片”命令，预览动画效果。

你可以通过在预览状态下点击时间轴中的不同帧来查看动画的效果。

最后，我们可以将遮罩层动画导出为一个可用的文件格式。

点击主菜单中的“文件”选项，选择“发布设置”命令，然后选择你想要的导出格式。

FLASH支持导出为SWF、GIF或视频文件等多种格式。

Flash CS4 创建遮罩动画遮罩动画是补间动画的一种特殊形式。

在遮罩动画中，动画的各种普通层被覆盖在遮罩层下，只有被遮罩层中图像遮住的动画内容才能在影片中显示。

1．制作普通遮罩动画普通遮罩动画是指在遮罩层覆盖下的动画。

在这些动画中，遮罩层是静止的，遮罩层下方的被遮罩层则是运动的。

制作遮罩动画，既可以用普通补间动画，也可以用传统补间动画。

以普通补间动画为例，先制作一段场景自右向左平移的动画，作为遮罩动画的动画部分。

补间轨迹然后，即可隐藏动画所在的层，分别为影片导入背景、显示动画的元素等内容。

导入素材新建“遮罩”图层，在图层中绘制一个圆形作为遮罩图形，然后将其移动到动画上方。

绘制遮移动图在“遮罩”图层的名称上方右击，执行【遮罩层】命令，Flash将自动把其下方的“图像”图层纳入遮罩的范围中，完成动画制作。

2．制作遮罩层动画遮罩层动画是指在遮罩层中发生的动画。

即根据遮罩图形本身的动作而实现的动画。

遮罩层动画制作遮罩层动画，需要先为Flash影片导入遮罩层动画的背景。

导入素材绘制六边形新建图分别为cover和building 等两个图层插入一些普通帧，用于制作补间动画。

在cover图层的最后1帧处右击，执行【转换为关键帧】命令，将其转换为关键帧。

执行命令右击在cover图层最后一个关键帧处重新绘制一个矩形，矩形大小与影片的场景一致，并将整个场景完全覆盖。

然后，即可选中cover图层任意一个普通帧，右击执行【创建补间形状】命令。

执行命令最后，将cover图层转换为遮罩层，完成遮罩层动画的制作。

图5.1 “库”面板图5.2 “文档属性”对话框
图5.3 图片对齐后样式
（3）单击“新建图层”按钮，新建“图层2”，选择工具栏上的“线条”工具，在舞台中绘制线条，样式如图5.4所示。

图5.4 绘制线条
（4）右击“图层2”，在出现的快捷菜单中选择“引导层”命令，“图层2”中会出现锤子状引导图标，用鼠标将“图层1”往“图层2”拖动，使“图层2”变为引导层，“图层1”变为被引导层，如图5.5～图5.7所示。

图5.5 设置引导层图5.6 “图层1”往“图层2”拖动
图5.7 引导层设置成功
（5）锁定“图层2”，解锁“图层1”，分别选定9张图片，按下F8键，分别转化为图形元件。

选定“图层1”中的第1帧，将会同时选定舞台中的9张图片，选择菜单栏中的“修改”→“时间轴”→“分散到图层”命令，将9张图片分散到各个图层，如图5.8和图5.9所示。

图5.8 “分散到图层”命令
图5.9 分散后图层样式
（6）删除“图层1”，为了方便后续动画制作，调整图层顺序如图5.10所示。

tupian3图层 tupian2图层 tupian1图层
图5.10 调整图层顺序
（7）下面接着制作引导层动画，选择图层中的隐藏按钮，隐藏“tupian2”～“tupian9”所在的图层，如图5.11所示。

图5.11 隐藏图层
（8）单击“tupian1”所在图层的第1帧，使用“选择”工具，将图片元件的中心点与tupian4
图层 tupian8
tupian9
图层。

Flash第三节：遮罩动画、引导线动画一、教学目标：1、知识与技能：遮罩动画、引导线动画的原理、操作方法、步骤。

2、过程与方法：演示法。

通过提问题的方式使学生带着问题思考，体验不同类型的动画效果，学习新知识点。

3、情感态度与价值观：体验动画在表现主题、表达思想、呈现信息方面的作用，激发学生的学习欲望。

二、教学重点、难点1、重点：遮罩动画、引导线动画的操作方法2、难点：遮罩动画、引导线动画的原理，注意事项三、教学方法：演示法、任务驱动、自主探究四、教学过程：1、衔接上节课的移动动画，做重点步骤的复习强调重点步骤。

（叫学生起来回答问题，一开始上课顺带整顿课堂纪律）2、引导线动画A、演示引导线动画“飞舞的蜜蜂”师：怎样让移动动画中直线运动的对象按照我们设定的运动轨迹运动？B、在所做的移动动画基础上加引导线层，选中引导线层的第一帧，在工作区用铅笔工具画运动轨迹。

C、回到移动动画图层，在第一帧将工作区中的“蜜蜂”移动到轨迹的线头，最后一帧放在轨迹的尾部。

强调：必须将元件对象中间的圆圈放在线上。

D、播放、测试影片。

3、学生练习，教师巡视、辅导。

（强调动画操作步骤，注意学生容易出错的地方）4、遮罩动画A、演示遮罩动画（一般使用在动画的开场）B、在第一层的第一帧导入背景图片。

文件——导入——导入库C、做运动动画:在第一帧画一个椭圆，第30帧插入关键帧，在工作区把这个圆变大，覆盖整个背景图片；创建动画动作。

D、播放、测试影片。

5、扩展练习：将这两种类型的动画合在一起，做成动画开场后，一只小蜜蜂在花丛中飞舞。

（由于学生在初中已经学过flash，所以跟要针对掌握情况较好的学生设计难度的提升）6、学生练习，教师巡视、辅导。

教学反思：。

Flash 遮罩动画与引导动画
1、遮罩动画的概念
“遮罩”，顾名思义就是遮挡住下面的对象。

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

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

2、引导动画的概念
“引导动画”：是物体沿着一个你设定的线所做运动。

只要固定初时点和结束点，物体就可以沿着线运动。

这个线就是所谓的引导线
3、创建遮罩动画
制作滚动字
(1)、新建两个图层，并命名为“文字”“背景”
(2)、在背景层第一帧新建一个渐变，并在100帧上插入一个帧
（3）、在文字层第一帧输入文字并转换为图形元件放在图形的最下方；在第一百帧插入关键帧放在最上方。

（4）在文字层创建补间动画，属性设为遮罩层
（5）、测试场景（Crl+Enter）
四、创建引导动画
1、新建两个图层并命名为“引导线”“球”
”
2、分别在“引导线”“球”两个图层绘制一个圆弧和一个球。

把球转换为图形元件；在五十帧都插入关键帧。

2、分别选中球得中心，放在显得两个端点，并自动合上(50帧内同)
3创建补间动画，并改变图层属性（引导线为引导层；球为被引导层）
4 、场景测试（Ctrl+Enter）。