第7章 动画制作与编辑

第7章动画制作与编辑内容概述Flash动画是由多张不同画面构成的。通过时间轴，我们可以安排各种动画画面、图层以及各种动画的顺序。Flash动画可以分成逐帧动画和补间动画两种，而补间动画又可以分为形状补间动画和动作补间动画，其中动作补间动画最能体现Flash的优越性，也是最常用的动画。教学目标1．了解制作Flash动画的基本知识，掌握帧、补间动画、场景和时间轴特效的使用方法。2．熟悉逐帧动画和补间动画的制作方法，掌握关键帧的定义方法和帧频率的设置方法。3．掌握创建补间动作动画和创建补间形状动画的方法，掌握时间轴特效中的模糊、变形、转换、分离、投影、展开等特效。7.1Flash动画概述7.1.1补间动画与逐帧动画7.1.2时间轴中的动画表示7.1.3设置帧频率7.1.1补间动画与逐帧动画补间动画是一种动画类型，在动画中对象从一个位置移动到另一个位置。在制作时定义要为其制作动画的对象的起始位置和结束位置，然后让Flash计算该对象的所有补足区间位置。使用这种方法，只需设置要为其制作动画的对象的起始位置和结束位置，就可以创建平滑的动作动画。逐帧动画更改每一帧中的舞台内容，它最适合于每一帧中的图像都在更改而不是仅仅简单地在舞台中移动的复杂动画。逐帧动画增加文件大小的速度比补间动画快得多。在逐帧动画中，Flash会保存每个完整帧的值。7.1.2时间轴中的动画表示补间动画用起始关键帧处的一个黑色圆点指示；中间的补间帧有一个浅蓝色背景的黑色箭头补间形状用起始关键帧处的一个黑色圆点指示；中间的帧有一个浅绿色背景的黑色箭头虚线表示补间是断的或不完整的单个关键帧用一个黑色圆点表示。单个关键帧后面的浅灰色帧包含无变化的相同内容，并带有一条黑线，而在整个范围的最后一帧还有一个空心矩形出现一个小a表明已利用“动作”面板为该帧分配了一个帧动作红色标记表明该帧包含一个标签或注金色的锚记表明该帧是一个命名锚记7.1.3设置帧频率帧频是动画播放的速度，以每秒播放的帧数为度量。帧频太慢会使动画看起来一顿一顿的，帧频太快会使动画的细节变得模糊。在Web上，每秒12帧的帧频通常会得到最佳的效果。QuickTime和AVI影片通常的帧频就是12fps，但是标准的运动图像速率是24fps。动画的复杂程度和播放动画的计算机速度影响回放的流畅程度。应用时需要在不同的计算机上测试动画，以确定最佳帧频。设置帧频率只需按以下步骤：（1）在舞台上远离任何对象的区域单击鼠标。（2）在属性检查器的“帧频”文本框中键入要修改的数值。如图所示。7.2创建传统的逐帧动画逐帧动画是由许多单个的关键帧组合而成的，适合制作一个动画在每个帧上都有关键性变化的情况。逐帧动画增加文件大小的速度比补间动画快得多。在逐帧动画中，Flash会保存每个完整帧的值。要创建逐帧动画，需要将每个帧都定义为关键帧，然后给每个帧创建不同的图像。每个新关键帧最初包含的内容和它前面的关键帧是一样的，因此可以递增地修改动画中的帧。1．创建逐帧动画：（1）新建一个文件，利用属性面板可以设置场景为合适的大小和背景色。如图7-2-1所示（2）选择第1帧作为逐帧动画的起始帧，单击右键，在弹出的下拉菜单中选择“插入关键帧”。如图7-2-2所示。图7-2-1属性面板图7-2-2插入关键帧（3）在第1帧上创建插图。可以使用绘画工具、从剪贴板中粘贴图形，或导入一个文件，这里我们导入一张图片。如图7-2-3所示。（4）拷贝第1帧的内容，单击第2帧，将第1帧中的内容粘贴到第2帧上，单击“编辑多个帧”按钮，并用“选择工具”将图形调整一下位置。如图7-2-4所示。（5）重复步骤（4），完成第3-10帧的动作。（6）单击“编辑多个帧”按钮，取消显示，按Enter键测试动画，并保存。图7-2-3导入一张图片图7-2-4编辑多个帧7.3创建补间动作动画7.3.1创建补间动作动画的方法7.3.2创建沿路径运动的补间动作动画7.3.1创建补间动作动画的方法在起始关键帧中为实例、组合对象或文本定义属性，然后在后续关键帧中更改对象的属性。Flash在关键帧之间的帧中创建从一个关键帧到下一个关键帧的动画。要创建补间动画，您将提取元件的一个实例并使其看上去在弹跳。如图7-3-1所示。在时间轴（“窗口”/“时间轴”）中，双击图层1的标题并键入示例。按Enter键以重命名该图层。在示例图层仍处于选中状态时，将示例图形元件从“库”窗口（“窗口”/“库”）拖动到舞台上。图7-3-1示例图片（1）在“选择”工具仍处于选中状态时，在示例图层中，选择第20帧。然后按F6键插入一个关键帧。（2）选择第10帧并按F6键以添加另一个关键帧。（3）在播放头仍处于第10帧上时，按住Shift键沿着直线移动轮胎，并将示例图向上拖动。（4）在示例图层中，选择第2帧和第9帧之间的任何帧。在属性检查器中，从“补间”弹出菜单中选择“动画”。这两个关键帧之间的时间轴中会出现一个箭头。（5）选择第16帧和第29帧之间的任何帧。同样使用“属性”检查器中的“补间”弹出菜单选择“动画”。如图7-3-2所示。图7-3-2创建补间动画7.3.2创建沿路径运动的补间动作动画运动引导层使您可以绘制路径，补间实例、组或文本块可以沿着这些路径运动。可以将多个层链接到一个运动引导层，使多个对象沿同一条路径运动。链接到运动引导层的常规层就成为引导层。（1）首先创建运动引导层：选择包含动画的图层，然后选择“插入”/“时间轴”/“运动引导层”。Flash会在所选的图层之上创建一个新图层，该图层名称的左侧有一个运动引导层图标。将现有图层拖到运动引导层的下面。该图层在运动引导层下面以缩进形式显示。该图层上的所有对象自动与运动路径对齐。（2）使用“钢笔”、“铅笔”、“直线”、“圆形”、“矩形”或“刷子”工具绘制所需的路径。（3）将中心与线条在第一帧中的起点和最后一帧中的终点对齐。（4）选择“控制”/“测试影片”可查看动画效果。7.4创建补间形状动画7.4.1补间形状动画7.4.2使用形状提示7.4.1补间形状动画“补间形状动画”是补间动画的一种。在改变一个矢量图形的形状，颜色、位置、或一个矢量图的变形成为另一个矢量图的过程中，可以使用形状补间动画。在形状补间动画中，只需创建起始和结束两个关键帧，中间的经过帧则有Flash通过计算机自动完成。在创建形状补间动画片时，如果需要对组、实例或位图图像应用形状补间，则必须首先将这些元素进行分离，如果对文本应用于形状补间，则必须首先将文本进行打散两次处理，使其转换成文形状。形状补间动画的创作步骤如下：（1）选择动画开始的帧，在场景中利用绘图工具或文字工具绘制图形，作为形状补间动的第一个关键帧，如图7-4-1所示。（2）在同一个图层上，选择在第30帧插入一个关键帧，作为形状补间的结束帧，并在这个帧中创建变形后的图形，如图7-4-2所示。图7-4-1绘制第一个关键帧图7-4-2设置形状补间动画第一个结束帧上的形状（3）在时间轴上选择第一个关键帧，然后在该帧的“属性”面板中设置参数，在“补间”下拉列表框中选择“形状补间”选项，如图7-4-3所示。（4）创建了形状补间动画后时间轴上的状态如图7-4-4所示。图7-4-3设置形状补间图7-4-4创建形状补间动画后的时间轴7.4.2使用形状提示要控制更加复杂或罕见的形状变化，可以使用形状提示。形状提示会标识起始形状和结束形状中的相对应的点。例如，如果要补间一张正在改变表情的脸部图画时，可以使用形状提示来标记每只眼睛。这样在形状发生变化时，脸部就不会乱成一团，每只眼睛还都可以辨认，并在转换过程中分别变化。形状提示包含字母（从a到z），用于识别起始形状和结束形状中相对应的点。最多可以使用26个形状提示。起始关键帧上的形状提示是黄色的，结束关键帧的形状提示是绿色的，当不在一条曲线上时为红色。要在补间形状时获得最佳效果，遵循以下准则：（1）选择动画开始的帧，在场景中利用绘图工具或文字工具绘制图形，作为形状补间在复杂的补间形状中，需要创建中间形状然后再进行补间，而不要只定义起始和结束的形状。（2）选择动画开始的帧，在场景中利用绘图工具或文字工具绘制图形，作为形状补间确保形状提示是符合逻辑的。例如，如果在一个三角形中使用三个形状提示，则在原始三角形和要补间的三角形中它们的顺序必须是一致的。它们的顺序不能在第一个关键帧中是abc，而在第二个中是acb。（3）选择动画开始的帧，在场景中利用绘图工具或文字工具绘制图形，作为形状补间如果按逆时针顺序从形状的左上角开始放置形状提示，它们的工作效果最好。使用形状提示的操作过程如下：（1）选择补间形状序列中的第一个关键帧。（2）选择“修改”/“形状”/“添加形状提示”。起始形状提示会在该形状的某处显示为一个带有字母a的红色圆圈。将形状提示移动到要标记的点。如图7-4-5所示。（3）选择补间序列中的最后一个关键帧。结束形状提示会在该形状的某处显示为一个带有字母a的绿色圆圈，如图7-4-6所示。（4）重复这个过程，添加其它的形状提示。将出现新的提示，所带的字母紧接之前字母的顺序（b、c等等）。图7-4-5添加形状提示图7-4-6结束形状提示7.5使用帧在Flash中，有两种帧格式，一个是关键帧，另一个是普通帧。7.5.1关键帧7.5.2普通帧7.5.3编辑帧7.5.4使用绘图纸外观功能7.5.5移动整个动画7.5.1关键帧关键帧是这样一个帧：您在其中定义了对动画的对象属性所做的更改，或者包含了ActionScript代码以控制文档的某些方面。Flash可以在您定义的关键帧之间补间或自动填充帧，从而生成流畅的动画。因为关键帧可以使您不用画出每个帧就可以生成动画，所以使您能够更轻松地创建动画。可以通过在时间轴中拖动关键帧来轻松更改补间动画的长度。帧和关键帧在时间轴中出现的顺序决定它们在Flash应用程序中显示的顺序。可以在时间轴中排列关键帧，以便编辑动画中事件的顺序。7.5.2普通帧普通帧：除了关键帧之外，所有出现在时间轴中的帧都称为普通帧。在Flash的动画制作模式中，普通帧往往代表着中间的画面，也就是第1帧与最后1帧画面间渐变的过程，因此它们是无法被编辑修改的。7.5.3编辑帧在Flash中，可以处理帧和关键帧，将它们按照您想让对象在帧中出现的顺序进行排列。可以通过在时间轴中拖动关键帧来更改补间动画的长度。可以对帧或关键帧进行如下修改：插入、选择、删除和移动帧或关键帧将帧和关键帧拖到同一图层中的不同位置，或是拖到不同的图层中复制和粘贴帧和关键帧将关键帧转换为帧（1）在时间轴中插入帧，可执行以下操作之一：要插入新帧，请选择“插入”/“时间轴”/“帧”。如图7-5-1所示。要创建新关键帧，请选择“插入”/“时间轴”/“关键帧”，或者右键单击要在其中放置关键帧的帧，然后从上下文菜单中选择“插入关键帧”。如图7-5-2所示。图7-5-1右键创建关键帧图7-5-2从菜单创建关键帧（2）选择时间轴中的一个或多个帧，可执行以下操作：要选择一个帧，请单击该帧。如果在“首选参数”对话框中启用了“基于整体范围的选择”，则单击某个帧将会选择两个关键帧之间的整个帧序列。要选择多个连续的帧，请按住Shift键并单击其它键。如图7-5-3所示。要选择多个不连续的帧，请按住Control键单击其它帧。如图7-5-4所示。图7-5-3选择连续的多个帧图7-5-4选择不连续的多个帧（3）要选择时间轴中的所有帧，执行以下操作：选择“编辑”/“时间轴”/“选择所有帧”。（4）要删除或修改帧或关键帧，执行以下操作之一：要删除帧、关键帧或帧序列，请选择该帧、关键帧或序列，然后选择“编辑”/“时间轴”/“删除帧”，或者右键单击该帧、关键帧或序列，然后从上下文菜单中选择“删除帧”。周围的帧将保持不变。要移动关键帧或帧序列及其内容，请将该关键帧或序列拖到所需的位置。要延长关键帧动画的持续时间，请按住Alt键拖动关