Flash CS4 中文版模块教程 模块12遮罩和引导线动画1
flash-引导动画和遮罩动画(PPT)
引导动画的制作方法
制作引导动画的具体操作如下 （1）在普通层中创建一个元件。 （2）在普通层上方新建一个引导层，普通层自动变 为被引导层，在引导层中绘制一条路径。
（3）将引导层中的路径沿用到某一帧。
（4）在被引导层中将元件的中心控制点移动 到路径的起点。
（5）在被引导层的某一帧插入关键帧，并 将元件移动到引导层中路径的终点。
标新建一个引导层， 选中引导层的第1帧， 单击铅笔工具 ，在
选项区域中选择 “平滑”模式，然 后在舞台中绘制一 条光滑的曲线，如 图11-2所示。
图11-2
（4）在引导层的第50帧按【F5】键沿 用帧。
（5）选中被引导层中的树叶，将其中 心控制点移动到引导线的起点，然后在 第50帧插入关键帧，并将树叶放大一点。
（6）选中第50帧中的树叶，将其中心 控制点移动到引导线的终点位置，如图 11-3所示。然后在第1帧和第50帧之间 创建动作补间动画。
图11-3
（7）选中第1帧，在“属性”面板的“补间”下 拉列表框中选择“动作”选项，并选中 、
、 和 复选框，如图11-4所示。
图11-4
选中
、
和 复选框是
为了使对象沿着引导路
（4）在图层“飞机1”中将“飞机1”移动到左 边曲线的左端点上，在图层“飞机2”中将“飞 机2”移动到右边曲线的右端点上，如图11-8所 示。
（5）在图层“飞机1”的第50帧插入关键帧， 并将“飞机1”移动到两条曲线的交点处，在图 层“飞机2”的第50帧插入关键帧，并将“飞 机2”移动到两条曲线的交点处，如图所示。
（6）在被引导层的两个关键帧之间创建补 间动画，引导动画制作完成。
另：如果想看到引导线的话，需要添加一图层， 在引导层第一帧点击“复制帧”，在新添加的 图层第一帧点击“粘贴帧”，然后再双击新图 层把它改为“一般”图层即可。
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 CS4 遮罩动画
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遮罩动画教程.
苏阳FlashCS3教程之十八：遮罩动画欢迎再次回到Flash的世界，上一讲我们在学习图层属性时，提到了遮盖层。
这一讲我们就来学习非常有趣的遮罩动画。
苏阳一直觉得在这一节里是最能都发挥你聪明想象力的时刻了。
先来看看遮罩是什么。
“ 遮罩”其实就是遮盖、罩住。
就是说我们要用一个东西去把另外一个东西遮盖住。
很明显这里就有顺序的问题。
和生活中一样放在上面的这个叫“遮盖”，而放在下面的叫“被遮盖”。
这一点在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遮罩动画的概念和作用理解遮罩动画的基本原理：遮罩层与被遮罩层之间的遮盖关系。
flash引导动画和遮罩动画
路径和遮罩动画市二中贾跃红学习目标：1.学会路径动画的制作方法2.掌握遮罩动画的制作方法。
讲稿：一、熟悉了动画的基本制作原理，就可以制作出更多类型的动画效果。
本节我们学习路径动画的过渡动画的制作。
二、路径动画的制作。
分析例子：汽车沿曲线行驶。
分析源文件，添加运动引导层，铅笔画的路径。
制作过程：1.打开flash 8.0，新建一个文件，在该场景的第一层的第一帧中导入汽车图片，选中图片，单击“修改”菜单中的“转换为元件”将图片转换成一个元件。
2.选择第30帧，按F6键插入一个关键帧，选择场景中的文字，调整第1帧和第30帧中小车的位置。
3.补间动画的生成：选择第一个关键帧，打开属性检查器，从“补间”弹出菜单中选择“动画”。
运动动画就做好了，按控制键和回车键预览，我们可以看到小汽车沿直线运动。
4.添加运动引导层，使小车沿我们画好的路线行驶。
单击“插入”菜单中的“时间轴”、“运动引导层”添加运动引导层。
选中运动引导层，在第1帧中用铅笔画一条曲线。
5.关键一步：选中第一个图层的第一帧中的小车图片，用鼠标拖动小车使它的中心点与路径的开始端对齐，选中第30帧中的小车，拖动小车使它与路径的结束点对齐。
按控制键和回车键预览，我们可以看到小汽车沿路径运动。
6.再次调整关键帧中小车的车头方向，使它与路径方向一致。
打开属性检查器，将“调整到路径”和“对齐”前面的复选框选中，“调整到路径”可以使小车运动的角度与路径始终保持一致。
“对齐”可以使对象易于捕捉路径。
调整好后按CTRL和回车键预览，小车已经沿我们规定的路线行驶。
二、遮罩动画的制作。
分析例子：风景图片过渡效果。
打开源文件分析，为相应图层添加遮罩层。
说明遮罩层象一张不透明的纸一样，那下一层遮盖，上面的图形象纸上开的孔一样，是透明的，可以通过这些“孔”看到下一层的内容。
也可以使这些遮罩层上的图形动起来，制作更加丰富的遮罩效果。
我们选通过一个小例子说明什么是遮罩层。
1.打开flash 8.0，新建一个文件，在第一层的第一帧位置单击一下，在场景中绘制一个较大的彩色矩形。
Flash CS3遮罩动画教程
苏阳FlashCS3教程之十八：遮罩动画欢迎再次回到Flash的世界，上一讲我们在学习图层属性时，提到了遮盖层。
这一讲我们就来学习非常有趣的遮罩动画。
苏阳一直觉得在这一节里是最能都发挥你聪明想象力的时刻了。
先来看看遮罩是什么。
“ 遮罩”其实就是遮盖、罩住。
就是说我们要用一个东西去把另外一个东西遮盖住。
很明显这里就有顺序的问题。
和生活中一样放在上面的这个叫“遮盖”，而放在下面的叫“被遮盖”。
这一点在Flash中是用两个图层来表示的，即上面的“遮盖层”和下面的“被遮层”。
然而在生活中，我们把东西遮起来是为了看不见，在 Flash中却恰恰相反，只有被我们遮住的东西才能够显示出来。
有点不明白？那我们还通过实例来说明问题。
新建电影，在舞台上打字。
在文字图层上插入一个新图层，在这个图层上随便画一个形状，并让这个形状遮住部分文字。
这时，被图形遮住的那部分文字是看不见的。
这跟生活中的遮盖是一样的。
但是我们还没有完成Flash中的遮罩，右键单击位于上方的图层（一定是遮盖层，因为只能从上往下遮），在弹出的菜单中选择“遮罩层”。
再来看看现在的动画，很神奇吧，显示的效果恰恰和没做遮罩前相反。
这就是Flash中的遮罩效果。
那么以此类推，遮罩动画也就是利用这个原理，让遮罩层或者被遮层的东西做动画就形成了遮罩动画了。
通过这个实例我们知道了，制作遮罩动画至少需要两个图层：上面一个图层（遮盖层）和下面一个图层（被遮层）。
再将上面的图层转化成遮罩层就可以了。
被转换成遮罩层的图层具有以下几个特点：一、形状非常重要。
也就是说，遮盖层的形状决定了可视区域的形状。
如果这个物体的形状在发生变化，那么也就意味着你能看到的区域也在变化。
二、颜色无关紧要，因为做成遮罩后根本看不到颜色。
所以也就没有必要花精力去折腾遮盖层物体的颜色了。
三、想要取消遮罩效果，只需要再右击遮罩层，把已勾选项去掉就可以了。
另外苏阳要提醒你，不要过于死板地认为只有遮盖层才可以做动画。
FLASH如何使用动画形式之遮罩层动画
FLASH如何使用动画形式之遮罩层动画FLASH是一种广泛应用于动画、游戏开发和网络应用的软件平台。
它具有强大的动画制作功能，包括使用遮罩层创建动画效果。
遮罩层动画可以通过遮罩层来隐藏图像的一部分，使其可以显示出一种动态的效果。
在本文中，我们将介绍如何使用FLASH创建遮罩层动画。
首先，我们需要准备一个FLASH项目。
你可以创建一个新项目，也可以使用已有的项目。
打开FLASH软件后，选择“文件”菜单下的“新建”命令，然后选择“FLASH文件”选项。
接下来，我们需要导入图像素材。
点击主菜单中的“文件”选项，选择“导入”命令，然后选择你要使用的图像文件。
你可以选择任何图像文件，例如JPEG、PNG或GIF。
导入图像后，一个新的图层将在时间轴中创建，并显示导入的图像。
然后，我们需要创建一个遮罩层。
选择时间轴中的一个图层，在图层面板中单击右键，在弹出菜单中选择“添加遮罩”选项。
这样，一个新的遮罩层将在时间轴中创建。
下一步，我们需要将遮罩层与要显示的内容进行关联。
选择遮罩层，在图层面板中单击右键，在弹出菜单中选择“选择遮罩对象”选项。
然后，点击时间轴中需要被遮罩的内容图层，并在图层面板中单击右键，选择“添加图层遮罩”选项。
这样，遮罩层将与内容图层关联起来。
在内容图层中，我们可以进行一些动画效果的设置。
你可以选择移动、旋转或变换内容图像，以达到你想要的效果。
FLASH中可以使用关键帧来设置每个帧上的图像效果。
你可以在时间轴中选择一个帧，然后使用工具栏或属性面板上的工具和选项进行图像的操作。
动画效果设置完成后，我们可以预览遮罩层动画。
点击主菜单中的“控制”选项，选择“测试影片”命令，预览动画效果。
你可以通过在预览状态下点击时间轴中的不同帧来查看动画的效果。
最后，我们可以将遮罩层动画导出为一个可用的文件格式。
点击主菜单中的“文件”选项，选择“发布设置”命令，然后选择你想要的导出格式。
FLASH支持导出为SWF、GIF或视频文件等多种格式。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
图12-5 椭圆两个关键帧的位置和大小比较
工作情境一 制作第一个Flash动画
（7）在每段中间任选一帧并右击，在弹出的快捷菜 单中选择【创建传统补间】命令。右击椭圆图层 的名称，在弹出的快捷菜单中选择【遮罩层】命 令，这时【时间轴】面板如图12-6所示。 （8）这时按<Enter>键预览动画，用户可以看到椭 圆经过图片时照亮图片的动画效果。 （9）在【库】面板中右击“元件2”，在弹出的快捷 菜单中选择【直接复制】命令，弹出如图12-7所 示的对话框，在其中单击【确定】按钮，产生一 个名为“元件2副本”的元件。
动画重要的组成 部分
正确使用文字工 具可创建作品所 需艺术风格
Flash中经常用到 的特殊效果
表12-2 “反色文字”动画工作任务分析表
工作情境二 制作“反色文字”动 画
• 工作情境效果 “反色文字”动画的最终效果如图12-13所示。
图 12-13 “反色文字”动画最终效果
工作情境二 制作“反色文字”动 画
图12-6 【时间轴】面板
图 12-7 【直接复制元 件】对话框
工作情境一 制作第一个Flash动画
（10）双击“元件2副本”，进入其编辑状态，然 后在【颜色】面板中设置填充为透明黑色到黑色 的放射状渐变，如图12-8所示。选择【渐变变形 工具】调整其中心点和范围，如图12-9所示。
图12-8 【颜色】面板
工作情境一 制作第一个Flash动画
图12-2 转换为图形元件
图12-3 亮度值调整后的图形元件
工作情境一 制作第一个Flash动画
（4）单击【时间轴】面板左下方的【新建图层】 按钮，新建一个图层，然后从【库】面板中将图 形元件拖放到舞台中央，与【图层1】中的图形 元件重叠。 （5）再单击【时间轴】面板的左下方的【新建图 层】按钮，新建一个图层，然后选择工具箱中的 【椭圆工具】，在舞台上绘制一个模仿探照灯大 小的椭圆，颜色可任意选择，按快捷键<F8>将其 转换为图形元件，如图12-4所示。
子模块一 Flash CS4的简介
2．设置图层状态 （1）隐藏图层： • 隐藏图层有以下3种方法： • 单击图层名称右边的隐藏栏即可隐藏图层，再次 单击隐藏栏即可取消隐藏该图层。 • 在图层隐藏栏中上下拖动鼠标指针，即可隐藏多 个图层或者取消隐藏多个图层。 • 单击隐藏图标，可以将所有的图层隐藏，再次单 击隐藏图标则会取消隐藏所有图层。 （2）锁定图层：单击按钮 ，可锁定某些图层。
工作情境二 制作“反色文字”动 画
一、工作情境描述及效果 • 工作情境描述 反色文字动画即文字在黑色背景里是白字，进入 白色背景就变成了黑字，这也是巧妙运用遮罩动 画实现的特殊效果。在本案例中分别涉及图层、 文字、遮罩动画。具体分析如表12-2所示：
工作情境二 制作“反色文字”动 画
知 识 点 图层运用：正确 弄清图层类型及 叠加关系，为以 后工作打好基础 文字使用：掌握 文字的创建方法 及文字属性的设 置方法 遮罩动画：熟练 运用遮罩动画， 使动画得到理想 的效果 功 能 实 现 效 果
二、工作情境详解 （1）新建一个Flash动画文档，设置背景色为红色， 在工作区右上角的下拉列表中选择【显示全部】 选项。 （2）选择【矩形工具】，在【属性】面板中设置 边框颜色为无，填充颜色为黑色。然后在舞台上 绘制一个矩形，单击工具栏中的【对齐】按钮， 打开【对齐】面板，单击【相对于舞台】按钮、 【匹配宽度】按钮、【水平中齐】按钮和【垂直 中齐】按钮，然后使用【选择工具】选中矩形右 半边，如图12-14（a）所示。在【属性】面板中 设置填充颜色为白色，制作出左半边黑色，右半 边白色的背景，如图12-14（b）所示。
图12-9 填充变形
பைடு நூலகம்
工作情境一 制作第一个Flash动画
（11）单击【场景1】超链接返回场景中，单击 【新建图层】按钮，新建一个图层，将“元件2 副本”拖放到与“元件2”重合的位置，如图1210所示，在移动的过程中会出现对齐标准线。
图12-10 放置“元件2副本”
工作情境一 制作第一个Flash动画
子模块一 Flash CS4的简介
一、图层管理 1．图层编辑 （1）添加图层 • 单击【时间轴】面板左下角的按钮。 • 选择【插入】→【时间轴】→【图层】命令。 • 在【时间轴】面板中的图层上右击，在弹出的快 捷菜单中选择【插入图层】命令。 （2）删除图层有以下两种方法： • 在【时间轴】面板中右击要删除的图层，在弹出 的快捷菜单中选择【删除图层】命令。 • 选中要删除的图层，单击【时间轴】面板下方的 按钮。
（12）分别在新椭圆图层的第15帧和第30帧处按快 捷键<F6>插入关键帧。在第15帧将椭圆移动到 遮罩的位置，利用【任意变形工具】将其放大， 使其与“元件2”重合，再在第30帧将椭圆移动到 遮罩的位置，利用【任意变形工具】将其缩小， 使其与“元件2”重合，如图12-11所示。
图12-11 两个关键帧中椭圆与遮罩重合
工作情境二 制作“反色文字”动 画
（4）单击时间轴左下角的【插入图层】按钮 ，新 建一个图层，选择工具箱中的【文本工具】，在 【属性】面板中设定文字大小为 96，颜色可以任 意设置，字体为ArialBlack，然后在舞台上输入 FLASH CS4。 （5）分别在图层1和图层2的第30帧处按快捷键 <F5>插入帧，在文字层的第1帧将文字移动到舞 台右侧。选中文字层的第30帧，按快捷键<F6> 插入关键帧，将文字移动到舞台左侧。在中间任 选一帧并右击，在弹出的快捷菜单中选择【创建 传统补间】命令，文字运动前后的画面如图1216所示。
子模块一 Flash CS4的简介
3．应用遮罩时的技巧 • 要在场景中显示遮罩效果，用户可以锁定遮罩层 和被遮罩层。 • 可以单击图层显示轮廓按钮，使之成为线框模式， 让被遮罩层能显示出来。 4．遮罩动画制作的注意事项 • 不能用遮罩层遮罩另一个遮罩层。 • 不能在被遮罩层中放置动态文本。 • 遮罩可以用于使用.gif图片生成的动画中。
工作情境一 制作第一个Flash动画
（13）在每段中间任选一帧并右击，在弹出的快捷 菜单中选择【创建补间动画】命令，这时【时间 轴】面板如图12-12所示。 （14）按<Enter>键预览动画，或者<Ctrl+Enter> 组合键测试动画，看到如图12-1所示探照灯经过 的动画效果。
图12-12【时间轴】面板
图12-17 【时间轴】面板
（7）按<Enter>键预览动画，或者按<Ctrl+Enter>组 合键测试动画。
工作情境三 制作“七星瓢虫”动 画
一、工作情境描述及效果 • 工作情境描述 通过制作“七星瓢虫”动画，用户可以进一步熟 悉引导线动画的制作方法与技巧，在播放过程中 可以看到七星瓢虫在图书上按一定路线移动的动 画效果。在本案例中分别涉及图层和引导线动画。 具体分析如表12-3所示。
子模块二 引导线动画的原理及制作
一、引导线动画的概念 将一个或多个图层链接到一个运动引导层，使一 个或多个对象沿同一条路径运动的动画形式称为 “引导线动画”，这种动画形式可使一个或多个 元件完成曲线或不规则运动形式。
子模块二引导线动画的原理及制作
二、创建引导线动画的方法 1．创建引导层和被引导层：右击普通图层，在快 捷菜单中选择“添加传统运动引导层”命令，则 可创建该图层为引导层，新添加的图层为被引导 层。 2.引导层和被引导层中的对象：引导层是用来指示 元件运行路径的，所以引导层中的内容可以是用 钢笔、铅笔、线条、椭圆工具、矩形工具或画笔 工具等绘制出来的线段。而被引导层中的对象是 跟着引导线运动的，可以使用影片剪辑、图形元 件、按钮和文字等，但不能应用形状。 3．向被引导层中添加元件：被引导的对象起始点 和终点的2个“中心点”一定要对准“引导线” 的2个端头。
工作情境二 制作“反色文字”动 画
图12-16 文字运动前后的画面
（6）右击文字层的名称，在弹出的快捷菜单中选 择【遮罩层】命令，将文字作为遮罩，左白右黑作 为被遮罩，那么就会在左黑右白的背景中显示如图 12-13所示的反色字了，这时的【时间轴】面板如 图12-17所示。
工作情境二 制作“反色文字”动 画
子模块一 Flash CS4的简介
二、遮罩动画原理及制作 • 1．遮罩动画的概念 （1）遮罩：为了得到特殊的显示效果，用户可以 在遮罩层上创建一个任意形状的“视窗”，遮罩 层下方的对象可以通过该“视窗”显示出来，而 “视窗”之外的对象将不会显示出来。 （2）遮罩的作用：在Flash动画中遮罩主要有两种 用途，一种是用在整个场景或一个特定区域，使 场景外的对象或特定区域外的对象不可见，另一 种是用来遮住某个元件的一部分，从而实现一些 特殊的效果。
模块十二 遮罩和引导线动画
模块十二遮罩和引导线动画
重点提示： • 图层的运用 • 遮罩动画的原理及制作
• 引导线动画的原理及制作
模块十二遮罩和引导线动画
子模块一 Flash CS4的简介 子模块二 引导线动画的原理及制作 工作情境一 制作“探照灯”动画 工作情境二 制作“反色文字”动画 工作情境三 制作“七星瓢虫”动画 模 块 小 结 模 块 训 练
遮罩动画：熟练运 Flash中经常用到的 用遮罩动画，使动 特殊效果 画得到理想的效果
表12-1 “探照灯”动画工作任务分析表
工作情境一 制作第一个Flash动画
• 工作情境效果 “探照灯”动画的最终效果如图12-1所示 。
图12-1 探照灯动画的最终效果
工作情境一 制作第一个Flash动画
二、工作情境详解 （1）新建一个Flash动画文档，在工作区右上角的 下拉列表中选择【显示全部】选项。 （2）选择【文件】→【导入】→【导入到舞台】 命令，导入一张图片。单击工具栏中的【对齐】 按钮，单击【相对于舞台】按钮、【匹配宽度】 按钮、【匹配高度】按钮、【水平中齐】按钮、 【垂直中齐】按钮，按快捷键<F8>将图片转换为 图形元件，如图12-2所示。 （3）选中元件，在【属性】面板的【样式】下拉 列表中选择【亮度】选项，调整数值为-60%，调 整后的图形元件如图12-3所示。