《Flash8动画设计》制作动画效果.ppt

1、第5章制作动画效果,前言,Flash 8 提供了几种在文档中包含动画和特效的方法。利用时间轴特效（如模糊、扩展和爆炸）可以很容易将对象制作为动画：只需选择对象，然后选择一种特效并指定参数。利用时间轴特效，您只需执行几个简单步骤即可完成以前既费时又需要精通动画制作知识的任务。 要创建补间动画，您可以创建起始帧和结束帧，而让 Flash 创建中间帧的动画。Flash 通过更改起始帧和结束帧之间的对象大小、旋转、颜色或其它属性来创建运动的效果。请参阅关于补间动画。 您还可以通过在时间轴中更改连续帧的内容来创建动画。可以在舞台中创作出移动对象、增加或减小对象大小、旋转、更改颜色、淡入或淡出，或者更改对

2、象形状的效果。更改既可以独立于其它的更改，也可以和其它的更改互相协调。例如，可以创作出这样的效果：对象在舞台中一边移动，一边旋转，并且淡入。在逐帧动画中，您必须创建每一帧中的图像。请参阅关于逐帧动画。,本章学习要点,将帧所包含的内容进行移动、缩放、旋转、更改颜色和形态等操作，即可制作出丰富多彩的动画效果。通过本章的学习，了解并掌握动画制作的历程。 本章学习要点： 逐帧动画原理与方法 补间动画原理 创建动作补间动画 创建形状补间动画 使用图层制作特殊动画效果,5.1 逐帧动画,1.逐帧动画原理 顾名思义，逐帧动画就是对每一帧的内容逐个编辑，然后按一定的时间顺序进行播放而形成的动画。它最适合于每一

3、帧中的图像都在更改而不是仅仅简单地在舞台中移动的复杂动画 优点：变化复杂，可以制作出任何效果 缺点：制作过程繁琐，生成的动画文件比较大,5.1 逐帧动画,2.制作逐帧动画 要创建逐帧动画，需要将每个帧都定义为关键帧，然后给每个帧创建不同的图像。每个新关键帧最初包含的内容和它前面的关键帧是一样的，因此可以递增地修改动画中的帧。 要创建逐帧动画： 单击图层名称使之成为活动层，然后在动画开始播放的图层中选择一个帧。 如果该帧不是关键帧，请选择“插入”“时间轴”“关键帧”使之成为一个关键帧。 在序列的第一个帧上创建插图。 可以使用绘画工具、从剪贴板中粘贴图形，或导入一个文件。 单击同一行中右侧的下一帧

4、，然后选择“插入”“时间轴”“关键帧”，或者右击它，然后从上下文菜单中选择“插入关键帧”。 这将添加一个新的关键帧，其内容和第一个关键帧一样。 在舞台中改变该帧的内容，开发动画接下来的增量。 要完成逐帧动画序列，重复第 4 步和第 5 步，直到创建了所需的动作。 要测试动画序列，请选择控制播放或单击控制器上的播放按钮。,5.1 逐帧动画,3.使用时间轴特效 Flash 包含预建的时间轴特效(flash8的新功能)，从而使您可以用最少的步骤创建复杂的动画。可以对以下对象应用时间轴特效： 文本 图形，包括形状、组以及图形元件 位图图像 按钮元件 注意 当您将时间轴特效应用于影片剪辑时，Flash

5、将把特效嵌套在影片剪辑中。 本部分包含以下主题： 添加时间轴特效 时间轴特效设置 编辑时间轴特效 删除时间轴特效,添加时间轴特效,当您向对象添加时间轴特效时，Flash 将创建一个图层并将对象移至此新图层。对象放置于特效图形内，而且特效所需的所有补间和变形都位于此新创建的图层上的图形中。 此新图层自动获得与特效相同的名称，而且其后会附加一个数字，代表在文档内的所有特效中应用此特效的顺序。 当您添加时间轴特效时，具有该特效名称的文件夹将添加到库，它包含在创建该特效中所使用的元素。 要向对象添加特效，请执行以下操作： 执行以下操作之一以添加时间轴特效： 选择您要添加时间轴特效的对象。选择“插入”“

