动画制作大学教程-Flash 第7章 创建动画补间.ppt

1、第7章 创建动画补间,动画补间”在以前的版本中也称为“动作补间动画”，有时也称为“运动补间动画”。 在动画补间中，在起始和结束的关键帧中分别定义实例、组或文本块的位置、大小和旋转等属性的不同值，中间的非关键帧中的内容就会由Flash计算产生，从而产生动画效果。 需要注意的是，动画补间是以实例、组或文本块为对象的动画效果，形状必须在转换为元件以后，才能制作动画补间。,7.1创建动画补间,可通过以下方法来创建补间动画：在起始关键帧中为实例、组合对象或文本定义属性，然后在后续关键帧中更改对象的属性。 Flash在关键帧之间的帧中创建从一个关键帧到下一个关键帧的动画。,图7.1 绘制对象,7.1.1创

2、建动画补间的方法,图7.2 转换为元件,图7.3 插入关键帧,图7.4 移动到另一个位置,图7.5 选择补间类型,图7.6 动画补间的属性,图7.7 箭直线运动,7.1.2实践与练习：箭直线运动,图7.8 文档“属性”面板,1创建元件,图7.9 修改文档的尺寸,图7.10 打开“绘制箭”实例文档,图7.11 “转换为元件”对话框,图7.12 靶子图形被转换为元件实例,图7.13 “库”面板,图7.14 箭图形被转换为元件实例,图7.15 增加了箭元件,图7.16 将“图层1”的名称改为“靶子”,图7.17 “库”面板中没有元件,图7.18 库文件列表,图7.19 “绘制箭.fla”文档的库,图

3、7.20 缩小实例宽度,图7.21 箭对准靶子的中心,图7.22 “库”面板中增加了两个元件,图7.23 调整箭运动的起始位置,图7.24 在“箭”图层的第20帧插入关键帧,图7.25 延伸“靶子”图层后的效果,图7.26 创建补间动画,图7.27 测试影片,图7.28 插入帧,图7.29 取消补间动画,图7.30 测试动画之一,图7.31 测试动画之二,7.2修改补间动画的详细属性,调整帧和关键帧，可以在整体上改变补间动画的属性。 如果要对详细属性进行设置，那么就要使用“属性”面板了。 选中动画的起始帧，使用菜单栏中的“窗口属性属性”命令打开“属性”面板。 如图7.32所示，可以看到各种详细

4、的设置属性。,图7.32 设置补间动画的详细属性,7.2.1设置基本选项,在“属性”面板中，各种选项的说明如下。 缩放：如果起始帧和结束帧中的对象大小不一样，那么选中该选项可以让对象的大小逐渐变化；取消该选项则保持动画过程中对象的大小不变，只在进入结束帧的时候突然变大或者变小。,缓动：设置对象运动的加速度。 如果是0，那么对象将做匀速运动；如果是正数，那么对象将做减速运动；如果是负数，那么对象将做加速运动。 单击后面的“编辑”按钮，可以通过“自定义缓入缓出”功能做详细的加速度设置。 这将在随后的实例中做详细讲解。,旋转：设置对象旋转的方向和次数。 调整到路径：在使用引导动画的时候，让对象随着路

5、径的方向变化而改变自己的朝向。 同步：使图形元件实例的动画和主时间轴同步。 对齐：在使用运动路径时，让补间元素自动附加到运动路径。,图7.33 闹钟,7.2.2实践与练习：闹钟,图7.34 闹钟图形,图7.35 绘制时针和分针,图7.36 图层顺序,图7.37 分针元件实例,图7.38 “库”面板中增加分针元件,图7.39 时针元件实例,图7.40 “库”面板中增加时针元件,图7.41 任意变形节点,图7.42 修改时针元件实例的中心,图7.43 修改分针元件实例的中心,图7.44 “属性”面板,图7.45 选择旋转方式,图7.46 设置放置次数,图7.47 时间轴上的红色播放头,图7.48

6、拖动时间轴上的播放头观察效果,图7.49 设置分针的旋转方式和次数,图7.50 测试影片之一,图7.51 测试影片之二,7.2.3编辑“缓动”选项,单击“属性”面板中“缓动”选项后面的“编辑”按钮，将会出现如图7.52所示的“自定义缓入/缓出”对话框。 帧由水平轴表示，变化的百分比由垂直轴表示。 第一个关键帧表示为0%，最后一个关键帧表示为100%。 对象的变化速率用曲线图的曲线斜率表示。曲线水平时，变化速率为零；曲线垂直时，变化速率最大，可以在一瞬间完成变化。,图7.52 “自定义缓入/缓出”对话框,1“为所有属性使用一种设置”复选框 2“属性”下拉列表 3“播放”按钮（ ）和“停止”按钮（

