《Flash动画简明教程》-第3章.ppt

《《Flash动画简明教程》-第3章.ppt》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、第3章简单动画的生成2007年1月8日1学习目标：1、了解动画的形成原理2、简述动画的分类3、理解元件、实例和库的概念，熟练元件的创建、编辑和库的操作4、理解简单动画的制作步骤，会进行简单运动补间动画的创建2007年1月8日23.1动画原理3.2元件、实例和库3.3帧的分类和操作3.4场景的使用3.5简单动画的生成2007年1月8日33.1.1动画的形成原理动画是通过播放连续的静态图像所形成的一种动态幻觉，此种幻觉是利用人类生理上“视觉暂留”现象和心理上的感官经验来形成的。“视觉暂留”是指生

2、理上视觉残像的现象，即当眼睛观看动画时，一个画面已经结束了，但在视网膜仍残留图像刹那间的印象记忆，而“心理偏好作用”则是指在视觉感官经验当中，趋向将连续类似的图像在脑中组织起来的心理作用，大脑会将此信息辨识为动态的图像，使两个画面之间形成顺畅的衔接，把连续图像当成是不同位置的同一对象，从而产生视觉动感。2007年1月8日43.1.2动画的播放动画的播放速度以fps(framepersecond,帧每秒)为计算单位，即每秒播放多少帧。根据统计，人类视觉的反应时间为0.04秒左右，每秒播放25个帧以

3、上，人类便不易发觉其中的差异。Flash也是利用播放连续帧的方式产生动画效果。Flash默认动画效果是每秒12帧，虽然动画的连续动作可能有些不顺畅，但是考虑到需要在网络上播放，文件的容量应较小，所以这样设置也是较为合理的。2007年1月8日53.1.3动画的分类3.1.3.1逐帧动画是由一幅幅内容相关的图像组成的连续画面，就象电影胶片或卡通画面一样，要在每一帧中绘制一个不同的画面，然后连续播放。以上，人类便不易发觉其中的差异。2007年1月8日63.1.3.2补间动画只需设定动画的起始帧和终点帧

4、中的画面，中间的过程由Flash自动生成。补间动画又分为运动补间动画和形状补间动画。（1）运动补间：定义符号、实例、组合体或文本块在时间轴某一帧中的属性，如位置、大小、颜色和旋转等，然后在另外的关键帧中改变这些属性，例如运动的小鼠、自由落体的小球、飞舞的雪花等。（2）形状补间：在时间轴的某一帧中绘制形状、矢量线条或导入外部素材，然后在另外的关键帧中修改这个形状，完成形状的平滑转变；例如将一个正方形变成圆形、字母A变成字母B等。返回2007年1月8日73.2元件、实例和库我们在创作和编辑Flash

5、动画时，经常会用到元件、实例和库，它们在动画的编辑过程中有着重要的地位；除此之外，正是由于使用了元件和实例（还包括矢量图形技术），才使得Flash动画容量较小，可在网络上广泛传播。元件创建后保存在库中，可重复使用；实例是元件的复制品，当我们使用某一元件时，需打开对应的库窗口，然后选中要使用的元件，拖动到舞台的编辑区，被拖入的元件称为该元件的实例；库是Flash动画中所有可以重复使用的元素的出仓库，各种元件都放在库中，使用时可从库中调用。2007年1月8日83.2.1元件的创建3.2.1.1元件的

6、分类元件包括图形元件、按钮元件和电影剪辑元件，所有的元件一经创建就保存在库中，可以反复使用，使用元件可以简化Flash动画的创作和编辑过程，减少了重复工作。图形元件可以是导入的位图图形、矢量图形、文本对象和Flash工具创建的线条、图形等。按钮元件主要用于动画的交互使用；电影剪辑元件则可以理解为重复使用的一段动画。由于图形元件使用较多，本章中以此为例，按钮元件和电影剪辑元件在后续章节中会陆续讲到。2007年1月8日93.2.1.2将所选的图形转换为图形元件制作步骤：步骤1打开“素材库中第三章

7、转换元件”文件,选中图中的卡通造型,如图3-2所示。图3-2“转换元件”文件2007年1月8日10步骤2选择菜单的“修改转换为元件”命令,弹出“转换为符号”对话框,在“名称”文本框中输入元件的名称“可爱的小鼠”，在“行为”中选择“图形”，如图3-3所示，然后单击“确定”按钮。图3-3“转换元件”文件2007年1月8日11步骤3这时在库面板中（或选择“窗口库”命令,打开相应的库）会生成相应的元件，如图3-4所示。图3-4库面板中的元件2007年1月8日123.2.1.3新建图形元件在创建动画的

8、过程中，很多情况下是先创建一个空白元件，然后编辑元件相应的内容。制作步骤：步骤1新建一个空白文档，选择菜单的“插入创建新元件”命令,弹出“创建新元件”对话框,输入名称椭圆，如图3-5所示。图3-5“创建新元件”对话框2007年1月8日13步骤2选中工具箱中的【椭圆工具】，设置【笔触颜色】为无色，【填充颜色】为“绿色到黑色”的径向渐变颜色；拖动鼠标左键在舞台上绘制一个椭圆，然后使用箭头工具选中后进行颜色填充，如图3-6所示。图3-6“创建新元件”对话框2007年1月8日14步骤3此时，如打开库窗