6、时间轴特效”。然后，从子菜单中选择“助手”、“特效”或“过渡/变形”，并从列表中选择一种特效。 右击您要添加时间轴特效的对象。从上下文菜单中选择“时间轴特效”。然后，从子菜单中选择“助手”、“特效”或“过渡/变形”，并从列表中选择一种特效。 可用于您所选的对象类型的特效将作为活动菜单选项出现。 在显示该特效的对话框中，查看基于默认设置的特效预览。根据需要修改默认的设置，然后单击“更改预览”查看新设置的特效。有关详细信息，请参阅时间轴特效设置。 当想要的时间轴特效出现在预览窗口时，单击确定。,时间轴特效设置,每种时间轴特效都以一种特定方式处理图形或元件，并允许您更改所需特效的个别参数。在预览窗口

7、中，您可以在变更设置之后快速查看所做的更改。,时间轴特效设置,每种时间轴特效都以一种特定方式处理图形或元件，并允许您更改所需特效的个别参数。在预览窗口中，您可以在变更设置之后快速查看所做的更改。,时间轴特效设置,每种时间轴特效都以一种特定方式处理图形或元件，并允许您更改所需特效的个别参数。在预览窗口中，您可以在变更设置之后快速查看所做的更改。,编辑时间轴特效,可以使用特效设置对话框编辑时间轴特效。 要编辑时间轴特效，请执行以下操作： 在舞台上选择与特效关联的对象。 要打开特效设置对话框，请执行以下操作之一： 在属性检查器中单击编辑。 右击该对象，然后从上下文菜单中选择时间轴特效编辑特效。 在特

8、效设置对话框中，编辑要编辑的设置，然后单击确定以应用设置。,删除时间轴特效,可以使用上下文菜单删除时间轴特效。 要删除时间轴特效，请执行以下操作： 在舞台中，右键单击要删除的时间轴特效对象，然后从上下文菜单中选择时间轴特效删除特效。,5.1 逐帧动画,4.实际演练 P98：实际演练：应用时间轴特效,5.2 补间动画,1.补间动画原理 补间动画是创建随时间移动或更改的动画的一种有效方法，并且最大程度地减小所生成的文件大小。在补间动画中，Flash 只保存在帧之间更改的值。 Flash 可以创建两种类型的补间动画：补间动作 和补间形状。 在补间动作中，在一个时间点定义一个实例、组或文本块的位置、大

9、小和旋转等属性，然后在另一个时间点改变那些属性。也可以沿着路径应用补间动作。请参阅补间实例、组和类型和沿着路径补间动画。 在补间形状中，在一个时间点绘制一个形状，然后在另一个时间点更改该形状或绘制另一个形状。Flash会内插二者之间的帧的值或形状来创建动画。请参阅补间形状。 注意 要对组、实例或位图图像应用形状补间，首先必须分离这些元素。请参阅分离组和对象。要对文本应用形状补间，必须将文本分离两次，从而将文本转换为对象。请参阅分离文本。 要在一个文档中快速准备用于补间动画的元素，请将对象分散到各个图层中。请参阅将对象分层。 通过将补间动画应用到遮罩层上的对象，可以创建一个动态遮罩。有关遮罩层的

10、信息，请参阅使用遮罩层。,5.2 补间动画,2.创建补间动作动画 补间动作动画主要是指补间实体、组和类型的位置、大小、旋转和倾斜，以及颜色、渐变颜色切换或淡入淡出。 要补间组或类型的颜色，必须把它们变为元件。请参阅创建元件。要使文本块中的单个字符分别动起来，可以将每个字符放在独立的文本块中；请参阅分离文本。 如果应用补间动画，然后改变两个关键帧之间的帧数，或移动任一关键帧中的组或元件，Flash 会自动重新补间帧。 可以使用两种方法中的一种创建补间动画： 创建动画的起始和结束关键帧，然后使用属性检查器中的补间动画选项。 创建动画的第一个关键帧，在时间轴上插入所需的帧数，选择插入时间轴创建补间动

11、画，然后将对象移动到舞台上的新位置。Flash 会自动创建结束关键帧。 当补间位置时，可以沿着非线性的路径移动对象。请参阅沿着路径补间动画。,5.2 补间动画,2.创建补间动作动画 要使用补间动画选项创建补间动画，请执行以下操作： 单击图层名称使之成为活动层，然后在动画开始播放的图层中选择一个空白关键帧。 要创建补间动画的第一个帧，请执行以下操作之一： 用钢笔、椭圆、矩形、铅笔或刷子工具创建一个图形对象，然后把它转换为一个元件。有关将对象转换为元件的更多信息，请参阅创建元件。 在舞台中创建一个实例、组或文本块。 将元件的实例从库面板中拖出。 创建第二个关键帧（即动画结束处），并且选择这个新的关

