flash cs5入门与提高课件第9章基础动画的.ppt

第9章 基础动画的制作 本章重点 本章将重点介绍Flash动画的制作方法，具体包括如何制作逐帧动画、渐变动画（包括动画渐变和外形渐变）、色彩动画、遮罩动画、补间动画和反向动画，以及在动画制作完成后如何利用属性面板和动画编辑器有效地编辑修改动画、复制粘贴动画、利用动画预设面板以达到预期的效果。 学习目的 通过本章的学习，您可以： 了解Flash动画的原理。 掌握Flash动画的前期准备工作。 了解逐帧动画的原理，掌握其制作方法。 掌握渐变动画的制作方法。 掌握色彩动画的制作方法和特殊技巧。 掌握遮罩动画的制作技巧。 掌握补间动画和反向运动的制作技巧。 掌握Flash动画后期的编辑，以及动画编辑器的使用方法。 9.1 制作Flash动画前的准备工作 9.1.2 设置帧率和背景色 （1）执行“修改”菜单里的“文档”命令来打开文档属性对话框，从而可以设定帧率和背景色。如图所示。 （2）在“帧频”文本框中，可以输入每秒钟动画要播放的帧数。通常，对于大多数在计算机上显示的动画来说，尤其是对通过网络传输的动画来说，帧率设在8～24fp/s之间为宜。 （3）在“背景颜色”下拉框中，选择动画的背景颜色。 在设定后帧率和背景色之后，就可放心地动手制作Flash动画了。 9.2 逐帧动画 动画的制作实际上就是改变连续帧的内容的过程。在逐帧动画中，需要在每一帧上创建一个不同的画面，连续的帧组合成连续变化的动画。利用这种方法制作动画，工作量非常大，如果要制作的动画比较长，那就需要更多的关键帧，需要投入相当大的精力和时间。不过这种方法制作出来的动画效果却非常好，因为是对每一帧都进行绘制，所以动画变化的过程非常准确、真实。 下面以一个实例来说明如何制作逐帧动画。这个实例是制作一个转动的钟，其时针和分针会一直不停地转动，且当分针转过一周后，时针才会转动一格。效果图如所示。 该实例制作的基本步骤如下： （1）执行“文件”菜单里的“新建”命令，在弹出的对话框中，类型选择为Flash文件（ActionScript 2.0）或Flash文件（ActionScript 3.0），然后单击“确定”按钮。 （2）执行“插入”菜单里的“新建元件”命令，或者按下Ctrl+F8键，新建一个“影片剪辑”类型的图形元件，命名为“钟”，如图所示。 （3）单击“确定”按钮，进入“钟”图形元件的编辑状态，在图层１上绘制一个钟的外形，如图所示。 （4）在第360帧处单击鼠标右键，选择“插入帧”（或者按快捷键F5键），设置动画延续到第360帧。 （5）单击“插入层”图标，新建图层2。 （6）在图层2上，绘制一个时针，如图左图所示。按F8键将其转换为一个“图形”类型的图形元件，命名为“时针” （7）单击“插入层”图标，新建图层3。在图层3上，绘制一个分针，如图右图所示。按F8键将其转换为一个“图形”类型的图形元件，命名为“分针”。进行完以上步骤，就得到了第一帧的画面。 （8）在图层2的第30帧上单击鼠标右键，选择“插入帧”（或者按快捷键F5键），设置动画延续到第30帧。 （9）在图层3的第二帧上单击鼠标右键，选择“插入关键帧”（或者按快捷键F6键）。 （10）执行“窗口”菜单里的“变形”命令，打开“变形”对话框，在旋转一项后面的文本框可以输入旋转的精确角度12。 （11）在其后的各帧上，重复以上两步，直到进入第30帧。选择第1到30帧，单击鼠标右键，选择复制帧，然后依次复制到31，61帧，一直到第360帧结束。这样，分针的逐帧动画就做完了。 （12）在图层2的第31帧上，单击鼠标右键，选择“插入关键帧”。 （13）执行“窗口”|“变形”命令，打开“变形”对话框，在倾斜一项后面的文本框中输入旋转的精确角度30。 （14）在图层2的第60帧上单击鼠标右键，选择“插入帧”，设置动画延续到第60帧。 （15）重复以上3步，直到第360帧结束。 这样就完成了如此规模庞大的逐帧动画，如图所示。 9.3 运动渐变动画 渐变动画不同于逐帧动画，它需要创建两个不同性质特征的关键帧，而不用每帧的设计。渐变动画两个关键帧之间的帧由Flash自动创建。 渐变动画有两种类型： 运动渐变（或称为传统补间）：使实例、群组或文字产生位置移动，大小比例缩放，图像旋转等运动； 外形渐变：使图形形状发生变化，从一个图形过渡到另一个图形。 Flash在这两种渐变中都会自动生成中间的过渡帧。 9.3.1 传统补间动画的创建 传统补间是针对同一层上的单一事例，群组和文本而言的。只有这些物体才能产生运动渐变，分