1、逐帧动画说说设计眼球会动的小猫设计眼球会动的小猫 在传统的动画制作过程中，一般先用手工逐幅绘制一系列在传统的动画制作过程中，一般先用手工逐幅绘制一系列差别很小的静止画面，然后把它们制成一幅幅的胶片。利用差别很小的静止画面，然后把它们制成一幅幅的胶片。利用放映设备以每秒放映设备以每秒24幅左右的速度播放这些胶片时，就可以在幅左右的速度播放这些胶片时，就可以在银幕上得到具有连续动作效果的影像。银幕上得到具有连续动作效果的影像。那么，在那么，在FlashFlash中如何中如何实现实现呢呢？在动画中，我们需要将它的每个动作都创建一个画面，在动画中，我们需要将它的每个动作都创建一个画面，当这些画面以一定
2、的速度显示时就可形成动画，这种方式当这些画面以一定的速度显示时就可形成动画，这种方式通常称为逐帧动画通常称为逐帧动画(frame-by-frame)(frame-by-frame)。下面我们准备用。下面我们准备用5 5个画面完成小猫眼球从左边到右边的运动。个画面完成小猫眼球从左边到右边的运动。具体操作步骤：具体操作步骤：启动启动Macronedia Flash 8 执 行执 行“开 始开 始”“程 序”“Macromedia”“MacromediaFlash 8”命令，打开Flash的编辑界面，主要包括：菜单栏、工具箱、舞台（工作区）、属性面板、浮动面板等部分。打开界面为：打开界面为：在制作动
3、画前，应该首先确认舞台，即动画究竟可以在多在制作动画前，应该首先确认舞台，即动画究竟可以在多大的空间内运动，然后要确认播放速度。大的空间内运动，然后要确认播放速度。(1)执行执行“文件文件”一一“新建新建”命令，在命令，在“新建文档新建文档”对话框对话框中，选择中，选择“常规常规”选项卡中的选项卡中的Flash文档，建立一个新文件。文档，建立一个新文件。(2)在如图在如图1-2(a)所示的属性面板中，单击所示的属性面板中，单击“大小大小”后面的按后面的按钮钮，弹，弹出如图出如图1-2(b)所示的所示的“文档属性文档属性”面板，根据需要设面板，根据需要设置尺寸太小置尺寸太小、背景、背景、帧频、帧
4、频(本例本例尺寸尺寸：550px X 250px：背景：背景颜色颜色：黑色黑色：帧频帧频：位位)，单击，单击“确定确定”按钮。按钮。1.1.确定确定动动画的舞台大小和播放速度画的舞台大小和播放速度(1)帧帧(framc)：组成：组成动画的一个静态画面。动画是由许许多动画的一个静态画面。动画是由许许多多的帧组成的，当帧按照一定的速度连续播放时，就形成多的帧组成的，当帧按照一定的速度连续播放时，就形成了动画效果。了动画效果。(2)帧频帧频：也也称称“帧速率帧速率”，表示动画的播试速度，以每秒，表示动画的播试速度，以每秒播放的帧数表示，简记为播放的帧数表示，简记为fps。帧频是影片放映时很重要的。帧
5、频是影片放映时很重要的参数，帧频太慢会使影片放映滞寒、不流畅，太快又使人参数，帧频太慢会使影片放映滞寒、不流畅，太快又使人无法看清动画的细节。标准电影的影片频率是每秒无法看清动画的细节。标准电影的影片频率是每秒24帧。帧。2.2.绘绘制小猫的状制小猫的状态态先绘制第先绘制第1帧小猫帧小猫的的状态状态：(1)选定时间轴的第选定时间轴的第1帧。帧。(2)利用工具箱中的工具在舞台上绘制一只利用工具箱中的工具在舞台上绘制一只小小猫猫：参考参考图图1-3(a)所示的步骤绘制猫脸。所示的步骤绘制猫脸。(3)同样方式完成其他部分的绘制，如参考图同样方式完成其他部分的绘制，如参考图1-3(b)所所示：示：再再
6、绘绘制第制第2 2帧帧小猫小猫的的状状态态：(1)在第在第2帧插人帧插人关键关键帧帧：参照参照图图1-4所示步骤操作。所示步骤操作。(2)在舞台上修改小在舞台上修改小猫眼猫眼球球：由于由于插人关键帧时自动将第插人关键帧时自动将第1帧复帧复制到第制到第2帧，因此，只需将眼球适当右移即可，如图帧，因此，只需将眼球适当右移即可，如图1-5所示。所示。3.观察效果并保存文件观看观看动画动画效果效果：执行执行“控制控制”一一“播放播放”命令，观察动命令，观察动画画。保存文件保存文件：以以“眼睛会转眼睛会转的的猫猫.1fla”为名保存源文为名保存源文件。件。(1)关键帧关键帧(KeyFrame)：关键关键
7、帧帧定义义了动画动画的变变化环节环节。关键帧关键帧技术术是计计算机动画动画中最基本并并且运运用最广泛的方法。实实心圈点是有内内容的关键帧关键帧，无内内容的关键帧关键帧(即空白关键帧关键帧)则则用空心圆圆点表示。(2)普通帧帧(Frame)：普通帧显帧显示为为一个个个个的单单元格，无内内容的帧帧是空白的单单元格，有内内容的帧显帧显示出一定的颜颜色。并并用不同的颜颜色代表不同类类型的动画动画。关键帧关键帧后面的普通帧帧通常会继会继承该关键帧该关键帧的内内容。(3)在为动画插为动画插入关键帧时关键帧时，通常会会把前方最近的关键帧关键帧中的内内容复复制到新的关键帧关键帧中。位图与矢量图：位图位图与矢量
8、图：位图(也叫像素團或光栅图也叫像素團或光栅图)和关量图是计算机图像表示的和关量图是计算机图像表示的两种不同方法。两种不同方法。位图位图是由许多像小方块一样的是由许多像小方块一样的“像素像素”组成的图形，通过像素点的位置与组成的图形，通过像素点的位置与颜色和亮度来反映原始图像的效果。它能表现出颜色阴影的变化，适合于颜色和亮度来反映原始图像的效果。它能表现出颜色阴影的变化，适合于表现比较细致、层次和颜色比较丰富、含有大量细节的图像。比如我们在表现比较细致、层次和颜色比较丰富、含有大量细节的图像。比如我们在“画围画围”工具中绘制的图像就是位图。工具中绘制的图像就是位图。矢量围矢量围是由公式定义出来
9、的图像，就像我们数学中，可以根据一个二次方是由公式定义出来的图像，就像我们数学中，可以根据一个二次方程在直角坐标系中画出一条二次曲线。每个关量有两程在直角坐标系中画出一条二次曲线。每个关量有两个个属性属性：笔画笔画轮廓和轮廓和填充，这些属性使关量图形具有了轮廓和颜色，使其类似于真实的图形，填充，这些属性使关量图形具有了轮廓和颜色，使其类似于真实的图形，但是并不完全逼真。但是并不完全逼真。矢量图矢量图和和位图之间位图之间最大的不同在于它们的缩放性。矢量图无论怎样放大都最大的不同在于它们的缩放性。矢量图无论怎样放大都不会失真，而位图在放大时很客易失真。此外，矢量图文件通常较小，而不会失真，而位图在放大时很客易失真。此外，矢量图文件通常较小，而位图文件则较大。位图文件则较大。FlashFlash使用了使用了 矢量图来显示大量的动画内容，这也是矢量图来显示大量的动画内容，这也是FlashFlash动画在网络上传输的优势之一。动画在网络上传输的优势之一。如图如图1-81-8所所示：示：(a)a)为位图，为位图，(b)(b)为矢量图。为矢量图。Flash时间轴的每一格时间轴的每一格表示一表示一舞台上每一帧对应舞台舞台上每一帧对应舞台上有了画面，这种实心上有了画面，这种实心的帧称为的帧称为时间轴上的每一帧随着时间轴上的每一帧随着时间轴连续播放形成了时间轴连续播放形成了动画动画谢 谢
