简单的flash动画

《简单的flash动画》由会员上传分享，免费在线阅读，更多相关内容在学术论文-天天文库。

1、50第3章简单的Flash动画第3章简单的Flash动画本章要点uFlash动画的原理及帧的概念u逐帧动画的制作u动作补间动画的制作u形状补间动画的制作3.1知识准备3.1.1Flash动画的原理小时候看过露天电影的朋友可能都看过放映员手上拿的电影胶片，它由一格一格的画面组成，我们所看到的电影就是由这一格一格的静止画面连续播放而形成的。由于景物在人眼视网膜上的成像有一个短暂的停留，当每秒钟播放的画面数在25幅以上时，我们就看到了非常生动、流畅的电影。同理，Flash动画也是利用人眼的视觉误差，在1秒钟内连续播放12幅以上的静止画面，由

2、于前后画面内容差距不大，给人错觉好像是连续运动的动画。3.1.2Flash动画中的帧帧是构成Flash动画的基本单位，也是学习Flash必须掌握的重点内容。1、帧的概念帧就是在最小时间单位中出现的画面，一帧就是一个画面。利用flash制作动画，简单来说就是要在时间轴上确定动画的每一帧需要显示什么内容。2、帧的类型时间轴中的每一个小方格就代表一个帧，一帧用来存放Flash动画中某一时刻的画面。帧是组成动画的基本单位，可分为关键帧、普通帧和空白关键帧三种。他们在时间轴中各自的表示方法如图3.1.1所示。1)关键帧对象可发生变化的帧（如起始

3、帧、结束帧），其中包含一幅静止的画面。在时间轴上用一个黑色小圆圈表示。50第3章简单的Flash动画图3.1.1时间轴与帧关键帧空白关键帧普通帧2)普通帧内容永远与其前面的关键帧完全相同，在制作动画时，可用普通帧延长动画的播放时间。在时间轴上用一个空心矩形表示。3)空白关键帧其中没有任何内容，主要用于画面与画面之间的间隔效果。在时间轴上用空心小圆圈表示。3.1.3Flash动画的类型1.逐帧动画每一帧都是关键帧，帧的内容都是由用户给出的，适合制作相邻关键帧中对象变化不大的动画。2.补间动画用户制作好若干关键帧后，由Flash通过计算生

4、成中间各帧，使得画面从一个关键帧过渡到另一个关键帧，这种动画又可以分为“运动补间动画”和“形变补间动画”，一般情况下制作者只要确定“起始帧”和“结束帧”即可。3.2简单动画制作3.2.1制作逐帧动画【例1】制作一个小球“从左到右滚动”的动画，并导出为影片。制作步骤：1）新建一个空白文档执行菜单栏“文件”菜单—>“新建”子菜单，在出现的“新建文档”50第3章简单的Flash动画对话框中选择“Flash文档”，然后点击右下角的“确定”按钮。2）设置文档的大小和背景色单击菜单栏菜单“修改”－>“文档”，出现“文档属性”对话框，设置文档大小为

5、500×200像素、背景色为白色、帧频（每秒钟播放的帧数）和标尺单位不变，如图3.2.1所示。图3.2.1“文档属性”对话框3）显示标尺和网格线单击菜单栏“视图”－>“标尺”及“视图”－>“网格”－>“显示网格”，在场景区显示标尺和网格线；单击菜单栏“视图”—“网格”－“编辑网格”，在出现的“网格”对话框中设置网格线的颜色为灰色、宽度和高度均为20px，如图3.2.2所示。图3.2.2“网格”对话框4）创建第1幅画面用鼠标单击“时间轴”的桢1，在场景区的左边第二网格处画一个不带边线、5050第3章简单的Flash动画×50的蓝色小球，

6、如图3.2.3所示。图3.2.3逐帧动画时间轴的第一帧5）创建第2幅画面鼠标单击时间轴的第二桢，执行菜单栏“插入”－“时间轴”—“关键帧”（或按F6键），此时默认选中小球，利用键盘方向键(向右箭头)将小球向右移动一个网格，如图3.2.4所示。图3.2.4第2桢6）创建第3-10幅画面同理，创建第3－10关键帧，每一帧将小球向右移动一个网格，如图3.2.5所示。至此，一个包含10帧内容的逐帧动画就创建成功了图3.2.5第10帧50第3章简单的Flash动画7）查看效果执行菜单栏“控制”菜单下的“测试影片”子菜单（或用快捷键ctrl+en

7、ter），可以看到一个小球循环从左往右运动，证明动画创建成功；8）保存动画一般情况下有两种保存方式，即：直接保存：执行菜单“文件”－“保存”，文件类型为.fla，此类型文件必须在Flash环境下才能播放。导出为影片：执行菜单“文件”－“导出”－“导出影片”，在出现的对话框中，输入文件名，文件类型为.swf，此类型文件可直接播放。将该动画直接保存为“ball.fla”，并导出为影片“ball.swf”，比较两者文件大小，并分别打开它们查看效果，体会两种格式动画的区别。总结：1、制作逐帧动画时，关键帧的数量和内容可以自行设定，但两个相邻的

8、关键帧上的内容必须保持合理的连续性。2、从上例可以看到，如果动画每一帧的内容都由制作人自行设定，工作量是非常巨大的。事实上，动画的制作是由制作人之作好若干关键帧，再由Flash通过计算生成中间各帧，这种动画又可以分为“运