12、键帧。 执行以下操作之一，更改结束帧中的实例、组或文本块： 将项目移动到新的位置。 修改该项目的大小、旋转或倾斜。 修改该项目的颜色（仅限实例或文本块）。 使用补间形状可以补间除实例或文本块以外的元素的颜色。请参阅补间形状。 单击补间帧范围内的任何帧，然后从属性检查器（窗口属性）内的补间弹出菜单中选择动画。 如果在第 4 步中修改了项目的大小，则选择缩放来补间所选项目的大小。,5.2 补间动画,2.创建补间动作动画 (续上) 要产生更逼真的动作，可以在创建的动画补间上应用缓动。Flash 提供两种可在补间动画上应用缓动的方法。 可以为使用缓动滑块创建的每个补间动画指定缓动值，也可以使用“自定义

13、缓入/缓出”对话框（只限 Flash Professional），以更精确地控制补间动画的速度。 拖动缓动值旁边的箭头或输入一个值，以调整补间帧之间的变化速率： 要慢慢地开始补间动画，并朝着动画的结束方向加速补间，请向上拖动滑块或输入一个 -1 到 -100 的负值。 要快速地开始补间动画，并朝着动画的结束方向减速补间，请向下拖动滑块或输入一个 1 到 100 之间的正值。 默认情况下，补间帧之间的变化速率是不变的。缓动可以通过逐渐调整变化速率创建更为自然的加速或减速效果。 注意 如果要用自定义缓入/缓出对话框在补间帧中产生更为复杂的速度变化，请参阅对补间动画应用自定义缓入/缓出（仅限 Fla

14、sh Professional）。,5.2 补间动画,2.创建补间动作动画 (续上) 要在补间时旋转所选的项目，请从“旋转”菜单中选择一个选项： 选择无（默认设置）禁止旋转。 选择自动，可以在需要最少动作的方向上将对象旋转一次。 选择“顺时针”(CW) 或“逆时针”(CCW) 按指示旋转对象，然后输入一个数值指定旋转的次数。 注意 在第 8 步中的旋转将叠加在第 4 步中应用到结束帧的任何旋转上。 如果使用运动路径，请选择调整到路径，以将补间元素的基线调整到运动路径。（请参阅沿着路径补间动画。） 在“属性”检查器中选择“同步”选项，使图形元件实例的动画和主时间轴同步。 注意 修改时间轴同步元件

15、和同步选项都会重新计算补间的帧数，从而匹配时间轴上分配给它的帧数。 如果使用运动路径，则选择对齐以根据其注册点将补间元素附加到运动路径。,5.2 补间动画,2.创建补间动作动画 使用创建补间动画命令创建补间动画： 选择一个空白关键帧，然后在舞台中绘制一个对象，或将元件的实例从“库”面板中拖出。 注意 要创建补间，在层中只能有一个项目。 选择插入时间轴创建补间动画。 如果在第 1 步中绘制一个对象，Flash 会自动将该对象转换为一个元件并给它分配一个名称 tween1。 单击希望动画结束的帧的内部，然后选择插入时间轴帧。 将舞台中的对象、实例或文本块移动到所需的位置。如果要补间元素的缩放比例，

16、请调整该元素的大小。如果要补间元素的旋转，请调整该元素的旋转。完成调整后，取消选择该对象。 在帧范围的结束处会自动添加一个关键帧。,5.2 补间动画,2.创建补间动作动画 (续上) 拖动缓动值旁边的箭头或输入一个值，以调整补间帧之间的变化速率： 要慢慢地开始补间动画，并朝着动画的结束方向加速补间，请向上拖动滑块或输入一个 -1 到 -100 的值。 要快速地开始补间动画，并朝着动画的结束方向减速补间，请向下拖动滑块或输入一个 1 到 100 之间的正值。 默认情况下，补间帧之间的变化速率是不变的。缓动可以通过逐渐调整变化速率创建更为自然的加速或减速效果。 要在补间时旋转所选的项目，请从“旋转”

17、菜单中选择一个选项： 选择自动，可以在需要最少动作的方向上将对象旋转一次。 选择“顺时针”(CW) 或“逆时针”(CCW) 按指示旋转对象，然后输入一个数值指定旋转的次数。 注意 在第 6 步中的旋转和在第 4 步中应用到结束帧的任何旋转是相加在一起的。 如果使用运动路径，请选择调整到路径，以将补间元素的基线调整到运动路径。（请参阅沿着路径补间动画。） 选择同步可以确保实例在主文档中正确地循环播放。 如果元件中动画序列的帧数不是文档中图形实例占用的帧数的偶数倍，请使用同步命令。 如果使用运动路径，则选择对齐以根据其注册点将补间元素附加到运动路径。,5.2 补间动画,3.创建补间形状动画 通过补

