浅谈Flash中常见的几种动画类型及应用

信息产业　・１２９・　

浅谈Ｆｌａｓｈ中常见的几种动画类型及应用　

马书文　

（辽宁建筑职业学院，辽宁辽阳１１１０００）　

摘要：Ｆｌａｓｈ动画是一种矢量动画格式，其中动画制作一直是知识体系中的关键，本文主要介绍Ｆｌａｓｈ动画制作中的几种动画类型。　

关键词：Ｆｌａｓｈ动画；矢量；动画类型　

Ｆｌｓｈ是Ａｄｏｂｅ公司推出的交互式矢量图和Ｗｅｂ动画制作软　ａ导入静态图片：将自己或别人绘制的ｉＰｇ、ｐｎｇ等格式的静态图　

件。设计者使用它，可以创作出动感十足、交互性强、精美绝伦的动　片导入到Ｆｌａｓｈ的不同帧中，制作逐帧动画。　

画作品以及其他奇特的效果。　导人序列图像：利用导入　序列图像、ｓｗｆ动画文件或者利用　

１基本功能　

第３方软件（如Ｓｗｉｓｈ、Ｓｗｉｆｔ　３Ｄ等）制作的动画序列来创建逐帧动　

Ｆｌａｓｈ动画设计的三大基本功能是整个Ｆｌａｓｈ动画设计知识体　

画。

系中最重要、也是最基础的，包括：绘图和编辑图形、补间动画和遮　

在Ｆｌａｓｈ中将ＪＰＧ、ＰＮＧ等格式的静态图片连续导入到Ｆｌａｓｈ　

罩。这是三个紧密相连的逻辑功能，并且这三个功能自Ｆｌｓｈ诞生以　中，ａ就会建立～段逐帧动画。也可以用鼠标或压感笔在场景中一帧　

来就存在。　

帧地画出帧内容，还可以用文字作为帧中的元件，实现文字跳跃、旋　

１．１绘图和编辑图形　

转等特效。　

绘图和编辑图形不但是创作Ｆｌａｓｈ动画的基本功，也是进行多　

２．２补间动画　

媒体创作的基本功。只有基本功扎实，才能在以后的学习和创作道　补间动画是在制作好前后两个关键帧上的内容后，由Ｆｌａｓｈ自　

路上一帆风顺；使用ＦｌａｓｈＰｒｏｆｅｓｓｉｏｎａｌ８绘图和编辑图形——这是　

动生成中间各帧的内容，使得画面从一个关键帧过渡到另一个关键　

Ｆｌｓｈ动画创作的三大基本功的第一位；在绘图的过程中要学习怎　帧所形成的动画。在Ｆｌａａｓｈ　ＣＳ５中补间动画分为基于对象的补间动　

样使用元件来组织图形元素，这也是Ｆｌａｓｈ动画的一个巨大特点。　

画、传统补间动画和形状补间动画三种类型。　

Ｆｌａｓｈ中的每幅图形都开始于一种形状。形状由两个部分组成：填充　２．２．１传统补间动画　

（ｆｉｌ１）和笔触（ｓｔｒｏｋｅ），前者是形状里面的部分，后者是形状的轮廓　传统补间动画是指在同一图层的前后两个关键帧中放置同一　

线。如果你总是可以记住这两个组成部分，就可以比较顺利地创建　

元件实例，用户只需对这两个关键帧中元件实例的位置、角度、大　

美观、复杂的画面。　

小、色调和透明度等进行设置，然后由Ｆｌａｓｈ自动生成中间各帧上的　

Ｆｌａｓｈ包括多种绘图工具，它们在不同的绘制模式下工作。许多　

对象所形成的动画。　

创建工作都开始于像矩形和椭圆这样的简单形状，因此能够熟练地　

２．２．２基于对象的补间动画　

绘制它们、修改它们的外观以及应用填充和笔触是很重要的。对于　

基于对象的补间动画是自Ｆｌｓｈ　ＣＳ５开始新增的功能，与传统　ａ

Ｆｌａｓｈ提供的３种绘制模式，它们决定了“舞台”上的对象彼此之间　的补间动画不同的是，该补间动画是基于对象创建的，具有创建方　

如何交互，以及你能够怎样编辑它们。默认情况下，Ｆｌａｓｈ使用合并　式更加灵活，创建过程更加简单和容易的特点。　

绘制模式，但是你可以启用对象绘制模式，或者使用“基本矩形”或　

可以创建基于对象的补间动画的对象包括元件实例和文本对　

