第三章 动画基础
第二节 逐帧动画(1)www.goodsgy.com

从本节起，我们将逐渐给大家介绍Flash MX 2004中的五种常见的动画形式：逐帧动画、形状补间动画、动作补间动画、遮罩动画、引导线动画。www.goodsgy.com

本节着重介绍逐帧动画（Frame By Frame），这是一种常见的动画形式，它的原理是在“连续的关键帧”中分解动画动作，也就是每一帧中的内容不同，连续播放而成动画。www.goodsgy.com

由于逐帧动画的帧序列内容不一样，不仅增加制作负担而且最终输出的文件量也很大，但它的优势也很明显：因为它相似与电影播放模式，很适合于表演很细腻的动画，如3D效果、人物或动物急剧转身等等效果。www.goodsgy.com

1．逐帧动画的概念和在时间帧上的表现形式www.goodsgy.com

在时间帧上逐帧绘制帧内容称为逐帧动画，由于是一帧一帧地画，所以逐帧动画具有非常大的灵活性，几乎可以表现任何想表现的内容。www.goodsgy.com

逐帧动画在时间帧上表现为连续出现的关键帧，如图3-2-1所示。www.goodsgy.com

www.goodsgy.com

图 3-2-1 逐帧动画www.goodsgy.com

2．创建逐帧动画的几种方法

（1）用导入的静态图片建立逐帧动画www.goodsgy.com

用jpg、png等格式的静态图片连续导入到Flash中，就会建立一段逐帧动画（参考实例：奔跑的豹子）。www.goodsgy.com

（2）绘制矢量逐帧动画www.goodsgy.com

    用鼠标或压感笔在场景中一帧帧的画出帧内容（参考实例：旋转的立方体）。www.goodsgy.com

（3）文字逐帧动画www.goodsgy.com

    用文字作帧中的元件，实现文字跳跃、旋转等特效。www.goodsgy.com

（4）指令逐帧动画www.goodsgy.com

在时间帧面板上，逐帧写入动作脚本语句来完成元件的变化。www.goodsgy.com

（5）导入序列图像www.goodsgy.com

可以导入gif序列图像、swf动画文件或者利用第3方软件（如swish、swift 3D等）产生的动画序列。www.goodsgy.com

3．绘图纸功能

（1）绘画纸的功能www.goodsgy.com

    绘画纸是一个帮助定位和编辑动画的辅助功能，这个功能对制作逐帧动画特别有用。通常情况下，Flash 在舞台中一次只能显示动画序列的单个帧。使用绘画纸功能后，你就可以在舞台中一次查看两个或多个帧了。www.goodsgy.com

如图3-2-2所示，这是使用绘画纸功能后的场景，可以看出，当前帧中内容用全彩色显示，其它帧内容以半透明显示，它使我们看起来好像所有帧内容是画在一张半透明的绘图纸上，这些内容相互层叠在一起。当然，这时你只能编辑当前帧的内容。www.goodsgy.com

www.goodsgy.com

图3-2-2 同时显示多帧内容的变化www.goodsgy.com

（2）绘图纸各个按钮的介绍www.goodsgy.com

●     【绘图纸外观】按钮：按下此按钮后，在时间帧的上方，出现  绘图纸外观标记。拉动外观标记的两端，可以扩大或缩小显示范围。www.goodsgy.com

●     【绘图纸外观轮廓】按钮：按下此按钮后，场景中显示各帧内容的轮廓线，填充色消失，特别适合观察对象轮廓，另外可以节省系统资源，加快显示过程。www.goodsgy.com

●     【编辑多个帧】按钮：按下后可以显示全部帧内容，并且可以进行“多帧同时编辑”。www.goodsgy.com

●     【修改绘图纸标记】按钮：按下后，弹出菜单，菜单中有以下选项：www.goodsgy.com

【总是显示标记】选项：会在时间轴标题中显示绘图纸外观标记，无论绘图纸外观是否打开。www.goodsgy.com

【锚定绘图纸】选项：会将绘图纸外观标记锁定在它们在时间轴标题中的当前位置。通常情况下，绘图纸外观范围是和当前帧的指针以及绘图纸外观标记相关的。通过锚定绘图纸外观标记，可以防止它们随当前帧的指针移动。www.goodsgy.com

【绘图纸 2】选项；会在当前帧的两边显示两个帧。www.goodsgy.com

【绘图纸 5】选项；会在当前帧的两边显示五个帧。www.goodsgy.com

【绘制全部】选项；会在当前帧的两边显示全部帧。www.goodsgy.com

上面，我们全面介绍了逐帧动画的特点和创建方法，现在，我们来动手制作二个逐帧动画实例，以加深对逐帧动画的认识。www.goodsgy.com

www.goodsgy.com

[1] [2] [3] [4]  下一页