Flash CS4中文版模块教程 教学课件 作者 明丽宏 彭德林 模块11 补间动画.pptVIP

模块十一补间动画 模块十一 补间动画 重点提示： 传统补间动画 动画补间动画 形状补间动画 传统补间与动画补间的区别 模块十一 补间动画 子模块一 补间动画的原理 子模块二 补间动画制作 子模块三 补间形状制作 子模块四 传统补间制作 子模块五 三种补间动画的区别 工作情境一　十二生肖变变变 工作情境二　保龄球动画的制作 工作情境三　欢迎动画的制作 模 块 小 结 模 块 训 练 子模块一 补间动画的原理 一、补间动画的要素及原理 可补间的对象类型包括影片剪辑、图形和按钮元件以及文本字段。可补间的对象的属性包括： 2D X 和 Y 位置； 3D Z 位置（仅限影片剪辑）； 2D 旋转（绕 z 轴）； 3D X、Y 和 Z 旋转（仅限影片剪辑）； 子模块一 补间动画的原理 3D 动画要求 FLA 文件在发布设置中面向 ActionScript 3.0 和 Flash Player 10； 倾斜 X 和 Y； 缩放 X 和 Y； 颜色效果：颜色效果包括 Alpha（透明度）、亮度、色调和高级颜色设置。（只能在元件上补间颜色效果。若要在文本上补间颜色效果，请将文本转换为元件。）； 滤镜属性（不包括应用于图形元件的滤镜）。 子模块一 补间动画的原理 注： 从 Flash Professional CS4 开始，“关键帧”和“属性关键帧”的概念有所不同。术语“关键帧”是指时间轴中其元件实例首次出现在舞台上的帧。 Flash CS4 中新增的单独术语“属性关键帧”是指在补间动画的特定时间或帧中定义的属性值。 子模块一 补间动画的原理 补间动画是一种在最大程度地减小文件大小的同时创建随时间移动和变化的动画的有效方法。 在补间动画中，只有您指定的属性关键帧的值存储在 FLA 文件和发布的 SWF 文件中。 子模块二 补间动画的制作 一、创建补间动画 1．创建动画文件 2．导入文件 3．转换成元件 将刚才导入到舞台的图像转换为元件。在图像上点击鼠标右键，选择转换为元件，选择影片剪辑元件，并将注册点选择为中间，如图11-1所示。 子模块二 补间动画的制作 一、创建补间动画 4．创建动画补间 在图层1中选择右键，创建补间动画，然后在第30帧处右键插入帧或者F5，请注意，是插入帧不是插入关键帧，如图11-2所示。 子模块二 补间动画的制作 我们现在移动一下第30帧中的实例，这时候奇妙的事情发生了，实例不但发生了移动，还产生了注册点的路径，如图11-3所示。更有意思的是第30帧居然自动生成了关键帧，如图11-4所示。这点就是和传统补间动画最大的区别，传统补间动画的非关键帧是不能调整的。 子模块二 补间动画的制作 一、创建补间动画 5．插入帧动画 第1帧和第30帧的位置确定之后，我们将播放头拖到第15帧，将舞台中的实例向上拖拽，如图11-5所示，这时候第15帧自动生成关键帧，如图11-6所示。 子模块二 补间动画的制作 一、创建补间动画 这时候我们再对第15帧实例进行缩小操作和旋转操作，缩小应该没有问题，可是在旋转时我们发现了问题，旋转不能按照我们预想的执行，第1帧设定了顺时针旋转之后，之后的所有帧旋转属性不能再更改，这点与传统补间动画也有区别，因此，我们要选择适合的补间方式进行制作动画。 子模块二 补间动画的制作 一、创建补间动画 5．插入帧动画 在调整完第15帧之后，我们再选择第30帧，我们不难发现，第30帧的属性和第15帧的属性完全一致，这时需要我们自己调整第30帧大小和位置与第1帧相同，回车测试，得到动画如图11-7所示。 子模块二 补间动画的制作 子模块二 补间动画的制作 二、动画补间路径调整 动画补间的路径调整和传统补间动画调整有着本质的区别，我们可以借助刚才完成的动画实例来测试一下。 子模块二 补间动画的制作 首先，我们可以利用选取工具，将左侧的运动路径整体调整为弧形，如图11-8所示。 子模块二 补间动画的制作 接下来，我们可以利用部分选取工具，变换任意关键帧的运动路径，如图11-9所示。图中的绿色点代表每个帧中的注册点位置。 子模块三 补间形状的制作 一、形状补间的制作 1．创建动画文件 打开FLASH CS4软件,创建ActionScript 3.0动画文档，将新建的文档保存并命名为形状补间.fla。 子模块三 补间形状的制作 一、形状补间的制作 2．绘制图形 选择形状绘制工具，选择椭圆绘制，将边框设置为“无”，绘制出一个正圆，颜色设