浅析Flash中三种“补间”动画的应用

闫俊辉

摘  要： Flash是一种交互式矢量动画制作软件，应用范围广泛，制作的小动画可以应用在MTV、短片、游戏、网页、广告、课件等场景中。只有更好的了解各种动画的制作方法，才能制作出优美的动画。文章从“补间形状”，“传统补间”，“补间动画”的基本制作方法入手，描述了各种动画在时间轴上的表现，介绍了三种动画的创建方法。掌握三种动画的应用技巧和选用场合，对FLASH动画制作水平的提高具有实际意义。

关键词： Flash; 补间形状; 传统补间; 补间动画; 创建方法; 应用技巧

中图分类号：TP303          文献标志码：A     文章编号：1006-8228（2019）04-60-03

Abstract： Flash is a kind of interactive vector animation software， which can be used in MTV， short films， games， web pages， advertisements， courseware and so on. Only a better understanding of a variety of animation production methods can produce beautiful animation. Starting with the basic production methods of "complementary shape"， "traditional complement" and "complementary animation"， this paper describes the performance of all kinds of animations on the time axis， introduces the creation methods of three kinds of animations. Grasping the application skills and the usage occasions of three kinds of animations is of practical significance to the improvement of Flash animation production.

Key words： Flash; complementary shape; traditional complement; complementary animation; creation method; application skills

0 引言

Flash動画作为一种矢量动画制作软件，具有文件数据量小、图像质量高、能够交互操作，可用于流媒体播放等诸多优点，制作的动画已广泛应用于网站、电影、广告、多媒体教学、贺卡制作和游戏等多个领域。它功能强大、易学易用，深受网页制作和动画设计人的喜爱，是该领域一款比较流行的软件。已成为很多高校的数字媒体艺术类专业学生的必修课之一[1]。

Flash 基本动画分为逐帧动画、补间形状、传统补间、补间动画和动画预设等多种动画设计。在动画制作过程中，很多学生对于“传统补间动画、补间形状动画、补间动画”的选择时机和应用技巧产生困惑。

这三种动画的设计在Flash动画制作时应用广泛，那么三种动画在时间轴上的表现、组成、特性、效果等就成为学好这三种动画的重中之重。只有融汇贯通应用起来才可以随心所欲、易如反掌，制作出更加优美的动画。

1 “补间形状”动画

补间形状是指形状逐渐发生变化的动画，用于创建形状变化的动画效果，使一个形状变成另一个形状，同时可以设置图形形状位置、大小和颜色的变化[2]。补间形状中的动画对象必须是矢量图形。如果要对文本进行变形，首先要将文本分离两次，变为矢量图形才可以变形。

如果要把一个蓝色的矩形变为一个红色圆形的效果，如图1。

⑴ 在时间轴第1帧处绘制一个蓝色矩形。

⑵ 在时间轴第10帧处按F7键插入空白关键帧，然后在这一帧处绘制一个红色圆形。

⑶ 选择第1帧点击鼠标右键，在快捷菜单里选择创建补间形状，则完成补间形状动画制作。就实现了从一个蓝色矩形到一个红色圆形的形状变化。

通过打开“绘图纸外观”，可以观察到从第1帧到第10帧的过渡过程，形状变化期间的中间变化动态。

从上例可以看出使用该动画时，首先工具要用“绘制对象”模式，首尾帧绘制矢量图（在图形对象被选定时，对象上面会出现白色均匀的小点），尾帧处要插入空白关键帧后绘制图形;首尾帧图形可以相同也可以不同;创建成功后在时间轴上显示为淡绿色背景有实心箭头。

在复杂的形状变形中，需要先创建中间形状，然后再进行补间。形状提示点要在开始帧处增加，形状提示要符合逻辑，首尾帧设置的提示点数要一致，并且按照顺时针顺序变形最好[3]。如图2（共5个提示点a，b，c，d，e）。

2 “传统补间”动画

传统补间动画在Flash8以前的版本里面是没有的。也是Flash中较为常见的基本动画类型，使用它可以制作出对象的位移、变形、旋转、透明度、滤镜及色彩变化等动画效果。传统补间中的对象只能针对非矢量图形进行（在图形对象被选定时，对象四周会出现蓝色或灰色的外框）。

⑴ 在时间轴第1帧处绘制一个红色圆形，按F8键将其转化为图形元件（关于转换成什么元件，要看实际情况）。