“基本椭圆”工具，以使用基本绘制模式。　象。其创建流程通常为：　

１．２补间动画　

（１）为要创建补间动画的对象添加与动画播放时间等长的普通　

补间动画是整个Ｆｌａｓｈ动画设计的核心，也是Ｆｌａｓｈ动画的最　帧（也可以在创建动画后再设置动画的播放时间）。　

大优点，它有动画补间和形状补间两种形式；用户学习Ｆｌａｓｈ动画设　

（２）在舞台上右击要创建动画的对象，从弹出的快捷菜单中选　

计，最主要的就是学习“补间动画”设计；在应用影片剪辑元件和图　

择“创建补间动画”菜单。　

形元件创作动画时，有一些细微的差别，你应该完整把握这些细微　

（３）将播放头移动到时间轴的不同帧处，并设置不同帧上的对　

的差别。　

象的位置、旋转、缩放、倾斜、颜色或滤镜等属性（关于设置这些元件　

１．３遮罩　

实例属性的方法，请参考项目五内容），Ｆｌａｓｈ会自动在相应的帧上　

遮罩是Ｆｌａｓｈ动画创作中所不可缺少的——这是Ｆｌａｓｈ动画设　生成属性关键帧，并在这些属性关键帧之间生成动画。此外，我们也　

计三大基本功能中重要的出彩点；使用遮罩配合补间动画，用户更　

可以先插入属性关键帧，然后再设置属性关键帧上的对象属性。　

可以创建更多丰富多彩的动画效果：图像切换、火焰背景文字、管中　

（４）创建好补间动画后，还可利用动画编辑器对创建的动画进　

窥豹等都是实用性很强的动画。并且，从这些动画实例中，用户可以　行调整，使动画更加精彩。　

２．２．３形状补间动画　

举一反三创建更多实用性更强的动画效果。遮罩的原理非常简单，　

但其实现的方式多种多样，特别是和补间动画以及影片剪辑元件结　

与传统补间动画和基于对象的补间动画不同，形状补间动画主　

合起来，可以创建千变万化的形式，你应该对这些形式作个总结概　

要是针对形状的变化来创建过渡动画。所谓的形状补间动画，实际　

括，从而使自己可以有的放矢，从容创建各种形式的动画效果。　

上是由一种对象变换成另一个对象，而该过程只需要用户提供两个　

２　Ｆｌａｓｈ中的动画类型　

分别包含变形前和变形后对象的关键帧，中间过程将由Ｆｌａｓｈ自动　

制作Ｆｌａｓｈ动画时，通过对同一图层上的帧进行设置，可生成逐　完成。　

帧动画和补间动画两种最基本的动画类型。　

操作时在一个关键帧中绘制一个形状，然后在另一个关键帧中　

２．１逐帧动画　

更改该形状或绘制另一个形状，Ｆｌａｓｈ根据两者之间帧的值或形状　

逐帧动画是一种常见的动画形式，它的原理是在连续的关键帧　来创建的动画称为“形状补间动画”。形状补问动画可以实现两个图　

中绘制不同的对象，或编辑同一对象的不同形态所形成的动画。逐　

形之间颜色、形状、大小、位置的相互变化，其变形的灵活性介于逐　

帧动画的优点是动作细腻、流畅，适合制作人物或动物行走、跑步等　

帧动画和动作补间动画之间，使用的元素多为鼠标或压感笔绘制出　

动画，具有非常大的灵活性，几乎可以表现任何想表现的内容；缺点　

的形状。此外，在创作形状补间动画的过程中，如果使用的元素是图　

是每个帧上的内容都需要用户绘制或设置，制作比较麻烦，而且最　

形元件、按扭、文字，则必须先将其“打散”，然后才能创建形状补间　

终输出的文件容量较大。　动画。　

创建逐帧动画的方法有多种，常见的有以下几种：　

在传统补间动画和补间动画的开始帧及结束帧中只能有一个　

绘制矢量图形：通过在连续的关键帧中绘制矢量图形来制作逐　

补间对象。其中，补间动画的创建对象只能是元件实例，基于对象的　

帧动画。　

补间动画的创建对象可以使元件实例或文本，而形状补间动画的创　

・

１３０・　信息产业　

建对象只能是分离的矢量图形。　

３应用举例　

在创建形状补间动画的时候，图形的变化是随机的，有时两个　３．１用补间动画制作文字卷轴画展开动画　

图形变化差异比较大，使用“添加形状提示”会改变这一情况，在“起　

北京奥运会开幕式上那布满诗意的卷轴，以及它所呈现给我们　

