当前位置:文档之家› Flash基础教程与创作实例 第7章 动画制作与编辑

Flash基础教程与创作实例 第7章 动画制作与编辑

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