18、间形状，可以创建类似于形变的效果，使一个形状看起来随着时间变成另一个形状。Flash 也可以补间形状的位置、大小、颜色和不透明度。 一次补间一个形状通常可以获得最佳效果。如果一次补间多个形状，则所有的形状必须在同一个图层上。 要对组、实例或位图图像应用形状补间，首先必须分离这些元素。请参阅分离组和对象。要对文本应用形状补间，必须将文本分离两次，从而将文本转换为对象。请参阅分离文本。 要控制更复杂或不可思议的形状变化，可以使用形状提示，它可以控制部分原始形状在移动过程中变成新的形状。请参阅使用形状提示。,5.2 补间动画,3.创建补间形状动画 补间形状： 单击层名称使之成为活动层，然后在动画开始

19、播放的地方创建或选择一个关键帧。 在序列的第一个帧上创建或放置插图。要获得最佳效果，帧应当只包含一个项目（图形对象或分离的组、位图、实例或文本块）。 在时间轴中选择关键帧。 选择“窗口”“属性”。 从“属性”检查器中，从“补间”弹出菜单中选择“形状”。 拖动“缓动值”旁边的箭头或输入一个值，以调整补间帧之间的变化速率： 要慢慢地开始补间形状，并朝着动画的结束方向加速补间，请向下拖动滑块或输入一个 -1 到 -100 的负值。 要快速地开始补间形状，并朝着动画的结束方向减速补间，请向上拖动滑块或输入一个 1 到 100 的正值。 默认情况下，补间帧之间的变化速率是不变的。缓动可以通过逐渐调整变化

20、速率创建更加自然的变形效果。 选择一个“混合”选项： 分布式创建的动画的中间形状更为平滑和不规则。 角形选项创建的动画中间形状会保留有明显的角和直线。 注意 “角形”只适合于具有锐化转角和直线的混合形状。如果选择的形状没有角，Flash 会还原到分布式补间形状。 在第一个关键帧后创建第二个关键帧，中间的帧数为所需的数量。 在第二个关键帧选定的情况下，选择在第一个关键帧中放置的插图，执行以下操作之一： 修改插图的形状、颜色、不透明度或位置。 删除该插图，然后在第二个关键帧中放入新的插图。,5.2 补间动画,4.使用形状提示 要控制更加复杂或罕见的形状变化，可以使用形状提示。形状提示会标识起始形状

21、和结束形状中的相对应的点。例如，如果要补间一张正在改变表情的脸部图画时，可以使用形状提示来标记每只眼睛。这样在形状发生变化时，脸部就不会乱成一团，每只眼睛还都可以辨认，并在转换过程中分别变化。 形状提示包含字母（从 a 到 z），用于识别起始形状和结束形状中相对应的点。最多可以使用 26 个形状提示。 起始关键帧上的形状提示是黄色的，结束关键帧的形状提示是绿色的，当不在一条曲线上时为红色。 要在补间形状时获得最佳效果，请遵循这些准则： 在复杂的补间形状中，需要创建中间形状然后再进行补间，而不要只定义起始和结束的形状。 确保形状提示是符合逻辑的。例如，如果在一个三角形中使用三个形状提示，则在原始

22、三角形和要补间的三角形中它们的顺序必须是一致的。它们的顺序不能在第一个关键帧中是 abc，而在第二个中是 acb。 如果按逆时针顺序从形状的左上角开始放置形状提示，它们的工作效果最好。,5.2 补间动画,4.使用形状提示 使用形状提示： 选择补间形状序列中的第一个关键帧。 选择修改形状添加形状提示。 起始形状提示会在该形状的某处显示为一个带有字母 a 的红色圆圈。 将形状提示移动到要标记的点。 选择补间序列中的最后一个关键帧。 结束形状提示会在该形状的某处显示为一个带有字母 a 的绿色圆圈。 将形状提示移动到结束形状中与您标记的第一点对应的点。 再次播放动画，看看形状提示是如何更改补间形状的。

23、移动形状提示，对补间进行微调。 重复这个过程，添加其它的形状提示。将出现新的提示，所带的字母紧接之前字母的顺序（b、c 等等）。,5.2 补间动画,4.使用形状提示 可以选择查看所有的形状提示，也可以删除形状提示。 要查看所有形状提示： 选择“视图”“显示形状提示”只有包含形状提示的图层和关键帧处于活动状态下，“显示形状提示”才可用。 要删除一个形状提示： 将其拖离舞台。 要删除所有形状提示： 选择修改形状删除所有提示。,5.2 补间动画,5.将对象分层以应用补间动画 可以快速把一帧中的所选对象分散到各个独立的图层中，以便将补间动画应用到对象上。这些对象最初可以在一个或多个图层上。Flash