7、 ） 4“重置”按钮 5编辑控制点,7.3与颜色相关的变化,与颜色相关的变化，可以是色彩的变化，也可以是透明度和亮度的变化。 在这一节中，我们通过一个简单的例子来介绍如何利用调整实例的透明度来制作动画效果。,本实例的重点是动画补间和透明度渐变，将绘制的气体的形状转化为元件，从而创建元件的实例，制作汽从无到有，从变大到消失的冒汽动画，如图7.53所示，并通过复制帧、粘贴帧，实现动画的复制，复制动画后再对动画进行编辑。,图7.53 茶杯冒汽,图7.54 绘制茶杯,图7.55 绘制汽,图7.56 汽元件实例,图7.57 “库”面板,图7.58 延伸茶杯图层的帧,图7.59 插入关键帧,图7.60 将

8、实例放大,图7.61 颜色属性,图7.62 “Alpha”为“50%”时的实例效果,图7.63 “Alpha”为“0”时的实例效果,图7.64 修改第1帧中的实例,图7.65 测试动画效果,图7.66 粘贴动画,图7.67 复制动画,图7.68 编辑多帧按钮,图7.69 选中动画,图7.70 移动动画,图7.71 调整动画大小,图7.72 粘贴帧,图7.73 复制动画,图7.74 编辑多帧按钮,图7.75 动画效果之一,图7. 76 动画效果之二,7.4实践与练习：射箭动画,图7.77 测试动画,图7.78 图层时间轴,图7.79 箭停留在靶心,图7.80 “库”面板,图7.81 元件编辑模式

9、,图7.82 选中靶子的左半部分,图7.83 删除靶子的左半部分,图7.84 文档中的靶子,图7.85 “库”面板,图7.86 新建图层,图7.87 中心点在靶心,图7.88 水平翻转靶子,图7.89 箭穿过靶子,图7.90 测试动画之一,图7.91 测试动画之二,7.5实践与练习：匀速弹球,图7.92 匀速弹球,图7.93 绘制球形,图7.94 元件实例,图7.95 “库”面板,图7.96 新建图层并排列,图7.97 绘制投影,图7.98 绘制地面,图7.99 球的起始位置,图7.100 时间轴上的3个关键帧,图7.101 拖动播放头观察效果,图7.102 颜色属性列表,图7.103 拖动数

10、量值滑块,图7.104 颜色属性,图7.105 “Alpha”为10%的效果,图7.106 测试影片之一,图7.107 测试影片之二,7.6实践与练习：眼睛动画,图7.108 眼睛动画,图7.109 绘制卡通头像,图7.110 图层顺序,图7.111 创建“眼睛”图形元件,图7.112 “变形”面板,图7.113 实例缩小到50%,图7.114 3个关键帧的位置,图7.115 选中两组动画间的多帧,图7.116 设置旋转方式,图7.117 拖动播放头到某一帧时的效果,图7.118 复制动画,图7.119 编辑多个帧,图7.120 用“选择”工具拖出一个矩形,图7.121 选中“眼睛2”图层中的

11、所有对象,图7.122 移动动画,图7.123 移动动画后的效果,图7.124 测试影片之一,图7.125 测试影片之二,图7.126 循环标志,7.7实践与练习：循环标志,图7.127 绘制图形杯,7.7.1准备制作动画,图7.128 图层顺序,图7.129 透明箭头元件实例,图7.130 “库”面板,图7.131 按钮图标实例,图7.133 从“库”面板中拖曳元件到工作区,图7.134 在“按钮图标2”图层创建实例,图7.135 在“按钮图标3”图层创建实例,图7.136 延伸帧,图7.137 在第15帧和第30帧插入关键帧,7.7.2制作3个按钮图标动画,图7.138 “颜色”下拉列表,图7.139 色调属性,图7.140 实例变成红色,图7.141 在工作区中观察播放头在某一帧时的效果,图7.142 插入关键帧,图7.143 颜色属性,图7.144 实例变成绿色,图7.145 选中部分帧,图7.146 在工作区观察播放头在某一帧时的效果,图7.147 插入关键帧,图7.148 颜色属性,图7.149 实例变成蓝色,图7.151 延伸图层帧,图7.150 拖动播放头在工作区中观察效果,图7.152 插入关键帧,7.7.3制作透明箭头动画,图7.153 颜色属性,图7.154 实例