课本上实例.docVIP

8.6 Flash基本类型动画的制作方法 8.6.1逐帧动画的制作 逐帧动画的每一幅画面均是由关键帧构成。如图8-54所示是一个逐帧动画的时间轴示意，通过此图可以看到连续的画面都是关键帧。 图8-54逐帧动画的时间轴 逐帧动画可以使用绘图工具在每一帧中绘制，也可以从外部逐帧导入图片。 这里就不演示逐帧绘制画面的逐帧动画，下面介绍从外部导入图片的两种逐帧动画制作方法。 1. 逐帧动画方法一 这种方法是先建立连续空白关键帧，再逐帧从外部导入图片。操作步骤如下： ① 先选中第1帧，接着按住Shift键选定逐帧动画的最后1帧点击鼠标右键，在弹出的快捷菜单中选择【转换为关键帧（Convert to Key frames）】命令，将所有选中的帧都转换成空白关键帧。 ② 逐次选中每一空白关键帧，执行菜单命令【文件】→【导入】→【导入到库】（或【导入的舞台】），从预定的目标位置导入图片。 2. 逐帧动画方法二 这种方法是先将准备导入的图片放入同一文件夹中，然后依次将这些图片文件取同一文件名且加上图片出现的序号，最后导入到逐帧动画的起始帧。操作步骤如下： ① 将准备导入的图片放入同一文件夹中，然后依次将这些图片文件取同一文件名且加上图片出现的序号。例如：“001”、“002”、“003”、“004”……，如图8-55所示。 图8-55图片文件的序号 ② 在Flash CS3的时间轴中，选定准备插入逐帧动画的起始帧，执行菜单命令【文件】→【导入】→【导入的舞台】，从预定的文件夹中导入图片，此时系统会弹出一个对话框如图8-56所示。 图8-56询问是否输入全部图像序列的对话框 ③ 在上图的对话框中选定【是】，系统将按序号导入所有的图片形成逐帧动画，完成这部分的逐帧动画制作。 8.6.2形状补间动画的制作 对象形状逐渐改变的动画叫做形状补间动画。在形状补间动画中，对象的位置可以移动、对象的颜色可以改变，但这种变化是以矢量图形对象为动画主角。 舞台上的矢量图形，在没有转化为素材库中的元件之前，只是普通的图形，因此只能用来制作形状补间的动画，不能用来制作动画补间动画。 1. 形状补间动画 形状补间动画发生在两个不同形状的矢量图形之间，我们只要在两个关键帧上绘制不同的图形就可以了。 2. 颜色变化的形状补间动画 在Flash CS3中，颜色变化的形状补间动画在制作上与普通形补间变动画没有什么差异，只要在动画的起始帧图形与终点帧图形上设定图形不同的颜色即可。无论起始帧图形颜色与终点帧图形颜色有什么差别，也不管填充颜色采用的是纯色填充还是渐变填充（即线性填充或放射状填充），计算机都会自动完成这种颜色变化的动画。 3. 添加形状提示控制点的形状补间动画 有时候我们在形状补间动画中设定起始图形与终点图形，在测试结果的影片中，动画确实是由起始图形变成了终点图形，但我们却感觉失望，这是为什么呢？这是因为我们有时不仅要求图形变化由起始图形变成终端图形，同时还希望变化过程能按我们的设计进行。这时，运用形状提示控制点能帮助我们来控制图形的变化过程。 形状控制点是指在图形的起点关键帧设定控制点a、b、c、d、e……，这些点设置在图形的某些重要位置上。在终点帧，也会有相应的控制点，将这些点拖放到预先设计的特定位置上。起始帧的控制点与终点帧的控制点一一对应：起始帧的a点渐变到终点帧的a点、起始帧的b点渐变到终点帧的b点、起始帧的c点渐变到终点帧的c点……，复杂的图形变化也能在控制点的控制下乖乖听话。 下面我们通过一个例子来研究形状提示控制点的使用方法。 实例二：添加形状提示点的研究 ① 新建的一个Flash文件，在工具箱中选择矩形工具按钮，在舞台左侧绘出一个矩形，去掉填充色。 ② 在第30帧插入关键帧，将矩形拖放到舞台右侧。 ③ 选定第1帧，展开【属性】面板。在选项【补间】栏下拉列表中选择【形状】。 ④ 按【Ctrl+Enter】键测试影片，可以看到图形补间动画已经成功。 下面是研究形状提示控制点的使用。 ⑤ 选定第1帧，执行菜单命令【修改】→【形状】→【添加形状提示】，会在矩形中央出现一个红色的“a”点。接着按【Ctrl+Shift+H】键多次，会依次出现“b”、“c”、“d”。将这些点按顺序拖放到四个角上。 此时分别选中起始帧与终点帧观察，会发现起始帧的红色形状提示点分布在四个角上，而终点帧的红色形状提示点还叠放图形中央。显示结果如图8-60所示。 图8-60起始帧与终点帧形状控制点 下面将分别设置终点帧的形状提示控制点在图形的不同位置上，研究控制点的控制效果。为了清晰地观察到变化过程，我们打开绘图纸功能的边框按钮和编辑多帧按钮，并设置绘图纸起点与动画起点一致、绘图纸终点与动画终点一致。 ⑥ 设置终点帧形状提示控制点的位置与起点帧的形状提示控制点相同，敲【Enter】运行结果