始形状”和“结束形状”中添加相对应的“参考点”，使Ｆｌａｓｈ在计算变　

的一幅幅无法言喻的美妙画面，大家一定还记忆犹新吧！下面我们　

形过渡时依照一定的规则进行，从而较为有效地控制变形过程，使　

就用Ｆｌａｓｈ来制作一幅文字卷轴展开的动画，主要用到矩形工具和　

其按照我们希望的方式变化。　

渐变填充工具，操作简单易懂。　

形状提示若使用不当，不但无法使形状补间动画的过渡达到预　制作步骤：１、新建一个默认大小的Ｆｌｓｈ文档（文档尺寸大小为　ａ

期效果，反而会适得其反，所以在使用形状提示时应注意以下几点：　６００像素＊４００像素），修改“图层１”为“背景”；用矩形工具画一个轮　

（１）形状补间动画开始帧与结束帧上的形状提示是一一对应　

廓宽度为２的矩形，矩形位置为Ｘ：１００，Ｙ：８０，大小为宽：４００，高：　

的，如动画开始处形状提示…ａ’的所在位置，会变化到动画结束处形　２４０。２、选择“文本工具”，在新建的矩形上写上“吉祥如意”几个字。　

状提示…ａ’的所在位置。　

３、画轴杆。新建一个图层，命名为“左轴”。用矩形工具画一个细长的　

（２）按逆时针顺序从对象的左上角开始放置形状提示，可使过　

矩形，在颜色面板中将填充设为线性渐变，两端色块步骤１中矩形　

渡达到最佳效果。　

的颜色，中间为白色，用来制作卷起的画纸；再用矩形工具画一个黑　

（３）形状提示必须在形状的边缘才能起作用，在调整形状提示　

色的细长矩形，比刚才的矩形长、细，用来制作轴杆；将两个矩形放　

的位置前，可按下工具箱中的“贴紧至对象”按钮，这样形状提示会　在一起并居中对齐；用选择工具将黑色矩形的两端调整成弧形，然　

自动吸附到图形边缘上。　

后将两个卷轴一起选中并Ｃｔｄ＋Ｇ群组。４、选中画好的卷轴，按住Ａｌｔ　

（４）要删除所有的形状提示，可将播放头跳转到形状补间动画　

键水平拖动就能复制出另外一根，将它们并排放在图画的一端。５、　

的开始帧，然后选择“修改”＞“形状”＞“删除所有提示”菜单；要删除　

选中右边的卷轴，Ｃｔｒｌ＋Ｓｈｉｆｔ＋Ｄ将它分散到新的图层并命名为“右　

单个形状提示，可右击要删除的形状提示，在弹出的快捷菜单中选　轴”。用矩形工具画一个白色的大矩形放在这根卷轴的下面，矩形　

择“删除提示”菜单。　要大到盖住下面的图画，将这根卷轴和白色矩形Ｃｔｒｌ＋Ｇ群组。６、现　

除了制作基本的逐帧动画和补间动画外，在Ｆｌｓｈ中还可以制　在有三个图层，ａ最下面的是图画背景，另外两个图层是卷轴。在第　

作一些特殊动画。利用遮罩图层和引导图层制作遮罩动画和路径引　

１００帧处按Ｆ５给三个图层都插入帧。７、在“右轴”层的第５０帧处按　

导动画。　

Ｆ６插入关键帧，并添加动画补间。在第５０帧上将本层上的卷轴和　

２．３遮罩动画　

白色矩形调整到图画背景的右端。制作完成。　

遮罩动画是利用遮罩图层创建的，使用遮罩图层后，被遮罩层　

３．２用遮罩动画制作文字卷轴画展开与卷起动画　

上的内容就像通过一个窗口显示出来一样，这个窗口便是遮罩层上　

制作步骤：前３个步骤与上面的相同。从第４个步骤起如下：ａ．　

的对象。播放动画时，遮罩层上的对象不会显示，被遮罩层上位于遮　创建新图层，命名为“遮罩层”，并画矩形遮罩背景层，此时图层顺序　

罩层对象之外的内容也不会显示。制作动画时，可以在遮罩层或被　

从下到上为：背景层，遮罩层，左轴，右轴。ｂ．在所有层１１０帧插入　

遮罩层上创建任何形式的动画，例如传统补间动画、补间动画和形　

帧。在“遮罩层”和“右轴”层的第１、５０、６０、１　１０帧插人关键帧。ｃ．在　

