第4章 遮罩动画与导引线动画
二维动画技术《遮罩动画和引导路径动画》实验报告_2
实验日期
实验室名称
实验类型
设备状况
机器号
2013年12月4日
非线性编辑网络实验室
设计性
良好
39
实验项目名称
遮罩动画和引导路径动画
一、实验目的
掌握制作遮罩动画、引导路径动画的方法；掌握使用按钮元件来实现交互；能够结合遮罩和引导路径两种动画技术制作复杂动画。
二、实验设备环境
WindowsXP+Flash8
⑥选择遮罩层图层，在适当的位置插入帧，使之让毛笔与文字出现的时间能够相吻合，必要时在毛笔图层插入关键帧调整位置。
⑦测试影片-保存成功。
4.制作小球弹跳
①创建两个引导层，每个引导层下均有两个被引导层，并命名为“小球1”“阴影1”“小球2”“阴影2”，各分别在第60帧处插入帧，让之后所填充进的图像保持到第60帧。
⑥测试影片-保存成功。
四、结论分析及改进建议
1.制作放大镜这类的动画中，一定要保证有底图在新图层中被遮罩层之下，就是和被遮罩层相同的图片，在遮罩层之外，否则无法做出效果。
2.制作开场动画和小球弹跳动画中，更改的图像的透明度可实现物体运动的延伸效果和放大缓动的效果。
3.模仿毛笔写字制作中，绘制路径时一定不要重合，否则被引导层无法识别。并且开始位置和结尾处一定放置图像时，要把图像的中心点放置在两个端点上。
⑨测试影片-保存成功。
3.制作模仿毛笔写字
①创建新图层命名为“文字八”，选择文字工具输入一个“八”字，在第35帧插入普通帧，锁定图层。
②新建图层，选择刷子工具，无笔触颜色，按照书写“八”字的顺序，逐帧覆盖“八”字。再将该图层设置为遮罩层，“文字八”图层设置为被遮罩层，锁定图层。
③新建图层命名为“毛笔”，在时间轴第一帧处插入关键帧绘制一支毛笔，在第35帧插入帧，锁定图层。
引导动画与遮罩动画最完整的PPT
图11-24
（8）单击 图标回到场景中，将场景中的矩 形删除，选中图层3，将元件“百叶窗” 形删除，选中图层3，将元件“百叶窗”拖放到图片 下方，如图11-25所示。 下方，如图11-25所示。
图11-25
（9）用鼠标右键单击图层3，在弹出的快捷菜单 ）用鼠标右键单击图层3 中选择“遮罩层”命令，将图层3 中选择“遮罩层”命令，将图层3变为遮罩层。 （10）在图层3上方新建一个图层4，选中图层3和 10）在图层3上方新建一个图层4，选中图层3 图层2 图层2中的所有帧，用鼠标右键单击，在弹出的快捷 菜单中选择“复制帧” 菜单中选择“复制帧”命令。
图11-23
（6）在元件编辑区的第42帧插入关键帧，单击任 ）在元件编辑区的第42帧插入关键帧，单击任 意变形工具，将鼠标光标移到矩形上方的中点，当其 变为双向箭头时按住鼠标左键向下拖动，使其变为一 条直线。 （7）在第47帧和第97帧插入关键帧，再将第1帧 ）在第47帧和第97帧插入关键帧，再将第1 复制到第97帧，然后依次在第1帧和第42帧、第47帧 复制到第97帧，然后依次在第1帧和第42帧、第47帧 和第97帧之间创建动作补间动画，最后在第100帧按 和第97帧之间创建动作补间动画，最后在第100帧按 【F5】键沿用帧，时间轴如图11-24所示。 F5】键沿用帧，时间轴如图11-24所示。
应用引导路径动画的技巧
（5）被引导对象的中心对齐场景中的十字星，也有助于引 导动画的成功。 （6）向被引导层中放入元件时，在动画开始和结束的关键 帧上，一定要让元件的注册点对准线段的开始和结束的端点， 否则无法引导，如果元件为不规则形，可以按下工具栏上的 任意变形工具 ，调整注册点。 （7）如果想解除引导，可以把被引导层拖离“引导层”， ）如果想解除引导，可以把被引导层拖离“引导层” 或在图层区的引导层上单击右键，在弹出的 （8）如果想让对象作圆周运动，可以在“引导层”画个圆 ）如果想让对象作圆周运动，可以在“引导层” 形线条，再用橡皮擦去一小段，使圆形线段出现2 形线条，再用橡皮擦去一小段，使圆形线段出现2个端点， 再把对象的起始、终点分别对准端点即可。
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）在被引导层的两个关键帧之间创建补 间动画，引导动画制作完成。
另：如果想看到引导线的话，需要添加一图层， 在引导层第一帧点击“复制帧”，在新添加的 图层第一帧点击“粘贴帧”，然后再双击新图 层把它改为“一般”图层即可。
公开课教案遮罩动画
公开课教案-遮罩动画第一章：遮罩动画概述1.1 教学目标了解遮罩动画的概念和作用掌握遮罩动画的基本原理和制作方法1.2 教学内容遮罩动画的定义和应用场景遮罩动画的原理和制作流程遮罩动画的制作工具和技巧1.3 教学步骤1.3.1 导入：展示一些遮罩动画的例子，引导学生对遮罩动画产生兴趣。
1.3.2 讲解：讲解遮罩动画的定义、作用和制作原理。
1.3.3 演示：通过实际操作，演示遮罩动画的制作过程。
1.3.4 练习：让学生尝试制作简单的遮罩动画，巩固所学内容。
第二章：遮罩动画的制作工具2.1 教学目标了解遮罩动画制作工具的种类和功能掌握常用的遮罩动画制作工具的使用方法2.2 教学内容遮罩动画制作工具的介绍和比较常用遮罩动画制作工具的使用方法和技巧2.3 教学步骤2.3.1 导入：介绍遮罩动画制作工具的种类和作用。
2.3.2 讲解：讲解常用遮罩动画制作工具的使用方法和技巧。
2.3.3 演示：通过实际操作，演示常用遮罩动画制作工具的制作过程。
2.3.4 练习：让学生尝试使用常用遮罩动画制作工具制作简单的遮罩动画。
第三章：遮罩动画的制作技巧3.1 教学目标了解遮罩动画制作中的一些高级技巧掌握遮罩动画制作的优化方法和技巧3.2 教学内容遮罩动画制作的优化方法和技巧遮罩动画中的色彩处理和过渡效果3.3 教学步骤3.3.1 导入：介绍遮罩动画制作中的一些高级技巧。
3.3.2 讲解：讲解遮罩动画制作的优化方法和技巧。
3.3.3 演示：通过实际操作，演示遮罩动画制作中的色彩处理和过渡效果。
3.3.4 练习：让学生尝试使用高级技巧和优化方法制作遮罩动画。
第四章：遮罩动画的应用场景4.1 教学目标了解遮罩动画在不同场景中的应用掌握遮罩动画在不同场景中的制作方法和技巧4.2 教学内容遮罩动画在不同场景中的应用场景和实例遮罩动画在不同场景中的制作方法和技巧4.3 教学步骤4.3.1 导入：介绍遮罩动画在不同场景中的应用。
4.3.2 讲解：讲解遮罩动画在不同场景中的制作方法和技巧。
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遮罩动画的概念、创建方法、应用场景、优化和调试技巧，以及在商业案例中的应用和未来发展趋势。
【原创】《活动四 创建路径动画与遮罩动画》教学课件
▪
遮罩效果，也叫做蒙版效果，是指一个
图层中的对象以一定方式遮盖住另外一个
（或多个）图层中的对象，或者说以一定方
式透过一个图层中的对象去查看另外一个
（或多个）图层上的对象。比如说，聚光灯
效果、放大镜效果、百叶窗效果等就是一些
常见的遮罩效果。
图 在新图层上绘制作为遮罩的对象
图 遮罩效果
• 4. 创建遮罩效果
图 绘制探照灯
▪ （5）在“文字遮罩”层第50帧单击 鼠标右键，选择“插入帧”命令。
▪ （6）单击“探照灯”层，在第25帧 插入关键帧，用选择工具将渐变的圆形 移动到文字右侧（注意选中“视图”菜 单“对齐”子菜单中的“贴紧对齐”命 令）。
▪ （7）在该层第1帧上单击鼠标右键， 选择“复制帧”命令，在第50帧上单击 右键，选择“粘贴帧”命令。
▪ 实现该效果的参考步骤如下。
▪ （1）新建一个Flash电影，将图层1的 名称更改为“背景”。
▪ （2）按“Ctrl+R”键导入要作为背景 显示的黑白位图文件（该位图文件事先 由Fireworks处理好，最简便的办法是执 行Fireworks的“命令”菜单“创意”子 菜单的“转换为灰度图像”命令），将 其调整为舞台大小。
▪ • 遮罩层中的对象是静态的，被遮罩 层中的对象也是静态的，这样生成的效 果就是静态遮罩效果；
▪ • 遮罩层中的对象是静态的，而被遮 罩层中的对象是动态的，这样就生成了 第一类动态遮罩效果：透过静态的一个 “孔”，观看后面的动态内容；
▪ • 遮罩层中的对象是动态的，而被遮 罩层中的对象是静态的，这样就生成了 第二类动态遮罩效果：透过动态的一个 “孔”，观看后面的静态内容；
▪ （2）在时间轴上单击“图层1”，将其 命名为“文字遮罩”层。
动画的引导线及遮罩
图一 图二 图三 图四 图五 (十六) 我们按Ctrl+Shift-V把刚才剪取的圆粘帖到原来的位 置上,在图形外面点一下,如图四所示,这时两个圆已经很好地融 合在一起了.点取中间浅黄色的圆,按Delete键把它删掉,就得到 图五中所示的图形. 如果愿意, 我们还可以用墨水瓶工具给图五中 的图形加上适当颜色的轮廓线. 现在,放大镜的透镜部分我们已经做好了,下面来制作手柄. (十七)还是在透镜的编辑窗口下, 在另一个区域里选择矩形 工具拉出一个如下图六所示的用从暗黑到黑的线性渐进色填充的 矩形. 然后我们用箭头工具将其下面的三条边拉出一些弧度来, 见 图七. 在手柄上点鼠标右键选Rotate将手柄旋转一个角度, 见图八. 现在我们就把手柄也做好了. 如果对手柄的粗细不满意, 还可以适
(十三)在矩形外点一下,取消对这部分区域的选择,再一次 用鼠标点选圆形,按Delete键把圆删除,得到下面所示的图形:
这是一个镂空的色带,与以前所讲不同的是,这次镂空的部分 是一个图形而不是文字.而且,我们用它来作遮罩时,有形体的部 分下面的内容将正常显示, 而中间被镂空的部分下的内容无法显示 出来, 这实际上与镂空的概念是截然相反的, 但这个效果正是我们 希望的. (十四)用箭头工具拉一个大框套住全部矩形, 按F8把它转换 为图形类图符, 以方便调用. 在矩形所在层的的第40帧按F6新建一
学
过
程
(七)为了方便调用,用箭头工具选取圆,按F8把它转换为图 形类图符. 在这一层的第40帧按F6插入关键帧, 并把圆向右移动到 下图所示位置.双击第1帧设置帧属性为运动渐变.在这一层上点 鼠标右键, 在弹出的菜单上选Mask设为遮罩层, 这时下面放大的文 字所在层自动成为被遮罩层.
得到背景文字,这是不真实的,所以我们还要再改进一些. (九)看来我们得对最下面的背景文字也加一个遮罩层,让代
Flash引导层、遮罩动画制作
Flash引导层、遮罩动画制作黔东南州一、背景分析本节内容是教材中第四章动画制作的第四课。
引导层动画与遮罩动画是Flash动画的重要组成部分。
与前面的逐帧，形变以及运动动画相比有着较大区别，前三种动画效果直观，明显，容易理解，而引导层动画与遮罩动画则比较抽象，但是它的制作效果比较奇特，能够实现其他动画实现不了的特效。
在这节课之前已经用了三个课时，分别对形状、动作补间以及元件作了相应的学习，但整体感觉学生动手热情不高，能及时完成学习任务的不到全班的1/3。
但是在这之前学生已经学过图处理工具Photoshop就多媒体软件的迁移能力来讲，学生也应该上手好快，但事实让人差强人意。
因而本节课课例还是考虑尽量小一点，争取能让学生当堂完成，以激发学习兴趣。
二、案例呈现（一）教学目标：1、知识与技能：了解引导层的概念、作用、特点及其图标的认识，掌握引导层的绘制方法和运动的制作要点，掌握创建引导层的方法、绘制引导层的方法，掌握利用引导线制作动画的方法与过程，掌握遮罩动画的产生原理及其制作方法与过程2、过程与方法：通过flash遮罩动画制作过程学会这种动画制作方法。
3、情感态度与价值观：体验两种动画的不同表现效果，感受动画媒体在表达主题思想上呈现信息的作用以激发学生的学习欲望（二）教材分析1、重点：掌握引导层、遮罩动画制作要点2、难点：引导路径的设置，引导层动画调整到路径，遮罩层和被遮罩层的关系，如何在遮罩层和被遮罩中设置动画，遮罩层和被遮罩层中应分别放置什么对象（三）教学策略采用任务驱动、问题解决、合作探究（四）教学准备网络多媒体教室，分发《学生素材》文件夹到学生计算机五、设计思想考虑到学生的接受程度以及学习的兴趣着力点并不在本门学科故本课课例选择本着由易到难，创新运用的原则。
学习课件设计尽量不让学生绕弯路，以节省上课时间，提高学习效率，整节课以学生自我完成学习任务以提高动画制作技能为主要目标。
、教学过程十、课后作业构思设计主题作业综合应用所学习的知识，制作一个能够体现主题思想的FLASH作品十一、教学反思本节课素材准备充分，课堂气氛较好，学生动手积极，但是由于学生对软件迁移应用过于缺乏，课堂作业效果不明显，如果分步骤、分小组共同协作效果应该会更佳。
flash引导动画和遮罩动画
Flash 遮罩动画与引导动画
1、遮罩动画的概念
“遮罩”，顾名思义就是遮挡住下面的对象。
在Flash8.0中，“遮罩动画”也确实是通过“遮罩层”来达到有选择地显示位于其下方的“被遮罩层”中的内容的目地，在一个遮罩动画中，“遮罩层”只有一个，“被遮罩层”可以有任意个。
“遮罩”主要有2种用途，一个作用是用在整个场景或一个特定区域，使场景外的对象或特定区域外的对象不可见，另一个作用是用来遮罩住某一元件的一部分，从而实现一些特殊的效果。
2、引导动画的概念
“引导动画”：是物体沿着一个你设定的线所做运动。
只要固定初时点和结束点，物体就可以沿着线运动。
这个线就是所谓的引导线
3、创建遮罩动画
制作滚动字
(1)、新建两个图层，并命名为“文字”“背景”
(2)、在背景层第一帧新建一个渐变，并在100帧上插入一个帧
（3）、在文字层第一帧输入文字并转换为图形元件放在图形的最下方；在第一百帧插入关键帧放在最上方。
（4）在文字层创建补间动画，属性设为遮罩层
（5）、测试场景（Crl+Enter）
四、创建引导动画
1、新建两个图层并命名为“引导线”“球”
”
2、分别在“引导线”“球”两个图层绘制一个圆弧和一个球。
把球转换为图形元件；在五十帧都插入关键帧。
2、分别选中球得中心，放在显得两个端点，并自动合上(50帧内同)
3创建补间动画，并改变图层属性（引导线为引导层；球为被引导层）
4 、场景测试（Ctrl+Enter）。
flash引导与遮罩动画
3.引导动画的制作方法
下面通过制作一个沿曲线移动的动画来介绍引导动作动画的制 作方法。
（1）按照上述方法建立沿直线移动的动作动画，例如圆球 从左边移到右边的动画。
（2）单击时间轴左下角的“添加运动引导层” 按钮， 则将在选中图层（此处是“图层 1”图层）的上边增 加一个引导层（也叫做导向图层），同时选中的图层 自动成为与引导层相关联的被引导层。被关联的图层 名称向右缩进，表示它是被关联的图层。此外，还可 以通过单击下拉菜单“插入”→“时间轴”→“运动 引导层”来增加一个引导层。
– （1）选中在时间轴内一个空白关键帧作为动画的开 始帧。然后，在舞台工作区内创建一个符合要求的对 象，作为形状动画的初始对象。此处绘制一个红色立 体彩球。 – （2）选中形状动画的第1个关键帧，再选中“属性” 面板内“补间”下拉列表框中的“形状”选项，此时 该面板如图10-5-3所示。
图10-5-3 形状动画关键帧的“属性”面板
（5）按回车键，播放动画，小球将引导线运动。按Ctrl + 回车键，播放动画，此时引导线不再显示出来。
4.引导动画的制作要点
引导线延续到位：引导层添加后要延续到被引导层的终端关键
帧处（F5），以便使引导线始终显示，一般会自动延续。
运动对象咬合到位：使运动对象的变形中心咬合在引导线的起、
末端，否则运动对象将沿短路运动，不沿引导线运动。为了便 于咬合到位，应启用运动动画的“对齐(贴紧)”属性，使运动对 象始终粘合在引导线上。
在遮罩层上创建对象，相当于在遮罩层上挖掉了相应形状的 洞，形成挖空区域而呈现完全透明，其他非遮罩区将不透明。 透过挖空区域，其下面被遮罩图层的相应内容就可以被显示出 来，而没有遮罩的部位成了遮挡物，把下面的被遮罩图层的其 余内容遮挡起来。
遮罩动画教案信息技术
遮罩动画教案信息技术教学目标：1. 了解遮罩动画的概念和作用；2. 学会使用遮罩动画的制作工具；3. 能够独立制作简单的遮罩动画。
教学内容：第一章：遮罩动画概述1.1 遮罩动画的概念1.2 遮罩动画的作用1.3 遮罩动画的应用场景第二章：遮罩动画制作工具2.1 遮罩动画制作工具的选择2.2 遮罩动画制作工具的使用方法2.3 遮罩动画制作工具的注意事项第三章：遮罩动画的制作流程3.1 确定遮罩动画的主题和内容3.2 设计遮罩动画的草图3.3 制作遮罩动画的素材3.4 合成遮罩动画第四章：遮罩动画的制作技巧4.1 遮罩动画的timing 控制4.2 遮罩动画的过渡效果第五章：遮罩动画的应用实例5.1 遮罩动画在广告中的应用5.2 遮罩动画在动画电影中的应用5.3 遮罩动画在网页设计中的应用教学方法：1. 讲授法：讲解遮罩动画的概念、作用和制作方法；2. 演示法：展示遮罩动画的制作过程和应用实例；3. 实践法：让学生动手制作遮罩动画，巩固所学知识。
教学评价：1. 学生能准确回答遮罩动画的概念和作用；2. 学生能熟练使用遮罩动画制作工具；3. 学生能独立制作出简单的遮罩动画。
第六章：遮罩动画的高级技巧6.1 遮罩动画中的动态遮罩6.2 遮罩动画中的层控制6.3 遮罩动画中的色彩调整第七章：遮罩动画与音频的结合7.1 音频在遮罩动画中的作用7.2 遮罩动画中音频的导入与处理7.3 遮罩动画与音频的同步技巧第八章：遮罩动画的优化与输出8.2 遮罩动画的输出设置8.3 遮罩动画的输出格式选择第九章：遮罩动画案例分析与实战9.1 遮罩动画案例分析9.2 遮罩动画实战演练9.3 遮罩动画的创意与创新第十章：遮罩动画在实际工作中的应用10.1 遮罩动画在广告行业的应用10.2 遮罩动画在影视制作中的应用10.3 遮罩动画在教育领域中的应用教学方法：1. 讲授法：讲解遮罩动画的高级技巧、与音频的结合方法、优化与输出技巧；2. 演示法：展示遮罩动画案例分析与实战过程；3. 实践法：让学生动手实践，创作出具有创新性的遮罩动画作品。
《引导线动画与遮罩动画》教学反思范文
《引导线动画与遮罩动画》教学反思范文第1篇：《引导线动画与遮罩动画》教学反思范文教学反思：1、教学对象是高中学生，他们有着*思考能力和较强的动手能力，能根据所学的内容内化为自己的技能，因此，在课堂上不能只讲技术步骤，更重要的是利用理论来引导*作，达到知识、技能、情感三统一。
2、作品欣赏是一个好的开头。
虽然高中学生的逻辑思维已经成熟，但是他们在文化课的学习中已经对这样的思维培养有所厌烦了，因此，本教案从形象思维开始，引导他们对美的作品的欣赏，从而激发对flash产生更浓厚的兴趣。
3、毕竟学生的水平参差不齐，有些本来是参加中小学电脑制作活动的学生已经成竹在胸，直接可以自己动手做都没问题；但一些农村考上来的学生，可能在初中小学根本都没有接触过flash，因此对这个软件比较陌生，甚至无从做起。
针对这种情况，我们在备课的时候紧抓“学生是主体，教师是主导”的教学方针，针对这节课开发了两个教程，分别是《轨迹动画视频》、《遮罩动画视频》。
4、因为使用了教学博客，学生在完成了自己的作品之后，能方便的进行交流，还能使到学生在博客上进行跟踪、欣赏其他同学的作品，写出自己欣赏作品过程中的想法。
同样，老师也可以用同样的方法跟踪学生的学业，将学生的学业通过博客的形式整合在一起，我们正是探讨这样的一种课堂评价模式：通过博客中介，搭建教师和学生的桥梁，学生与学生的桥梁，学生自己的桥梁，他们未完，继续阅读 >第2篇：《Flash遮罩层动画的制作》的教学反思林承富本课主要是在建构主义教学理论指导下，采用“任务驱动”教学策略，利用网络环境下多媒体教学系统，对学生实施自主学习的教学模式，教学中注重培养学生分析问题，解决问题的能力，本课在课前的教学设计中就力争做到：以学生为中心，以教师为引导；知识的展现通过学生自己的探究得到，而不是单纯的灌输；在教学过程中，循序渐进，分层教学，激发学生学习兴趣，让学生积极主动地参与到教学活动中来。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
Page 8
3.将当前图层更名为“字”，新建一个图层，命 名为“图”，将库中刚才导入的图片拖入场景 中，使用【任意变形工具】，将图片大小缩小 为场景大小，并覆盖整个场景。调整两图层的 位置，使得图层“字”位于图层“图”的上方 4.在图层“字”的15帧的位置上按F5插入延长 帧。在图层“图”的15帧的位置上按F6插入 关键帧，并将图片向上平移，时间轴如图4.12 所示。图层“图”的第1帧位置上单击右键， 选择创建补间动画 5.在时间轴，图层“字”上单击右键，选择“遮 罩层。”按Ctrl+Enter看最终效果
选中第1帧，选择【属性】面板上的【补间】下拉 框的【动画】。点击第1帧处的【元件1】，在 【属性】面板上【颜色】下拉框中的设置【元件 1】的Alpha为60%。在【图层2】第20帧按F6 插入关键帧，然后在【属性】面板上【颜色】下 拉框中的设置【元件1】的Alpha为20%。
Page 23
在时间轴上，用鼠标将【图层1】拖放到顶层。 在【图层1】层上点击鼠标右键，在弹出的快 捷菜单中选择【遮照层】命令。如果想取消 遮照，主要再选择一次【遮照层】命令，取 消它前面的对号（√）即可。 在【时间轴】面板上鼠标右击【图层2】，从弹 出的快捷菜单中选择【插入图层】命令，插 入一个新的图层【图层3】。
Page 25
4.2.7 汽车广告
本实例主要是用着遮罩效果制作汽车片头，其 操作步骤如下：
1.把汽车的图片导入到库 2.把图片覆盖整个舞台 3.画一椭圆设置为元件，并放在舞台正中位置 4.新建一个元件，命名为“圆1”，设置为【影 片剪辑】类型 5.在在圆1的编辑区中，选择图层1，将库里的 【圆】影片剪辑拖放到工作舞台中，在第20 帧按F6插入关键帧，把刚拖放到工作舞台中 的圆右移一段位移。
Page 2
4.1 遮罩动画
“遮罩”顾名思义就是遮挡住下面的对象。在Flash8.0 中，遮罩动画是通过“遮罩层”来达到有选择地显示 位于其下方的“被遮罩层”中的内容的目地，在一个 遮罩动画中，“遮罩层”只有一个，“被遮罩层”可 以有任意个。 在Flash中，对于那些处于遮罩层下的东西而言，只有 哪些被遮盖的部分才能被看倒，没有被遮罩的区域反 而看不到。遮罩层中的对象我们称之为“遮罩物”， 几乎一切具有可见面积的东西都可以被用作遮罩层中 的遮罩物，而声音或笔触（没有面积）则不能用作遮 罩物。 需要注意的是，一个遮罩层中只能存在一个遮罩物。也 就是说，你只能在一个遮罩层中放置一个文本对象、 影片剪辑实例或其他东西。遮罩层中的遮罩物就像是 一些孔，透过这些孔，你可以看到处于被遮罩层中的 东西。
Page 19
回到工作舞台上，使用鼠标单击工作舞台，使得在工 作舞台上出现一个编辑框，在该编辑框里输入文本 FLASHZHIZUO，然后按Ctrl+K组合键，打开 【对齐】面板 在该面板里单击【相对于舞台】按钮，然后分别单击 【水平中齐】按钮和【垂直中齐】按钮，使得在工 作舞台上输入的文本移动到舞台的中心
Page 26
单击【时间轴】面板中的插入图层按钮 新增 一层即图层2，同样点击图层2第1帧，将 库里的【圆】影片剪辑拖放到工作舞台， 在第20帧按F6插入关键帧，把刚拖放到工 作舞台中的圆左移一段位移 单击【时间轴】面板中的插入图层按钮 新增 一层即图层3，同样点击图层3第1帧，将 库里的【圆】影片剪辑拖放到工作舞台， 在第20帧按F6插入关键帧，把刚拖放到工 作舞台中的圆下移一段位移
Page 6
4.2 制作遮罩动画案例
4.2.1 猫和鱼
本实例使用绘图工具和遮罩层实现了遮罩效果。 具体实现如下： 1.将鱼的图片导入到当前库中 2.把猫的图片拉到图层“猫”上，单击右键，选择【遮 罩层】
Page 7
4.2.2 色彩缤纷
本实例使用遮罩工具实现了。具体实现如下： 文字颜色的动态改变 1.使用【文字工具】在场景中央稍向下的位置 输入“色彩缤纷”四个字。文字大小为70， 加粗，字符间距为20 2. 将被遮罩图片导入到当前文档的库中。
Page 15
进入元件编辑区后用文字工具输入一行 文字，文字的颜色为白色 回到主场景，将做好的元件放到场景中， 置于场景的上半部，并使用变形工 具调整到合适大小 在第60帧处按F5延长帧，原文字层就做 好了。
Page 16
（3）制做倒影层。 在原文字层的上面新建一图层并命名为“倒 影”。然后将“文字”元件拖入到场景中。 放于原文字的下面。使两者对齐。用变形 工具将倒影层里的文字的高度变低一点， 将倒影层的文字翻转180度。在这里我们可以 先单击倒影层文字，再点【修改】|【变 形】|【垂直翻转】 再在第60帧按F5延长帧，那么倒影效果层就 做好了。
选中【图层2】上的所有帧（先点击第一帧，按 住Shift键，再点最后1帧即可选中所有帧），单 击右键在弹出的快捷菜单中选择【复制帧】命令。 返回到【图层3】，在第1帧处单击右键，在弹出 的快捷菜单上选择【粘帖帧】命令。并选中该图 层第50帧后面的所有帧，然后右击，在弹出的会 计菜单上选择【删除帧】命令，删除第50帧后的轴】面板中的插入图层按钮 新增 一层即图层２，单击工具箱中的【椭圆工具】 按钮，并设置边框颜色为无色。 （6）按Shift+F9组合键，或者选择【窗口】 |【混色器】命令来打开【混色器】面板。 （7）单击颜色方框右边的下拉列表，选择 【放射状】选项，然后把滑条上左边的滑标 颜色设置为“#FFFF00”，右边的滑标颜色 为“#660099”（即文档背景的颜色）， Alpha值设置为10%
Page 17
（4）制做遮罩层。
1.在倒影层上新建一图层，命名为“遮罩”。然后选用 矩形工具，画一个颜色任选，和倒影文字等宽，比倒 影文字略矮的矩形。将其放于倒影文字上，正好盖住 倒影文字的上半部。 2.选用橡皮擦工具（选择合适的橡皮擦头大小），将刚 才画的矩形擦掉一部分，露出一些条纹。选中处理后 的矩形，按F8将它转换为图形元件，元件名为“遮 罩”。 3.分别在遮罩层的第15帧，30帧，45帧和第60帧添加 关键帧，并创建补间动画。然后移动矩形位置，在第 15帧将矩形置于倒影文字下半部，第30帧置于上半 部，第45帧再放回下半部，第60帧置于上半部 4.分别在遮罩层的第15帧，30帧，45帧和第60帧添加 关键帧，并创建补间动画。然后移动矩形位置，在第 15帧将矩形置于倒影文字下半部，第30帧置于上半 部，第45帧再放回下半部，第60帧置于上半部
Page 11
（3）制作罩层
在放大效果图层的上面插入一新图层，并命名 为“遮罩层”。在第一帧，用椭圆工具画一 个黑色的圆，圆的直径比放大后的文字略大， 要正好能够遮住放大效果的文字。 在第四十帧按F6插入关键帧，再选中第四十帧， 将此时的圆的位置移动到正好盖住最后一个 放大文字的位置，然后再选中第一帧，按右 键加补间动画。最后在遮罩层这个图层的名 字上点右键，单击【遮罩层】。这样我们要 做的放大镜效果就完成了
Page 4
4.1.2 应用遮罩的技巧
使用遮罩层创建动画时，对于用作遮罩的填充 形状，可以使用补间形状动画；对于文字对 象、图形实例或影片剪辑，可以使用补间动 作动画。使用影片剪辑实例作为遮罩时，可 以让遮罩沿着运动路径运动。 遮罩层的基本原理是：能够透过该图层中的对 象看到“被遮罩层”中的对象及其属性（包 括它们的变形效果），但是遮罩层中的对象 中的许多属性如渐变色、透明度、颜色和线 条样式等却是被忽略的。比如，我们不能通 过遮罩层的渐变色来实现被遮罩层的渐变色 变化。
Page 24
选取【图层3】上的第1帧和第50帧，鼠标 右击并在弹出的快捷菜单上选择【翻转帧】 命令。 选中【图层3】第1帧，点击第1帧处的【元 件1】，在【属性】面板上【颜色】下拉 框中的设置【元件1】的Alpha为20%。 点击第30帧处的【元件1】，然后在【属 性】面板上【颜色】下拉框中的设置【元 件1】的Alpha为60%，同样第50帧的 Alpha值设为100%。 按Ctrl+Enter就可以看产生的光照效果了
Page 18
4.2.6 光照文字
本实例主要运用遮罩效果，制作出光照文字的效果。其 操作步骤如下： （1）新建一flash文档，Ctrl+Shif+S保存，命名为 “光照文字”，大小为400×250，背景颜色设置为 紫色 （2）单击工具箱里的【文本工具】按钮，在【属性】 面板里设置字体为Georgia，大小为50，颜色为白色
Page 9
4.2.3 简易放大镜
本实例掌握遮罩层的使用。具体步骤如下: （1）做原文字层。即文字在没有放大镜照到的效果。 新建一个图层，双击图层名修改其命名为“原文字”， 用文本工具选择字号大小为23输入一行字。将其置 于场景正中间。在第40帧按F5延长帧。
Page 10
（2）做文字放大效果层。 在原文字层名上点右键，选【插入图层】新建一图 层，命名为“放大效果”。这里放大层必须放在 原文字层的上面。复制原文字并粘贴到此层。将 其字体改大,然后位置与原文字层里的文字的位置 一致，目的是要用放大效果层盖住原文字层。在 第40帧按F5延长帧。
Page 5
要在场景中显示遮罩效果，可以锁定遮罩层和被遮罩层。 不能用一个遮罩层试图遮蔽另一个遮罩层。
在制作过程中，遮罩层经常挡住下层的元件，影响视线， 无法编辑，可以按下遮罩层时间轴面板的显示图层轮 廓按钮 ，使之变成 ，使遮罩层只显示边框形状， 在种情况下，你还可以拖动边框调整遮罩图形的外形 和位置。
Page 21
点击菜单栏中【插入】|【新建元件】命令，打开 【创建新元件】对话框，并在该对话框中选择 【图形】选项，然后单击【确定】按钮。 （9）在【编辑】窗口里，按住Shift键拖动鼠标，绘 制一个圆作为“光源”，然后单击【编辑】窗口 上的场景按钮，切换回工作舞台
Page 22
选中【图层2】，按Shift+L组合键，打开库，然 后将制作好的【元件1】从库里拖到工作舞台上 文本的左边，并在该层的第50帧处按F6插入关 键帧，同时在【图层1】的第50帧按F5延长帧。 点击【图层2】，将【元件1】拖放到文字的最 右边。