第五章基本动画制作

第五章基本动画制作

第一节逐帧动画

逐帧动画是动画中最基本的类型，它与传统的动画制作方法类似，制作原理是在连续的关键帧中分解动画，也就是每一帧中的内容不同，然后连续播放形成动画。

在制作逐帧动画的过程中，需要动手制作每一个关键帧中的内容，因此工作量极大，动画文件也较大，并且要求读者有比较强的逻辑思维和一定的绘图功底。但它的优势也很明显，因为它相似与电影播放模式，很适合于表演很细腻的动画，例如3D 效果、面部表情、走路和转身等。

1．逐帧动画的概念和在时间帧上的表现形式

在时间帧上逐帧绘制帧内容称为逐帧动画，由于是一帧一帧的画，所以逐帧动画具有非常大的灵活性，几乎可以表现任何想表现的内容。逐帧动画在时间帧上表现为连续出现的关键帧，如图5-1所示。

图 5-1 逐帧动画

2．创建逐帧动画的几种方法

（1）利用外部导入方式创建逐帧动画

外部导入方式是逐帧动画最为常用的方法。将在其他应用程序中创建的动画文件或者图形图像序列导入到Flash 软件中。具体导入方法为：

●执行菜单中的“文件/导入/导入到舞台”命令，在弹出的“导入”对话框中选择一个文

件，单击“打开”按钮.

●在弹出的如图5-2 所示的提示对话框中单击“是”按钮，即可将序列中的全部图片导

入到舞台。此时，每一张图片会自动生成一个关键帧，并存放在“库”面板中。

图5-2

用jpg、png、gif等格式的静态图片连续导入Flash中，就会建立一段逐帧动画。

（2）在Flash 中制作逐帧动画

除了前面使用外部导入的方式创建逐帧动画外，还可以在Flash 软件中制作每一个关键帧中的内容，从而创建逐帧动画。图5-3为利用逐帧绘制方法制作出的人物走路的画面分解图。

图5-3 逐帧绘制人物走路的画面分解图

（3）文字逐帧动画

用文字作帧中的元件，实现文字跳跃、旋转等特效。

例：书写汉字

3、调整对象位置

此时，时间帧区出现连续的关键帧，从左向右拉动播放头，就会看到一只小鸟在飞翔，但是，被导入的动画序列位置尚未处于需要的地方，缺省状况下，导入的对象被放在场景坐标“0，0”处，必须移动它们。

当然可以一帧帧调整位置，完成一幅图片后记下其坐标值，再把其它图片设置成相同坐

标值，如果你有足够耐性和时间，也无妨，那么，我们何不试试“多帧编辑”功能呢？

弹出的菜单中选择【标记整个范围】选项，如图5-4所示。

最后执行【编辑】|【全选】命令，此时时间轴和场景效果如图5-5所示。

图5-5 选取多帧编辑

用鼠标左键按住场景左上方的豹子拖动，就可以一次把8帧中的图片一次全移动到场景中了。

第二节传统补间动画

传统补间动画是Flash 中较为常见的基本动画类型，使用它可以制作出对象的位移、变形、旋转、透明度、滤镜及色彩变化等动画效果。

与逐帧动画不同，使用传统补间创建动画时，只要将两个关键帧中的对象制作出来即可。在两个关键帧之间的过渡帧由Flash 自动创建，并且只有关键帧是可以进行编辑的，而各过渡帧虽然可以查看，但是不能直接进行编辑。除此之外，在制作时还需要满足以下条件：●在一个动画补间动作中至少要有两个关键帧。

●两个关键帧中的对象必须是同一个对象。

●两个关键帧中的对象必须有一些变化，否则制作的动画将没有动作变化的效果。

1. 创建传统补间动画

传统补间动画的创建方法有以下两种。

（1）通过右键菜单创建传统补间动画

