浅谈Flash动画教学之形状补间动画

摘 要：Flash是Macromedia公司推出的“网页三剑客”之一的动画制作软件，它可以进行矢量图形编辑和动画制作，并且在动画中可以导入外部文字、图形图像、声音、视频等多媒体元素。因此，许多广告、游戏、多媒体课件、MTV、各种短片等都是用Flash制作的。Flash动画制作中的形状补间动画是很重要的一种补间动画类型，它可以变幻出各种奇妙的变形动画效果，深受学生喜爱。本文是作者在Flash动画教学实践中总结出来的一些关于Flash形状补间动画的知识和技巧，写出来与各位同仁交流学习。

关键词：Flash；关键帧；矢量图形；形状补间动画

一、Flash简介

Flash是Macromedia公司推出的一款集矢量图形编辑和动画制作为一体的软件，其制作的动画特点如下：

1.基于矢量绘图

Flash中绘制的图形是矢量图形，矢量图形可以做到真正的无限缩小放大，并且不会降低画面质量，同时基于矢量图形制作的动画只需存储少量的矢量数据就可以描述一个复杂的对象，与位图相比具有明显的优势，非常适合于网络传输。

2.插件工作方式

Flash以插件方式工作，只要在浏览器上安装Flash插件，就可以快速的启动并观看Flash动画，目前在IE和Netscape浏览器的新版本中都包含了Flash插件，支持Flash流式动画，就会使得用户观看Flash动画更为方便。

3.流式播放技术

Flash动画不同于其他动画工作方式，它的流式播放技术使得动画可以边下载边播放，而不必等到全部下载完毕再播放，这样就大大减少了用户等待的时间。

4.强大的交互性

交互性是Flash动画最富特色的地方，Flash动画通过动作脚本可以实现动画所需要的各种类型的交互功能，如按钮交互、文本交互、热区交互、热对象交互、按键交互、时间限制交互、菜单交互和拖曳交互等。

5.融合多种媒体

Flash强大的动画编辑功能使得设计者可以随心所欲地设计出高品质的动画，并且还可以导入外部的图形图像、声音、视频、三维动画等多种媒体，使得制作的动画声情并茂。

二、Flash形状补间动画原理及创建方法

1.形状补间动画原理

形状补间动画是Flash中的一个很重要的动画类型，很多效果必须通过形状补间动画来完成。它的原理是：在开始关键帧中绘制一个形状，然后在结束关键帧中更改该形状的属性或绘制另一个形状，Flash根据开始帧与结束帧的形状以及它们之间的帧的数量来自动补充完成中间的形状变化过程，这种动画被称为“形状补间动画”。

2.形状补间动画在时间轴面板上的标记

形状补间动画建好后，时间轴面板的背景色变为淡绿色，在起始关键帧和结束关键帧之间形成一条带箭头的实线（如图1所示），如果是一条带箭头的虚线，则说明创建形状补间动画失败。

3.创建形状补间动画的方法

在开始关键帧中创建一个形状，在结束关键帧中创建另一个形状或改变开始关键帧中形状的属性（比如颜色，大小、位置等），单击选中开始关键帧，在属性面板上单击“补间”后的下拉列表框，在弹出的列表中选择“形状”（如图2所示），一个形状补间动画就创建完毕了。

三、形状补间动画的制作技巧

1.使用的对象元素

制作形状补间动画的起止关键帧上的对象必须是用鼠标或压感笔绘制出的矢量图形，判断对象是否为图形，就看选中该对象时，周围有无蓝色矩形选中框，如果没有，则为图形。如果有蓝色选中矩形框，则不是矢量图形，而可能是位图、图形元件、按钮元件、文字或群组等对象元素，这时就需对该对象用CTRL+B组合键进行分离操作，有时还需要进行多次分离操作，直到它们变成形状为止，最后才能创建形状补间动画。

2.灵活运用形状提示控制形状变形过程

形状补间动画看似简单，实则不然。Flash在“计算”起止关键帧中形状的差异时，远没有我们想象中的那么简单，尤其是两个图形差异较大时，变形的过程会显得乱七八糟，不尽如人意，这时，“形状提示”功能会大大改善这一情况。

（1）形状提示的作用：在“起始形状”和“结束形状”中添加相对应的“参考点”，使Flash在计算变形过程时依一定的规则进行，从而较有效地控制变形过程。

（2）添加形状提示的方法：先在形状补间动画的开始帧上单击一下，再执行“修改”│“形状”│“添加形状提示”菜单命令，该帧的形状上就会增加一个带字母的红色圆圈，相应的，在结束帧的形状上也会出现一个红色圆圈，用鼠标左键单击并分别拖动这2个“提示圆圈”，放置在适当的位置，起止关键帧的提示圆圈都放置到适当位置后开始帧上的“提示圆圈”便变为黄色，而结束帧上的“提示圆圈”则变为绿色，如果起止关键帧的提示圆圈放置位置不对应时，“提示圆圈”的颜色不会变化。

（3）添加形状提示的技巧：在添加“形状提示”前必须先完成形状补间动画；“形状提示”可以连续添加，最多能添加26个，将“形状提示”从形状的某位置开始按逆时针或顺时针顺序摆放，使变形过程的控制更容易实现；“形状提示”的摆放位置要符合逻辑顺序。例如，开始关键帧和结束关键帧上各有一个三棱锥，我们可以通过添加6个“形状提示”，实现三棱锥旋转的效果。如果6个“形状提示”在开始关键帧的顺序为abcdef，那么在结束关键帧的顺序就应摆放成aebcdf，如图3所示。这样才能实现旋转效果；形状提示要放在形状的边缘才能起作用，在调整形状提示时，最好打开工具箱上的“吸附工具”，这样，在调整“形状提示”的位置时会自动吸附到边缘；另外还可以单击缩放工具，把形状放大到足够大，以方便调整；要删除所有的“形状提示”，可执行“修改”│形状”│“删除所有提示”命令，要删除单个“形状提示”，可单击鼠标右键，选择“删除提示”命令。

四、结语

以上是我在Flash教学中对Flash形状补间动画教学的一些认识和见解，关于Flash形状补间动画的教学还有许多没有挖掘出来的东西，有待进一步探讨与发现。

参考文献：

［1］中国科教创新导刊，2009（16）.

［2］Flash8.0动画制作经典教程.

（作者单位 山西太原广播电视中等专业学校）