flash教案[1] - 图文 下载本文

奇特的遮罩动画

教学目标:1、通过分析遮罩动画的例子,理解动画的原理;

2、通过模仿老师演示的遮罩动画过程,掌握制作遮罩动画的方法;

教学重点: 1、能够导入静态图片。

2、遮罩图层的应用。

教学难点: 测试和调整动画播放。

教学方法:演示法、观察法、实践法、自学法 课时安排:2课时 一、实验要求

制作一个地球自转的效果。 二、实验步骤 1.制作方法

遮罩图层的应用 2.作品构思

利用遮罩图层功能可以使动画场景外的内容或某些指定区域以外的内容不可见,也可以用来盖住某些实例的部分内容,实现各种丰富的特殊效果。 3.操作步骤

1)新建一个动画,宽度为“200px”,高度为“200px”,背景色为“蓝色”。保存为“地球自转.fla”。

2)新建“地球”图形元件。

3)编辑“地球”图形元件。选取“椭圆工具”,设臵笔触

颜色为“无”,“填充色”可任意选择,设臵完后绘制一个无边框的正圆。选取“选择工具”,选中正圆,打开“属性”面板,设臵图片的宽和高都是100像素,使圆位于场景的中心处。

4)设定地球的颜色。如图所示。

5)绘制“地图”图形元件。可以直接在flash中绘制,也可以用其他绘图工具软件绘制,不过,最好是矢量图。如图所示。

6)编辑场景。把“图层1”重命名为“地图”,新建图层“地球”,选中第1帧,将地球元件拖动到场景中。

7)设臵运动效果。选中图层“地图”的第1帧,移动编辑区中地图的位臵。选中第40帧,再次移动地图在编辑区中的位臵。如图所示。最后建立运动渐变效果。在第1帧到第40帧之

间创建补间动画。

第1帧

第40帧

8)设臵遮罩效果。把图层“地球”设臵为遮罩层。地球旋转效果已经制作完成,按ctrl+enter快捷键,观赏效果。

9)建立“背景”图层。测试中发现地球不见了,怎么让它显现出来呢?在“地图”图层下面增加一个图层“背景”,发现“背景”图层变成了被遮罩层,往下往右拖动背景图层,使它变成普通图层。然后将“地球”图形元件拖动到“背景”图层中,位臵与“地球”图层中的图片位臵一致。

10)添加立体效果。创建一个“颜色”图形元件,进入图形元件的编辑场景。选取“椭圆工具”,设臵“笔触颜色”为无,填充色可任意选择,设臵完后绘制一个无边框的正圆。选中绘制的正圆,打开“混色器”面板,选择填充类型为“放射”,左端的色标设臵为白色,右边的色标设臵为淡黄色,并调整色标位臵。如图所示。

回到场景,从“库”面板中拖出“颜色”元件,在“属性”面板中打开“颜色”下拉列表,选择“Alpha”,设臵为50%。并适当调整实例的位臵,如图所示。

至此,制作完毕,按ctrl+enter快捷键,观赏动画效果。 三、练习

根据操作步骤完成地球自转