24、会将每一个对象分散到一个独立的新图层中。任何没有选中的对象（包括其它帧中的对象）都保留在它们的原始位置。 可以对舞台中的任何类型的元素应用分散到图层命令，包括图形对象、实例、位图、视频剪辑和分离文本块。 对分离文本应用分散到图层命令可以很容易地创建动画文本。在分离操作过程中，文本中的字符放置在独立的文本块中，而在分散到图层过程中每一个文本块放在一个独立的层上。有关分离文本的信息，请参阅分离文本。 操作方法： 单击【修改】【时间轴】【分散到图层】或者按下Ctrl+Shift+D,5.2 补间动画,6.实际演练与课堂练习 实际演练 P100：使用形状提示做折纸效果 课堂练习 P101：课堂练习4-

25、1：制作万马奔腾动画 P105：课堂练习4-2：制作土魔复活动画 P108：课堂练习4-3：制作立方体旋转效果,5.3 层的应用,1.引导层应用 在flash中要建立一个曲线运动或沿一条路径进行运动的动画就需要使用引导层，引导层的作用是用于辅助其他图层对象的运动或定位。,1.引导层应用 要为补间动画创建运动路径： 按照补间实例、组和类型中所述创建有补间动画的动画序列。 如果选择调整到路径，补间元素的基线就会调整到运动路径。如果选择对齐，补间元素的注册点将会与运动路径对齐。 执行以下操作之一： 选择包含动画的图层，然后选择插入时间轴运动引导层。 右击包含动画的图层，然后从上下文菜单中选择“添加引

26、导层”。 Flash 会在所选的图层之上创建一个新图层，该图层名称的左侧有一个运动引导层图标。 使用“钢笔”、“铅笔”、“直线”、“圆形”、“矩形”或“刷子”工具绘制所需的路径。 将中心与线条在第一帧中的起点和最后一帧中的终点对齐。 注意 通过拖拽元件的注册点能获得最好的对齐效果。 要隐藏运动引导层和线条，以便在工作时只显示对象的移动，请单击运动引导层上的眼睛列。 当播放动画时，组或元件将沿着运动路径移动。,5.3 层的应用,1.引导层应用 要把图层和运动引导层链接起来，请执行以下操作之一： 将现有图层拖到运动引导层的下面。该图层在运动引导层下面以缩进形式显示。该图层上的所有对象自动与运动路径

27、对齐。 在运动引导层下面创建一个新图层。在该图层上补间的对象自动沿着运动路径补间。 在运动引导层下面选择一个图层。选择“修改”“时间轴”“图层属性”，然后在“图层属性”对话框中选择“被引导”。 断开图层和运动引导层的链接： 选择要断开链接的图层。 执行以下操作之一： 拖动运动引导层上面的图层。 选择修改时间轴图层，然后在图层属性对话框中选择正常作为图层类型。,5.3 层的应用,5.3 层的应用,2.遮罩层应用 要获得聚光灯效果以及转变，可以使用遮罩层创建一个孔，通过这个孔可以看到下面的图层。遮罩项目可以是填充的形状、文字对象、图形元件的实例或影片剪辑。 要创建动态效果，可以让遮罩层动起来。对于

28、用作遮罩的填充形状，可以使用补间形状；对于文字对象、图形实例或影片剪辑，可以使用补间动画。当使用影片剪辑实例作为遮罩时，可以让遮罩沿着运动路径运动。 要创建遮罩层，可以将遮罩项目放在要用作遮罩的图层上。和填充或笔触不同，遮罩项目像是个窗口，透过它可以看到位于它下面的链接层区域。除了透过遮罩项目显示的内容之外，其余的所有内容都被遮罩层的其余部分隐藏起来。一个遮罩层只能包含一个遮罩项目。按钮内部不能有遮罩层，也不能将一个遮罩应用于另一个遮罩。,5.3 层的应用,2.遮罩层应用 要创建遮罩层： 选择或创建一个图层，其中包含出现在遮罩中的对象。 选择该图层，然后选择插入时间轴图层，以在其上创建一个新图层。 遮罩层总是遮住紧贴其下的图层，因此要确保在正确的地方创建遮罩层。 在遮罩层上放置填充形状、文字或元