首先在时间轴面板中选择同一图层的两个关键帧之间的任意一帧，然后单击右键，从弹出的快捷菜单中选择“创建传统补间”命令，如图5-4 所示。这样就在两个关键帧之间创建出了传统补间动画，所创建的传统补间动画会以一个浅蓝色背景显示，并且在关键帧之间有一

个箭头，如图5-5 所示。

图5-4 图5-5

通过右键菜单除了可以创建传统补间动画外，还可以取消已经创建好的传统补间动画。具体方法为：选择已经创建的传统补间动画的两个关键帧之间的任意一帧，然后单击右键，从弹出的快捷菜单中选择“删除补间”命令，如图2-127 所示，即可取消补间动作。

（2）使用菜单命令创建传统补间动画

在使用菜单命令创建传统补间动画的过程中，同样需要选择同一图层两个关键帧之间的任意一帧，然后执行菜单中的“插入/补间动画”命令；如果要取消已经创建好的传统补间动画，可以选择已经创建的传统补间动画的两个关键帧之间的任意一帧，然后执行菜单中的“插入/删除补间”命令。

2、传统补间动画的属性设置

传统补间动画的属性同样可以通过属性面板的“补间”选项进行设置。首先选择已经创建的传统补间动画的两个关键帧之间的任意一帧，然后调出属性面板，如图5-9所示，

（1）旋转。用于设置对象旋转的动画，单击右侧的按钮，会弹出

如图2-130 所示的下拉列表，当选择“顺时针”或“逆时针”选项时，可以创建顺时针或逆时针旋转的动画。在下拉列表的右侧还有一个参数设置，用于设置对象旋转的次数。

图5-6

（2）贴紧。勾选该项，可以将对象紧贴到引导线上。

（3）同步。勾选该项，可以使图形元件实例的动画和主时间轴同步。

（4）调整到路径。在制作运动引导线动画时，勾选该项，可以使动画对象沿着运动路径运动。

（5）缩放。勾选该项，用于改变对象的大小。

（6）缓动编辑。单击“缓动”选项右侧的按钮，在弹出的“自定义缓入/ 缓出”对话框中可以设置过渡帧更为复杂的速度变化，如图5-7 所示。其中，帧由水平轴表示，变化的百分比由垂直轴表示，第1 个关键帧表示为0%，最后1 个关键帧表示为100%。对象的变化速率用曲线图中的速率曲线表示，曲线水平时（无斜率），变化速率为0；曲线垂直时，变化速率最大。

图5-7 “自定义缓入/ 缓出”对话框

第三节补间形状动画

补间形状动画用于创建形状变化的动画效果，使一个形状变成另一个形状，同时可以设置图形形状位置、大小和颜色的变化。

补间形状动画的创建方法与传统补间动画类似，只要创建出两个关键帧中的对象，其他过渡帧便可通过Flash 自己制作出来。当然，创建补间形状动画还需要满足以下条件：

●在一个补间形状动画中至少要有两个关键帧。

●两个关键帧中的对象必须是可编辑的图形，如果是图形元件、按钮、文字，则必先打散（Ctrl+B）后，将其转换为可编辑的图形。

●两个关键帧中的图形必须有一些变化，否则制作的动画将没有动的效果。

1. 创建补间形状动画

当满足了以上条件后，就可以制作补间形状动画。与传统补间动画类似，创建补间形状动画也有两种方法。

（1）通过右键菜单创建补间形状动画

选择同一图层的两个关键帧之间的任意一帧，然后单击鼠标右键，从弹出的菜单中选择“创建补间形状”命令，如图2-131 所示，这样就在两个关键帧之间创建出了补间形状动画，所创建的补间形状动画会以一个浅绿色背景进行显示，并且在关键帧之间有一个箭头，如图2-132 所示。

提示：如果创建后的补间形状动画以一条绿色背景的虚线段表示，则说明补间形状动画没有创建成功，原因是两个关键帧中的对象可能没有满足创建补间形状动画的条件。

图5-8 “创建形状补间”后的时间轴图5-9 创建形状补间失败