第五课 制作遮罩动画
教学目的和要求:Flash中普通层是透明的,普通层叠在一起是不会互相遮罩。利用遮罩层,可以制作一些特殊的动画效果。
主要教学内容:1、探照灯效果
2、望远镜效果
教学重点:制作遮罩动画
教学难点:探照灯和望远镜效果
课时公配:1课时
教学方法:先理论、然后演示,再通过例子巩固知识。
教学过程
制作一个动画,产生文字在探照灯照射下逐步显示出来的效果。
分析:在普通层上放入文字,再建遮罩层,在遮罩层上画一个圆。遮罩层中的圆移动时,它下面的文字就随着显示出来了,就像探照灯将文字照出来了一样。
一、探照灯效果
1、新建一个动画文件,将其第一个图层的名字改为“文字”。
2、单击菜单【修改(M)】—【文档(D)...】,设置背景色为黑色。在“文字”层的第1帧输入“欢迎光临”;在第15帧处插入帧,将第1帧延伸至第15帧。
3、新建图像元件“圆”。(见图2-5.2)
4、新建图层“灯”。将元件“圆”拖入第1帧的舞台左边,遮住左边的文字;在第1帧创建“动作补间动画”。
5、在“灯”图层上单击鼠标右键,选择【遮罩层】,如图2-5.4所示。
二、望远镜效果
分析:运用遮罩层制作一个具有望眼镜效果的Flash动画。
1、新建“风景”图形元件,导入风景图片;新建“望眼镜”图形元件,画两个相交圆作为望眼镜。
2、将元件“风景”拖入图层1的第1帧,调整到和舞台一样大小。与舞台对齐,插入静止帧至第45帧。见图2-5.6
3、增加图层2,将元件“望眼镜”拖入图层2的第1帧;在第45帧插入关键帧,移动望眼镜的位置。在第1帧设置“动作补间动画”。如图2-4.2
4、将图层2设置为“遮罩层”。
5、新建图层3,将元件“风景”再次拖入舞台,调整到和舞台一样大小,并设置颜色Alpha透明(将其值调整为45%)。如图2-5.7所示。
作业: 制作一个广告字幕效果的动画,要求文字从左到右逐步显示。
提示:让遮罩层静止,对文字层中的文字元件做“动作补间动画”。