Flash 8中文版动画制作基础 教学课件 作者 刘杰 袁云华 项目八 Flash动画设计实战.pptVIP

项目八 Flash动画设计实战 8.1 跳动的3D小球 在Flash 8中没有提供3D功能，但是通过它提供的颜色渐变的编辑功能也可以制作出3D效果。在本例中，将制作一个不断地上下跳动的3D小球。 8.1 跳动的3D小球 1.制作3D小球 （1）新建一个Flash文档。 （2）新建一个名为“3D小球”的图形元件。如图8-1所示。 8.1 跳动的3D小球 （3）在元件内部绘制如图8-2所示的小球。 8.1 跳动的3D小球 （4）单击 按钮，返回主场景，将库中名为“3D小球”的图形元件拖拽至舞台上合适的位置，在图层1的第12帧和第24帧上分别插入关键帧，并创建补间动画。如图8-3所示。 8.1 跳动的3D小球 （5）选择第1和第2关键帧之间的任意一帧，打开【属性】面板 ，将【缓动】值设置为100，如图8-4所示。 8.1 跳动的3D小球 8.1 跳动的3D小球 （3）在图层2的第12帧和第24帧上分别插入关键 ，如图8-6所示。 8.1 跳动的3D小球 （5）新建图层3，然后在从库中拖拽“3D小球”元件到舞台，将其放置在跳动小球的旁边。 （6）按Ctrl+Enter快捷键预览设计效果。 8.2 跳动的数字 本例将创建一组计数器，其中的数字从1开始不断增大，并且这组计数器随着时间的流逝而轮流地出现和消失。 这个动画的制作原理很简单，主要使用逐帧制作关键帧来创建动画的方法。 8.2 跳动的数字 1.新建Flash文档 2.创建10个数字的图形元件，如图8-7所示。 8.2 跳动的数字 3.创建“个位”影片剪辑元件，如图8-8所示。 8.2 跳动的数字 4.创建“十位”影片剪辑元件 由于是十进制，所以个位上的数字从1变化到0时，十位上才增大1。这样，只要每10帧加入一个关键帧就行了。如图8-9所示。 8.2 跳动的数字 5.创建“百位”影片剪辑元件 十位上的数字变化一个周期后，百位上的数字增加1，所以每100帧加入一个关键帧，与创建十位元件类似。如图8-10所示。 8.2 跳动的数字 6.创建计数器 新建一个名为“计数器”的影片剪辑元件，将“个位”、“十位”、“百位”3个元件组全在一起。如图8-12所示。 8.2 跳动的数字 7.制作动画 制作完成后的动画如图8-13所示。 （3）导入图片，并设置每张图片的大小为“133.3像素×100像素” 。排列好图片，如图8-14所示 。 （3）在主场景中新建“引导层”图层，并将V形边框粘贴到舞台中。如图8-17所示。 （4）新建“模糊遮罩”影片剪辑元件，如图8-18所示。 （5）制作“线段”影片剪辑元件，如图8-19所示。 （6）新建名为“动态线段”的影片剪辑元件，将库中的“线段”元件拖拽至该元件中，在第40帧和第60帧插入关键帧。 将第40帧 “线段”元件的颜色修改为白色，将第60帧“线段”元件的Alpha值修改为0%。 最后为“动态线段”元件创建补间动画。如图8-20所示。 （7）新建一个名为“引导球”的影片剪辑元件，在舞台上绘制一个大小合适的红色小球。如图8-21所示。 2.制作动画 （1）在引导层的第120帧插入帧，选择该层上的“V”形框，用【橡皮擦】工具在其右下角擦出一个小缺口。如图8-22所示。 （2）将图层1重命名为“引导球”，将库中“引导球”元件拖拽至舞台中，并修改其实例名称为“dian”。 （3）制作引导层动画。如图8-23所示。 （4）在“引导层”上新建“模糊遮罩”层，将库中的“模糊遮罩”元件拖拽至舞台上，并修改其实例名称为“mask”。 （5）在“模糊遮罩”图层上新建图层“V”，将库中的元件“V”拖拽至舞台上，并使其相对于舞台居中。 （6）右键单击图层“V”选择遮罩命令。 （7）在图层“V”上新建图层“线段”，将库中的“动态线段”元件拖拽至舞台外面，并修改其实例名称为“line”。 3.制作代码元件 （1）在“线段”图层上新建图层“action”。新建一个名为“代码元件”的影片剪辑元件。 （2）在元件内第1帧输入代码，如图8-24所示。 （3）在元件内第2帧输入代码，如图8-25所示。 （4）在第3帧输入代码： gotoAndPlay(2); （5）返回主场景，在“action”图层的第1帧输入代码： setProperty(line,_visible,0); 4.完成动画 1.制作花形元件，如图8-26所示。 2.制作动态花形元件。 （1）新建一个名为“隐形按钮”的按钮元件，在“点击”帧上绘制如图8-27所示的图形。 （2）新建一