当前位置:主页   - 电脑 - 图形图像 - Flash
flash8.0逐帧动画详解及实例
来源:网络   作者:来源:闪客启航flasher123.com 佚名    更新时间:2010-09-26
收藏此页】    【字号    】    【打印】    【关闭

从本单元起,我们将逐渐给大家介绍Flash8.0中的五种常见的动画形式:逐帧动画、形状补间动画、动作补间动画、遮罩动画、引导线动画。

本节着重介绍逐帧动画(FrameBy Frame),这是一种常见的动画手法,它的原理是在“连续的关键帧”中分解动画动作,也就是每一帧中的内容不同,连续播放而成动画。

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

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

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

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

图 3-2-1 逐帧动画

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

(1)用导入的静态图片建立逐帧动画

用jpg、png等格式的静态图片连续导入Flash中,就会建立一段逐帧动画。

(2)绘制矢量逐帧动画

用鼠标或压感笔在场景中一帧帧的画出帧内容。

(3)文字逐帧动画

用文字作帧中的元件,实现文字跳跃、旋转等特效。

(4)导入序列图像

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

3.绘图纸功能

(1)绘画纸的功能

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

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

图3-2-2 同时显示多帧内容的变化

(2)绘图纸各个按钮的介绍

绘图纸外观按钮 按下此按钮后,在时间帧的上方,出现 绘图纸外观标记。拉动外观标记的两端,可以扩大或缩小显示范围。 绘图纸外观轮廓 按下此按钮后,场景中显示各帧内容的轮廓线,填充色消失,特别适合观察对象轮廓,另外可以节省系统资源,加快显示过程。3. 绘图纸显示多帧按钮,按下后可以显示全部帧内容,并且可以进行“多帧同时编辑”。 修改绘图纸标记 按下后,弹出菜单,菜单中有以下选项:

“总是显示标记”选项会在时间轴标题中显示绘图纸外观标记,无论绘图纸外观是否打开。

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

“绘图纸 2”选项会在当前帧的两边显示两个帧。

“绘图纸 5”选项会在当前帧的两边显示五个帧。

“绘制全部”选项会在当前帧的两边显示全部帧。

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

4.奔跑的豹子

茫茫雪原上,有一只矫健的豹子在奔跑跳跃,这是一个利用导入连续位图而创建的逐帧动画,如图 3-2-3所示。

图 3-2-3 奔跑的豹子

1、 创建影片文档

执行【文件】|【新建】命令,在弹出的面板中选择【常规】|【Flash文档】选项后,点击【确定】按钮,新建一个影片文档,在【属性】面板上设置文件大小为400*260象素,【背景色】为白色,如图 3-2-4所示。

图 3-2-4 创建新文档

2、 创建背景图层

选择第一帧,执行【文件】|【导入到场景】命令,将本实例中的名为“雪景.bmp”图片导入到场景中。在第8帧按F5,加过渡帧使帧内容延续。

3、 导入gif动画

新建一层, 择第一帧,执行【文件】|【导入到场景】命令,将本教程中的“奔跑的豹子”系列图片导入。此时,会弹出一个对话框,如图3-2-5所示。

3-2-5 系列图片导入

其它资源
来源声明

版权与免责声明
1、本站所发布的文章仅供技术交流参考,本站不主张将其做为决策的依据,浏览者可自愿选择采信与否,本站不对因采信这些信息所产生的任何问题负责。
2、本站部分文章来源于网络,其版权为原权利人所有。由于来源之故,有的文章未能获得作者姓名,署“未知”或“佚名”。对于这些文章,有知悉作者姓名的请告知本站,以便及时署名。如果作者要求删除,我们将予以删除。除此之外本站不再承担其它责任。
3、本站部分文章来源于本站原创,本站拥有所有权利。
4、如对本站发布的信息有异议,请联系我们,经本站确认后,将在三个工作日内做出修改或删除处理。
请参阅权责声明