8flash教程.ppt

1、第8章 动画制作（中）补间动画,动画补间动画 形状补间动画,8.1 动画补间动画,8.1.1 动画补间动画的特点,组成元素：制作动画补间动画时，两个关键帧上的对象必须是元件实例。 在时间轴面板上的表现形式：在两个关键帧之间创建动画补间动画后，两个关键帧之间的背景变为淡紫色，在起始帧和结束帧之间有一个长长的箭头。,8.1.2 创建动画补间动画的方法,我们通过一个小实例来学习动画补间动画的创建方法：,打开素材文档 插入关键帧并放大元件实例,1.打开素材文档,2.在“图层1”的第15帧处按【F6】键插入关键帧，然后利用“任意变形工具” 将第15帧上的元件实例成比例放大,创建动画补间动画的参数设置 插

2、入关键帧并移动元件实例,3.单击选中“图层1”的第1帧，然后打开“属性”面板，在“补间”下拉列表中选择“动画”选项,4.在“图层1”的第30帧处插入关键帧，然后将第30帧上的元件实例移动到舞台左下角,5.选中“图层1”的第15帧，利用与步骤3相同的方法创建动画补间动画，然后在“旋转”下拉列表中选择“逆时针”选项，并在“旋转数”编辑框中输入“2”,设置“旋转”选项参数,通过快捷菜单创建动画补间动画,典型实例战斗机,战斗机动画,本例操作步骤可参考视频：8-1.avi。,8.1.3 改进动画补间动画,我们利用一个简单的小例子，来介绍如何制作变色、淡入淡出和发光效果的动画：,设置文档属性 输入文字,1

3、.新建一个“宽度”为“400”像素、“高度”为“200”像素、“背景颜色”为“蓝色#0099FF”的Flash文档,2.使用“文本工具” 输入文字,将文字转换为图形元件 创建动画补间动画,3.将舞台中的文字转换为名为“文字”的图形元件,4.在第15帧插入关键帧，然后在第1帧与第15帧之间的任意帧上右击鼠标，在弹出的快捷菜单中选择“创建补间动画”菜单，创建动画补间动画,放大元件实例 改变不透明度,5.选中第1帧上的元件实例，按快捷键【Ctrl+Shift+S】，在弹出的“缩放与旋转”对话框“缩放”编辑框中输入“200”，将元件实例放大200%，然后打开“属性”面板，在“颜色”下拉列表中选择“Al

4、pha”（透明度）选项，并在其右侧的编辑框中输入“0”,设置元件实例的亮度 制作闪白效果,6.分别在第16、17、18、19帧处插入关键帧，然后选中第16帧上的元件实例，在“属性”面板“颜色”选项的下拉列表中选择“亮度”选项，并在其右侧的编辑框中输入100,7.利用与步骤6相同的方法将第18帧上元件实例的亮度也设为100%,设置元件实例的色调 创建动画补间动画并插入普通帧,8.在第30帧处插入关键帧，然后选中第30帧上的元件实例，打开“属性”面板，在“颜色”下拉列表中选择“色调”选项，单击其右侧的色块 ，在弹出的“拾色器”中选择“紫色”，然后将“色彩数量”设为100%,9.最后在第15帧与第3

5、0帧之间的任意帧上右击鼠标，在弹出的快捷菜单中选择“创建补间动画”菜单，创建动画补间动画，再在第50帧处插入普通帧,典型实例网页广告,网页广告,本例操作步骤可参考视频：8-2.avi。,8.2 制作形状补间动画,8.2.1 形状补间动画的特点,利用形状补间动画除了可以实现两个图形之间颜色、大小、位置的相互变化，还可以实现两个图形之间形状的相互变化。 形状补间动画只能针对分离的矢量图形，如果使用图形元件、按钮、文字、组合等，则需要先将它们分离才能创建形状补间动画。 形状补间动画建好后，时间帧面板的背景色变为淡绿色，在起始帧和结束帧之间有一个长长的箭头，如果箭头变为虚线，则说明制作不成功。,8.2

6、.2 创建形状补间动画的方法,舞台中的图形 剪切并移动图形,1.打开素材文档,2.在“图层1”的第20帧处插入空白关键帧，然后将第1帧上的飞机图形剪切到第20帧的舞台中，并将第1帧上的小鸟图形移动到舞台中间位置,下面我们以一个简单的小实例来说明形状补间动画的创建：,创建形状补间动画 设置形状补间动画参数,3.选中第1帧与第20帧之间的任意帧，然后打开“属性”面板，在“补间”选项的下拉列表中选择“形状”选项，即可创建形状补间动画,4.在“混合”选项的下拉列表中有“分布式”和“角形”两个选项，这里我们选择“分布式”，至此实例就完成了,8.2.3 让形状变化更逼真形状提示,下面我们以一个简单的实例介

7、绍形状提示的应用：,舞台中的图形 剪切并移动图形,1.打开素材文档,2.在“图层1”的第20帧处插入空白关键帧，然后将第1帧上的老虎剪切到第20帧的舞台中心位置，并将第1帧上的小猫移动到舞台中间位置,3. 在第1帧与第20帧之间的任意帧上右击鼠标，然后在弹出的快捷菜单中选择“创建补间形状”菜单，创建形状补间动画,4. 按下【Enter】键预览动画效果，会发现两个图形之间的过渡很随意，不符合我们的要求,创建形状补间动画 过渡动画,添加形状提示 第1帧与第20帧上的形状提示,6.在第1帧上会出现一个红色的形状提示，相应的在第20帧上也出现了一个红色的形状提示,5.选中“图层1”的第1帧，然后选择“修改”“形状”“添加形状提示”菜单，添加一个形状提示,调整后的形状提示,7.使用“选择工具” 将第1帧上的形状提示移动到小猫的头顶位置，再将第20帧上的形状提示移动到老虎的头顶位置，表示在变形时小猫的头会变为老虎的头。此时第1帧上的形状提示会变为黄色，