Flash动画简明教程 -汪启荣 第3章.ppt

2007年1月8日 第3章 简单动画的生成 第3章 简单动画的生成 学习目标：1、了解动画的形成原理2、简述动画的分类3、理解元件、实例和库的概念，熟  练元件的创建、编辑和库的操作4、理解简单动画的制作步骤，会进 行简单运动补间动画的创建 3.1 动画原理3.2 元件、实例和库3.3 帧的分类和操作3.4 场景的使用3.5 简单动画的生成 3.1.1 动画的形成原理 动画是通过播放连续的静态图像所形成的一种动态幻觉，此种幻觉是利用人类生理上“视觉暂留”现象和心理上的感官经验来形成的。“视觉暂留”是指生理上视觉残像的现象，即当眼睛观看动画时，一个画面已经结束了，但在视网膜仍残留图像刹那间的印象记忆，而“心理偏好作用”则是指在视觉感官经验当中，趋向将连续类似的图像在脑中组织起来的心理作用，大脑会将此信息辨识为动态的图像，使两个画面之间形成顺畅的衔接，把连续图像当成是不同位置的同一对象，从而产生视觉动感。 3.1.2 动画的播放 动画的播放速度以fps (frame per second, 帧每秒)为计算单位，即每秒播放多少帧。根据统计，人类视觉的反应时间为0.04秒左右，每秒播放25个帧以上，人类便不易发觉其中的差异。 Flash也是利用播放连续帧的方式产生动画效果。Flash默认动画效果是每秒12帧，虽然动画的连续动作可能有些不顺畅，但是考虑到需要在网络上播放，文件的容量应较小，所以这样设置也是较为合理的。 3.1.3 动画的分类 逐帧动画 是由一幅幅内容相关的图像组成的连续画面，就象电影胶片或卡通画面一样，要在每一帧中绘制一个不同的画面，然后连续播放。以上，人类便不易发觉其中的差异。 补间动画 只需设定动画的起始帧和终点帧中的画面，中间的过程由Flash自动生成。补间动画又分为运动补间动画和形状补间动画。 （1）运动补间：定义符号、实例、组合体或文本块在时间轴某一帧中的属性，如位置、大小、颜色和旋转等，然后在另外的关键帧中改变这些属性，例如运动的小鼠、自由落体的小球、飞舞的雪花等。 （2）形状补间：在时间轴的某一帧中绘制形状、矢量线条或导入外部素材，然后在另外的关键帧中修改这个形状，完成形状的平滑转变；例如将一个正方形变成圆形、字母A变成字母B等。 3.2 元件、实例和库 我们在创作和编辑Flash动画时，经常会用到元件、实例和库，它们在动画的编辑过程中有着重要的地位；除此之外，正是由于使用了元件和实例（还包括矢量图形技术），才使得Flash动画容量较小，可在网络上广泛传播。 元件创建后保存在库中，可重复使用；实例是元件的复制品，当我们使用某一元件时，需打开对应的库窗口，然后选中要使用的元件，拖动到舞台的编辑区，被拖入的元件称为该元件的实例；库是Flash动画中所有可以重复使用的元素的出仓库，各种元件都放在库中，使用时可从库中调用。 3.2.1 元件的创建 元件的分类 元件包括图形元件、按钮元件和电影剪辑元件，所有的元件一经创建就保存在库中，可以反复使用，使用元件可以简化Flash动画的创作和编辑过程，减少了重复工作。图形元件可以是导入的位图图形、矢量图形、文本对象和Flash工具创建的线条、图形等。按钮元件主要用于动画的交互使用；电影剪辑元件则可以理解为重复使用的一段动画。由于图形元件使用较多，本章中以此为例，按钮元件和电影剪辑元件在后续章节中会陆续讲到。 将所选的图形转换为图形元件 制作步骤： 步骤1 打开“素材库中\第三章\转换元件”文件, 选中图中的卡通造型,如图3-2所示。? 步骤2 选择菜单的“修改\转换为元件”命令,弹出“转换为符号”对话框,在“名称”文本框中输入元件的名称“可爱的小鼠”，在“行为”中选择“图形”，如图3-3所示，然后单击“确定”按钮。 步骤3 这时在库面板中（或选择“窗口\库”命令,打开相应的库）会生成相应的元件，如图3-4所示。 新建图形元件 在创建动画的过程中，很多情况下是先创建一个空白元件，然后编辑元件相应的内容。 制作步骤： 步骤1 新建一个空白文档，选择菜单的“插入\创建新元件”命令,弹出“创建新元件”对话框,输入名称椭圆，如图3-5所示。 步骤2 选中工具箱中的【椭圆工具】，设置【笔触颜色】为无色 ，【填充颜色】为“绿色到黑色”的径向渐变颜色；拖动鼠标左键在舞台上绘制一个椭圆，然后使用箭头工具选中后进行颜色填充，如图3-6所示。 步骤3 此时，如打开库窗口，可以看到在库中增加了一个图形符号，同时在舞台上的椭圆周围淡蓝色的方框,表示此方框内的图形为元件在舞台上的实例, 如图3-7所示。 3.