《Flash动画制作课程》
遮罩动画
教学时间
计划课时
1课时+实训2课时
序号
9
课程内容
制作高级动画—遮罩动画
教学目标
1、掌握遮罩的基本原理;
2、运用遮罩制作简单的场景动画
教学重点
遮罩层和被遮罩层
教学难点
多层遮罩动画
教学方法
讲授演示法,任务驱动学习法和协作学习法
教学资源
多媒体机房、投影仪、电子教学平台、视频演示教程、案例源文件、素材、ppt等。
教学过程
备注
复习旧课
制作引导动画的注意事项:引导路径中不能出现中断现象、交叉、和重叠现象;引导路径转折不宜过多,且转折处的线条转弯不宜过急;被引导层中的运动对象必须准确吸附到路径上,否则将无法沿引导路径运动。
导入新课
  在Flash的作品中,我们常常看到很多眩目神奇的效果,而其中不少就是用最简单的“遮罩”完成的,如水波、万花筒、百页窗、放大镜、望远镜……等等。那么,“遮罩”如何能产生这些效果呢?
  请同学们先观看下面两个动画,并思考以下问题:
  1、动画中具体表现出什么样的变化?
  2、动画中是否有透过某个区域可以看到另一番景象
新课讲解
一、遮罩动画的概念
1、什么是遮罩
  遮罩动画是Flash中的一个很重要的动画类型,很多效果丰富的动画都是通过遮罩动画来完成的。在Flash的图层中有一个遮罩图层类型,为了得到特殊的显示效果,可以在遮罩层上创建一个任意形状的“视窗”,遮罩层下方的对象可以通过该“视窗”显示出来,而“视窗”之外的对象将不会显示。
2、遮罩有什么用
  在Flash动画中,“遮罩”主要有2种用途,一个作用是用在整个场景或一个特定区域,使场景外的对象或特定区域外的对象不可见,另一个作用是用来遮罩住某一元件的一部分,从而实现一些特殊的效果。
二、创建遮罩的方法
1、创建遮罩
  在Flash中没有一个专门的按钮来创建遮罩层,遮罩层其实是由普通图层转化的。你只要在某个图层上单击右键,在弹出菜单中选择【遮罩层】,使命令的左边出现一个小勾,该图层就会生成遮罩层,“层图标”就会从普通层图标变为遮罩层图标,系统会自动把遮罩层下面的一层关联为“被遮罩层”,在缩进的同时图标变为,如果你想关联更多层被遮罩,只要把这些层拖到被遮罩层下面就行了,如图所示。
制作flash
2、构成遮罩和被遮罩层的元素
  遮罩层中的图形对象在播放时是看不到的,遮罩层中的内容可以是按钮、影片剪辑、图形、位图、文字等,但不能使用线条,如果一定要用线条,可以将线条转化为“填充”。
  被遮罩层中的对象只能透过遮罩层中的对象被看到。在被遮罩层,可以使用按钮,影片剪辑,图形,位图,文字,线条。
3、遮罩中可以使用的动画形式
  可以在遮罩层、被遮罩层中分别或同时使用形状补间动画、动作补间动画、引导线动画等动画手段,从而使遮罩动画变成一个可以施展无限想象力的创作空间。
3.应用遮罩时的技巧
  遮罩层的基本原理是:能够透过该图层中的对象看到“被遮罩层”中的对象及其属性(包括它们的变形效果),但是遮罩层中的对象中的许多属性如渐变、透明度、颜和线条样式等却是被忽略的。比如,我们不能通过遮罩层的渐变来实现被遮罩层的渐变变化。
(1)要在场景中显示遮罩效果,可以锁定遮罩层和被遮罩层。
(2)可以用“Actions”动作语句建立遮罩,但这种情况下只能有一个“被遮罩层”,同时,不能设置_Alpha属性。
(3)不能用一个遮罩层试图遮蔽另一个遮罩层。
(4)遮罩可以应用在gif动画上。
(5)在制作过程中,遮罩层经常挡住下层的元件,影响视线,无法编辑,可以按下遮罩层时间轴面板的显示图层轮廓按钮,使之变成,使遮罩层只显示边框形状,在种情况下,你还可以拖动边框调整遮罩图形的外形和位置。
(6)在被遮罩层中不能放置动态文本。
或许你读了上面的描述,还有点模糊,那么,通过一些范例,相信你会感受到遮罩动画的神奇!
实例1:探照灯效果
实例2:放大镜效果
实例3:万花筒
实例4:MTV字幕效果
实例5:百叶窗效果
实例6:地球转动
综合实例:闪闪红星
课堂小结
a) 在做遮照时要分清楚什么是遮照,什么是被遮照的?
关键记住显示的是两层的重叠部分,而具体显示的内容由被遮照层决定,即看到的是什么,那一层就是被遮照层。
b) 遮照层和被遮照层两层都可做动画,我们的动画是在哪一层?
c) 很多时候遮照不只有两层,还有两个普通层,一个在被遮照层下,一般用作背景;还有一层在遮照层上,一般是做一些和遮照同步的动画,有些还可在遮照层的基础上再作加工,比如说一些放大镜的样子等
d) 分清楚遮照的这些概念以后,就可以用以前学过的知识做各类元件放在相应的层中,就可以做出我们需要的一些遮照效果。
布置作业
实训十一:制作遮罩动画
教学反思