形变动画

来源:百度文库 编辑:神马文学网 时间:2024/04/24 07:23:36

形变动画  一、用形变动画制作红五星的变化

上一课制作的红五星变化的动画,

我们采取的是逐个插入关键帧的方法,

10帧的动画,我们插入了10个关帧,

从第一帧到第十帧里,五星逐渐变大。

现在我们换一个方法来制作这个动画,

比较一下二者有差异。

方法是:

在第一帧里绘制一个小的红五星,

然后只在第十帧里插入一个关键帧,

第二到第九帧中的变化,让计算机给我们完成。

具体制作见下图面的图示:

1.在第1帧里绘制一个小红五星

2.在第10帧里插入关键帧,并用变形工具把插入的红五星放大

3.创建动画的渐变过程: 

下图的时间轴是生成了形状补间动画的情景。

按Ctrl+Enter键测试动画。

在这个动画里,

第一帧和第十帧是关键帧,

第二到第九帧是过渡帧,

也就是说,中间这8个帧的形状逐变,

由Flash根据两个关键的形状和大小自动给补上了,

所以,这种类型的动画,

我们称为补间动画或称为渐变动画。

补间动画分为“形状补间”和“动作补间”

(又称“运动补间”,Flsah8.0称为”动画补间“),

或者称为形变动画和运动动画。
二、形变动画实例2-圆变矩形

1.用工具栏的“椭圆形工具”绘制一个红色的圆

(按住Shift绘出的是园)

2.在第30帧点击右键,

在弹出的菜单中选“插入空白关键帧”:

3.用“矩形工具”在第30帧里绘制一个蓝色的正方形

(按住Shift键用鼠标可绘制正方形)。

为了保证绘制的正方形与圆在同一个位置,

可先点击选中“绘图形外观”按钮,

这样在选中第30帧的空白帧时,

也可显示出第一帧内的圆。

下图是在第30帧画了一个蓝色的矩形,

该矩形正好与红色的圆位置相同。

4.生成形状补间:


然后保存并按Ctrl+Enter测试动画,测试成功,发布动画。

我们保存的Flsah文件,其扩展名为*.fla,这是Flash动画的源文件。

要想应用Flsah动画,必须把它发布生成扩展名为*.swf的文件。

发布动画请选“文件”菜单的"发布”,

或用快捷键"Shift+F12"。

另外,当我们保存了动画后,测试动画时,

也会自动发布生成swf文件。

三、形变动画实例3

下面我们实例2的基础上,再增加一个图形变化

2.在图层2的第1帧绘一个蓝色矩形

3.在图层2的第30帧插入空白关键帧:

4.在图层2的第30帧的空白关键帧里绘一个红色的圆,

位置如下图所示。

5.选中图层2中的第1帧,打开属性面板,创建形状补间

保存,并测试、发布动画。

注意:

一个Flash里有多个对象在同时变化,

一定要把不同的对象放在不同的层里。

图层的应用是Flash动画里不可缺少的。

一个复制的Flash动画,可能会有很多图层。

图层的默认名称是“图层一”、“图层二”……,

我们双击图层的名称,可以给层重新命名