⑵ 在时间轴第15帧处按F6键插入一个关键帧，选择任意变形工具，将此帧的图形缩小、右移（可以变形、旋转、位移或放大）。

⑶ 选择第1帧点击鼠标右键，在快捷菜单里选择创建传统补间动画，则完成传统补间动画的制作，就实现了一个红色圆形变小并向右移动的动画。

通过打开“绘图纸外观”效果，就可以看到从第1帧到第15帧的过渡过程，观察传统补间动画是如何形成的。

通过例子可以看出，进行传统补间动画的首、尾关键帧上的图形都不能是矢量图形，它们可以是组合图形、文字对象（利用工具箱中的文字工具建立的文字对象）、元件的实例、被转换为“元件”的外界导入图片等都可使用。

创建动画时，利用工具制作好首帧，先将首帧转换为元件，再通过插入关键帧建立尾帧;制作动画的首尾帧必须为同一对象;创建成功后在时间轴上显示为淡紫色背景有实心箭头。

传统补间动画在动画制作过程中应用广泛。

遮罩动画就是通过传统补间动画得以实现，首先建立被遮罩图层，导入对象后，在尾帧处按F5键插入普通帧;然后建立遮罩图层，在遮罩图层上完成动画设计，建立传统补间动画，通过快捷菜单将遮罩图层设置为遮罩层，即可完成遮罩动画[4]。如图4（小汽车逐渐消失遮罩动画）。

运动引导层的应用，如果想要控制传统补间的动画图层中的对象的移动，就可使用运动引导层。引导层单独使用时没有什么作用，为了让动画能够按照指定曲线运动，可创建引导层，然后将被引导图层上的对象顺着引导层运动，动画输出时引导层不会出现。首先建立被引导图层，然后鼠标放置被引导层单击右键“添加传统运动引导层”;在引导层上利用铅笔工具绘制路径曲线，在尾帧处按F5键插入普通帧;返回被被引导图层的第1帧按F6键插入一个关键帧，将动画对象导入舞台并拖到路径曲线的起始位置，继续在尾帧处按F6键插入一个关键帧，再将对象拖到路径曲线的结束位置，鼠标移至被引导图层的第1帧，创建传统补间动画，引导层动画即制作完成。如图5（降落伞下降运动引导层动画）。

3 “补间动画”

补间动画同样是实现元件由一个位置到另一个位置的变化效果。可以改变元件的大小、位置、颜色、透明度、旋转等属性。是通过为一个对象的某一帧指定属性值来为该对象的另一个帧指定一个相关属性的不同值。如一个帧中以及另一个帧中的位置和透明度等，通过中间内插帧来完成。对于由对象的连续运动或变形构成的动画，此类动画很有用。补间动画中的对象跟传统补间要求相同，也只能是非矢量图形，但是创建起来相比传统补间更加方便快捷。

补间动画创建简单，只需先设定第1个帧的对象，就可以直接创建。通过补间动画，可以代替制作较为复杂的按照路径曲线动作的运动引导层动画。补间动画第1帧中的黑点表示补间范围分配有目标对象，黑色菱形表示最后一个帧和任何其他属性关键帧[5]，如图6所示。属性关键帧是在补间范围中为补間目标对象显示定义一个或多个属性值的帧，定义的每个帧都有自己的属性关键帧。创建成功后在时间轴上显示为淡蓝色背景。只有补间动画才可以保存成动画预设。

4 结束语

通过以上阐述，我们基本掌握了制作三种动画的对象组成要求、动画特性、动画效果，以及在时间轴上的表现形式等。为了让学生在今后使用Flash软件制作动画时知道如何选择哪一种既能表现自己的设计，又能迅速快捷的制作出优美的动画提供了较大帮助。帮助学生解除了面对这三种动画创作时无从下手的困惑。提高了学生面向对象的思维分析能力和解决问题的能力，对学生进一步学习动画知识具有一定的指导意义。并为学生研究复杂动画，提高Flash动画制作水平奠定了坚实的基础。

参考文献（References）：

[1] 钟诚.多媒体技术与应用教程[M].电子科技大学，2017.

[2] 孙俊丽.浅谈Flash动画之形状补间动画[J].办公自动化，2017.12.

[3] 贾玉珍.Flash Cs6 中文版基础教程[M].人民邮电出版社，2013.

[4] 容健玲.Flash动画中遮罩层的制作[J].电脑编程技巧与维护，2017.13.

[5] 宋一兵.Flash Cs6 动画制作慕课版[M].人民邮电出版社，2018.