《Flash动画设计与制作》
教 师 授 课 教 案
教学项目 教学班级 教学方法 项目五 遮罩动画制作 备课教师 教学时数 8学时 任务驱动教学法、案例教学法、演示法、小组学习法 1、熟练掌握遮罩动画的概念、原理。 知识目标 2、熟练掌握创建遮罩的方法。 3、熟练掌握被遮罩层运动的遮罩动画制作方法。 1、能够制作简单的遮罩动画。 能力培养目标 理论与实践相结合 全体同学 1、创建引导层的几种方法。 2、能够制作被遮罩层运动的遮罩动画。 本次授课目的与要求 课堂类型 考核对象 教具 多媒体教室、机房 2、调整到路径的作用和方法。 复习旧课要点 3、多层引导层动画的制作方法。 1、遮罩动画的原理。 新课重点 2、遮罩动画的制作方法。 3、被遮罩层运动的遮罩动画的制作方法。 难点：遮罩动画究竟显示的是遮罩层的内容还是被遮罩层的内容？又是如何 新课难点 及解决措施 显示的呢？ 措施：利用自制的教具（可以是简单的一个圆环和一张海报）向同学们演示， 帮助同学们有直观的认识。 课后总结 及改进措施 备课时间 涉及标准 参考工具书 主任审阅 《Flash动画设计与制作》 授课教案副页
时间 分配 1学时 授 课 内 容 一、复习 之前的课程我们学了3中基本动画类型，分别是逐帧动画、形状补间动画和动画补间动画。这三种动画可以帮助我们完成很多复杂的效果，想必大家在上个内容——引导层动画里面已经深有体会。 顾名思义，引导层动画就是让某一物体依照固定轨迹运动，而大家在之前的几个例子中也都体会到了，这些物体可以做简单的直线运动，也可以做曲线运动，甚至通过“缓动”等参数的设置可以实现运动速度由快到慢或由慢到快的惯性运动。无论是引导层还是被引导层，动画类型都是之前所学3中基本的动画类型。 二、导入新课 那么有同学就想了，飞机可以运动，汽车可以运动，我们可不可以让水波也来运动呢？比如瀑布的效果(教师演示)，让水柱从高处落下，这个也是引导层动画吗？ 新建Flash文档，用引导层和动作补间动画分别制作出水柱自上向下的运动，对比瀑布效果，显然，这两种动画都无法将瀑布效果完美呈现。此时，将瀑布效果的源文件在FLASH软件中打开，让同学们自己看图层，并且第一次接触这样的图层关系。 带着疑问，我们观察图层的变化。就会发现图层2的属性类型为“遮罩层”。 在FLASH作品中，大家会看到很多炫目神奇的效果，其中很多就是用最简单的“遮罩”完成的，如水波、百叶窗、放大镜、卷轴等效果。 那么这些神奇的效果都是怎样制作的呢？这就是我们这节课的重点内容了！ 《Flash动画设计与制作》 授课教案副页
三、讲授新课 遮罩动画的概念 在Flash作品中，经常会看到一些炫目神奇的效果，其中很多就是用最简单的“遮罩”完成的，如水波、百叶窗、放大镜、卷轴等效果。遮罩动画和引导层动画一样，最少需要两个图层，与普通图层不同的是，遮罩动画中只能通过遮罩层上对象的形状来观看被遮罩层中的内容。遮罩层上对象的形状是一个“视窗”，“视窗”内的对象显示出来，“视窗”之外的对象将不会显示，在播放动画时“视窗”不显示。 遮罩层和被遮罩层 （1）遮罩层：遮罩动画中位于上方的图层是遮罩层，一个遮罩动画中只能有一个遮罩层。遮罩层中的对象必须是图形、位图、文字、影片剪辑元件、按钮等，不能是线条。如果要使用线条，可以将线条转化为“填充”。 （2）被遮罩层：遮罩动画中位于下方的图层是被遮罩层。被遮罩层中的对象可以是图形、位图、文字、影片剪辑元件、按钮、线条。一个遮罩效果中被遮罩层可以有多个。 制作遮罩动画的步骤 （1）在“时间轴”面板中创建两个普通图层，在图层中可以导入位图、绘制对象或者制作动画。 （2）在位于上方的图层上单击鼠标右键，从弹出的快捷菜单中选择“遮罩层”命令，创建遮罩动画。此时，遮罩层的图标由变为变为，被遮罩层自动缩进。 遮罩动画的用途 遮罩动画有两种用途：一种是用在整个场景或一个特定区域，使场景外的对象或特定区域外的对象不可见；另一种是用来遮罩某一元件的一部分，从而实现一些特殊的效果。 ，被遮罩层图标 2学时 《Flash动画设计与制作》 授课教案副页
遮罩动画三种基本形式 （1）遮罩层是静止的，被遮罩层在运动。如本项目任务1春暖花开中的动画效果。 （2）遮罩层在运动，被遮罩层是静止的。如本项目任务2放大镜中的动画效果。 （3）遮罩层和被遮罩层都在运动。如本项目任务3心为我动中的动画效果。 教学任务：教师讲解，操作演示： 任务一 春暖花开 操作步骤：见书本 任务二 放大镜 操作步骤：见书本 任务三 心为你动 操作步骤：见书本 任务四 飞流直下 操作步骤：见书本 2学时 四、相关知识小结 1、“遮罩动画”有两种用途：一个是用在整个场景或一个特定区域，使场景外的对象或特定区域外的对象不可见；另一个是用来遮罩住某一元件的一部分，从而实现一些特殊的效果。 2、在较为复杂的动画实例中，遮罩动画可与其他形式的动画相结合使用，只要熟练掌握各种动画的制作方法，再结合元件操作和图层操作就可以制作出各种形象生动的动画作品。 1学时 五、扩展实例 1、百叶窗效果 2、文字闪光效果 《Flash动画设计与制作》 授课教案副页
3、水中倒影效果 2学时 六、学生上机实训，教师辅导
电子教案-《Flash动画设计与制作（第二版）》-A06-3961（示例） 项目五 遮罩动画制作