状补间动画等，从而制作出各种特殊的动画效果。　第１帧，将“遮罩层”上的矩形移出左侧，使矩形右边框与“右轴”层　

遮罩动画是Ｆｌａｓｈ常用的动画制作手法之一，利用它可以制作　上卷轴的左侧对齐。ｄ．在第５０帧，调整“右轴”层上卷轴轴杆到背景　

渐隐渐显、放大镜、百叶窗、波纹和图片切换等动画效果。在Ｆｌａｓｈ作　层右侧，将“遮罩层”上的矩形右移，使矩形右边与“右轴”层上卷轴　

品中，常看到很多眩目神奇的效果，而其中部分作品就是利用“遮罩　的右侧对齐。创建动画。ｅ．在第６Ｏ帧，“右轴”层和“遮罩层”插入关　

动画”的原理来制作的，如水波、万花筒、百叶窗、放大镜、望远镜等。　键帧。其它制作同第５０帧。ｆ．在第１１０帧，“右轴”层和“遮罩层”插入　

在Ｆｌａｓｈ动画中，“遮罩”主要有两种用途：一种是用在整个场景　关键帧。其它制作同第１帧。创建动画。　

或一个特定区域，使场景外的对象或特定区域外的对象不可见；另　３．３用形状补间动画制作一个公鸡变凤凰的动画　

种是用来遮罩住某一元件的一部分，从而实现一些特殊的效果。　

制作步骤：ａ．在第１帧绘制一个公鸡图形，在第５０帧绘制一个　

被遮罩层中的对象只能透过遮罩层中的对象显现出来，被遮罩层可　孔雀图形０ｂ．创建补间形状。此时进行预览动画效果时，会发现公鸡　

使用按扭、影片剪辑、图形、位图、文字、线条等。　

图形逐渐变为孔雀图形了，如果觉得不理想，可以添加形状提示。制　

在制作遮罩动画时的一些应用技巧：　

作如下：ｃ．选择第１帧，然后选择“修改——形状——添加形状提示”　

（１）在设置遮罩图层时，系统默认将遮罩图层下面的一个图层　

命令，在舞台中添加一个形状提示。根据需要，可以再添加几个形状　

设置为被遮罩图层，当需要使一个遮罩图层遮罩多个图层时，只需　提示。然后按照形状提示上的字母顺序将形状提示拖到公鸡图形适　

将该图层拖至遮罩图层下方即可。　

当位置。ｄ．选择第５０帧，发现该帧上的孔雀图形上也出现形状提　

（２）要取消被遮罩图层同遮罩图层之间的遮罩关系，即将被遮　

示，将这几个形状提示按照字母顺序拖放到孔雀图形相应位置。此　

罩层设置为普通层，只需将被遮罩图层拖到遮罩图层上方即可。　

时再次预览动画，会发现形状的变化很有规则。　

（３）无论遮罩层上的对象是何种颜色或透明度，是图像、图形还　

结束语　

是元件实例，遮罩效果都一样。此外，要在Ｆｌａｓｈ的舞台中显示遮罩　Ｆｌａｓｈ是一种交互式动画设计工具，具有体积小、兼容性好、直观　

效果，必须锁定遮罩层和被遮罩层。　

动感、互动性强大、支持ＭＰ３音乐等诸多优点，用它可以将音乐、声　

２．４路径引导层动画　

效、动画等融合在一起。因此，在学习过程中一定要掌握其中制作的　

路径引导动画也是Ｆｌａｓｈ常用的动画制作手法之一，利用它可　

重点，才能更好使用它制作出更多富有新意的许多优秀的作品。　

以使对象沿制作者绘制的引导线移动（引导线的作用与补间动画中　

参考文献　

的运动路径相似，但只能作用于传统补间动画）。　

［１１中文版Ｆｌａｓｈ　ＣＳ５动画制作『Ｍ］．北京：航空工业出版社．　

路径引导动画由“引导层”和“被引导层”组成。制作路径引导动　

画时，需要在“引导层”上绘制引导对象运动的引导线，然后将“被引　

导层”上的对象吸附到引导线上（“被引导层”中必须是传统补间动　

画）。播放动画时，“引导层”上的内容不会被显示。　

在Ｆｌｓｈ中引导层是用来指示元件运行路径的，所以引导层中　ａ

的内容可以是用钢笔、铅笔、线条、椭圆工具、矩形工具或画笔工具　

等绘制的线段，而被引导层中的对象是跟着引导线走的，可以使用　

影片剪辑、图形元件、按扭、文字等，但不能应用形状。　

一