WordPress 中文文档

Flash8.0创建动画(2)

From WordPress Chinese

Jump to: navigation, search
Image:Flash8.0jch.jpg
Flash8.0教程
内容


Flash8.0教程


其它教程


外部资源


上接:Flash8.0创建动画(1)



目录

关于时间轴中的动画表示方法

  • Flash 会按照如下方式区分时间轴上的逐帧动画和补间动画:
  • 补间动画用起始关键帧处的一个黑色圆点指示;中间的补间帧有一个浅蓝色背景的黑色箭头。
  • 补间形状用起始关键帧处的一个黑色圆点指示;中间的帧有一个浅绿色背景的黑色箭头。
  • 虚线表示补间是断的或不完整的,例如,在最后的关键帧已丢失时。
  • 单个关键帧用一个黑色圆点表示。单个关键帧后面的浅灰色帧包含无变化的相同内容,并带有一条黑线,而在整个范围的最后一帧还有一个空心矩形。
  • 出现一个小 a 表明已利用"动作"面板为该帧分配了一个帧动作。
  • 红色标记表明该帧包含一个标签或注释。


金色的锚记表明该帧是一个命名锚记。


关于帧频

  • 帧频是动画播放的速度,以每秒播放的帧数为度量。帧频太慢会使动画看起来一顿一顿的,帧频太快会使动画的细节变得模糊。在 Web 上,每秒 12 帧 (fps) 的帧频通常会得到最佳的效果。QuickTime 和 AVI 影片通常的帧频就是 12 fps,但是标准的运动图像速率是 24 fps。
  • 动画的复杂程度和播放动画的计算机速度影响回放的流畅程度。在各种计算机上测试动画,以确定最佳帧频。
  • 因为只给整个 Flash 文档指定一个帧频,因此最好在创建动画之前设置帧频。请参阅

扩展静止图像

  • 当给动画创建背景时,通常需要给几个帧保留同一个静止图像。在一个图层中添加一定范围的新帧(非关键帧)会扩展所有新帧中最后一个关键帧的内容。
  • 将静止图像扩展到多个帧中:
  • 在序列的第一个关键帧中创建一幅图像。
  • 在右侧选择一个帧,标记要添加的帧范围的终点。
  • 选择"插入">"时间轴">"帧"。
  • 要使用快捷键扩展静止图像:
  • 在第一个关键帧中创建一幅图像。

Image:Flash8.0dhua02.jpg

  • 按住 Alt 键 (Windows) 或按住 Option 键 (Macintosh) 向右侧拖动关键帧。这会创建一个新帧范围,但在终点没有新关键帧。

将对象分层以应用补间动画

  • 可以快速把一帧中的所选对象分散到各个独立的图层中,以便将补间动画应用到对象上。这些对象最初可以在一个或多个图层上。Flash 会将每一个对象分散到一个独立的新图层中。任何没有选中的对象(包括其它帧中的对象)都保留在它们的原始位置。可以对舞台中的任何类型的元素应用"分散到图层"命令,包括图形对象、实例、位图、视频剪辑和分离文本块。


Image:Flash8.0dhua03.jpg


  • 对分离文本应用"分散到图层"命令可以很容易地创建动画文本。在"分离"操作过程中,文本中的字符放置在独立的文本块中,而在"分散到图层"过程中每一个文本块放在一个独立的层上。


Image:Flash8.0dhua04.jpg


补间实例、组和类型

  • 要补间实例、组和类型的属性的更改,可以使用补间动画。Flash 可以补间实例、组和类型的位置、大小、旋转和倾斜。另外,Flash 可以补间实例和类型的颜色、创建渐变的颜色切换或使实例淡入或淡出。要补间组或类型的颜色,必须把它们变为元件。
  • 如果应用补间动画,然后改变两个关键帧之间的帧数,或移动任一关键帧中的组或元件,Flash 会自动重新补间帧。
  • 可以使用两种方法中的一种创建补间动画:
  • 创建动画的起始和结束关键帧,然后使用"属性"检查器中的"补间动画"选项。

Image:Flash8.0dhua05.jpg

  • 创建动画的第一个关键帧,在时间轴上插入所需的帧数,选择"插入">"时间轴">"创建补间动画",然后将对象移动到舞台上的新位置。Flash 会自动创建结束关键帧。

当补间位置时,可以沿着非线性的路径移动对象。

  • 补间动画"选项创建补间动画,请执行以下操作:
  • 单击图层名称使之成为活动层,然后在动画开始播放的图层中选择一个空白关键帧。
  • 要创建补间动画的第一个帧,请执行以下操作之一:
  • 用钢笔、椭圆、矩形、铅笔或刷子工具创建一个图形对象,然后把它转换为一个元件。

Image:Flash8.0dhua06.jpg

  • 将元件的实例从"库"面板中拖出。

Image:Flash8.0dhua07.jpg

  • 创建第二个关键帧(即动画结束处),并且选择这个新的关键帧。

Image:Flash8.0dhua08.jpg

  • 执行以下操作之一,更改结束帧中的实例、组或文本块:
  • 将项目移动到新的位置。
  • 修改该项目的大小、旋转或倾斜。
  • 修改该项目的颜色(仅限实例或文本块)。

使用补间形状可以补间除实例或文本块以外的元素的颜色。单击补间帧范围内的任何帧,然后从"属性"检查器("窗口">"属性")内的"补间"弹出菜单中选择"动画"。

  • 如果在第 4 步中修改了项目的大小,则选择"缩放"来补间所选项目的大小。
  • 要产生更逼真的动作,可以在创建的动画补间上应用缓动。Flash 提供两种可在补间动画上应用缓动的方法。

可以为使用缓动滑块创建的每个补间动画指定缓动值,也可以使用"自定义缓入/缓出"对话框(只限 Flash Professional),以更精确地控制补间动画的速度。

  • 拖动"缓动值"旁边的箭头或输入一个值,以调整补间帧之间的变化速率:
  • 要慢慢地开始补间动画,并朝着动画的结束方向加速补间,请向上拖动滑块或输入一个 -1 到 -100 的负值。
  • 要快速地开始补间动画,并朝着动画的结束方向减速补间,请向下拖动滑块或输入一个 1 到 100 之间的正值。



Image:Allwiki notice.png默认情况下,补间帧之间的变化速率是不变的。缓动可以通过逐渐调整变化速率创建更为自然的加速或减速效果。


  • 要在补间时旋转所选的项目,请从"旋转"菜单中选择一个选项:
  • 选择"无"(默认设置)禁止旋转。

Image:Flash8.0dhua09.jpg

  • 选择"自动",可以在需要最少动作的方向上将对象旋转一次。

Image:Flash8.0dhua010.jpg

  • 选择"顺时针"(CW) 或"逆时针"(CCW) 按指示旋转对象,然后输入一个数值指定旋转的次数。

Image:Flash8.0dhua11.jpg Image:Allwiki notice.png在第 8 步中的旋转将叠加在第 4 步中应用到结束帧的任何旋转上。

  • 如果使用运动路径,请选择"调整到路径",以将补间元素的基线调整到运动路径。
  • 在"属性"检查器中选择"同步"选项,使图形元件实例的动画和主时间轴同步。



Image:Allwiki notice.png"修改">"时间轴">"同步元件"和"同步"选项都会重新计算补间的帧数,从而匹配时间轴上分配给它的帧数。


  • 如果使用运动路径,则选择"对齐"以根据其注册点将补间元素附加到运动路径。
  • 使用"创建补间动画"命令创建补间动画:
  • 选择一个空白关键帧,然后在舞台中绘制一个对象,或将元件的实例从"库"面板中拖出。

注意:要创建补间,在层中只能有一个项目。

  • 选择"插入">"时间轴">"创建补间动画"。

如果在第 1 步中绘制一个对象,Flash 会自动将该对象转换为一个元件并给它分配一个名称 tween1。

  • 单击希望动画结束的帧的内部,然后选择"插入">"时间轴">"帧"。
  • 将舞台中的对象、实例或文本块移动到所需的位置。如果要补间元素的缩放比例,请调整该元素的大小。如果要补间元素的旋转,请调整该元素的旋转。完成调整后,取消选择该对象。

在帧范围的结束处会自动添加一个关键帧。Image:Flash8.0dhua12.jpg

  • 拖动"缓动值"旁边的箭头或输入一个值,以调整补间帧之间的变化速率:
  • 要慢慢地开始补间动画,并朝着动画的结束方向加速补间,请向上拖动滑块或输入一个 -1 到 -100 的值。
  • 要快速地开始补间动画,并朝着动画的结束方向减速补间,请向下拖动滑块或输入一个 1 到 100 之间的正值。



默认情况下,补间帧之间的变化速率是不变的。缓动可以通过逐渐调整变化速率创建更为自然的加速或减速效果。 </pre>

  • 要在补间时旋转所选的项目,请从"旋转"菜单中选择一个选项:
  • 选择"自动",可以在需要最少动作的方向上将对象旋转一次。
  • 选择"顺时针"(CW) 或"逆时针"(CCW) 按指示旋转对象,然后输入一个数值指定旋转的次数。

注意:在第 6 步中的旋转和在第 4 步中应用到结束帧的任何旋转是相加在一起的。

  • 如果使用运动路径,请选择"调整到路径",以将补间元素的基线调整到运动路径。
  • 选择"同步"可以确保实例在主文档中正确地循环播放。
  • 如果元件中动画序列的帧数不是文档中图形实例占用的帧数的偶数倍,请使用"同步"命令。
  • 如果使用运动路径,则选择"对齐"以根据其注册点将补间元素附加到运动路径。

沿着路径补间动画

  • 运动引导层使您可以绘制路径,补间实例、组或文本块可以沿着这些路径运动。可以将多个层链接到一个运动引导层,使多个对象沿同一条路径运动。链接到运动引导层的常规层就成为引导层。
  • 要为补间动画创建运动路径:
  • 创建有补间动画的动画序列。

如果选择"调整到路径",补间元素的基线就会调整到运动路径。如果选择"对齐",补间元素的注册点将会与运动路径对齐。

  • 执行以下操作之一:
  • 选择包含动画的图层,然后选择"插入">"时间轴">"运动引导层"。
  • 右击 (Windows) 或按住 Control 键单击 (Macintosh) 包含动画的图层,然后从上下文菜单中选择"添加引导层"。

Flash 会在所选的图层之上创建一个新图层,该图层名称的左侧有一个运动引导层图标。 Image:Flash8.0dhua13.jpg

  • 使用"钢笔"、"铅笔"、"直线"、"圆形"、"矩形"或"刷子"工具绘制所需的路径。

Image:Flash8.0dhua14.jpg

  • 将中心与线条在第一帧中的起点和最后一帧中的终点对齐。

注意:通过拖拽元件的注册点能获得最好的对齐效果。

  • 要隐藏运动引导层和线条,以便在工作时只显示对象的移动,请单击运动引导层上的"眼睛"列。

Image:Flash8.0dhua15.jpg

  • 当播放动画时,组或元件将沿着运动路径移动。
  • 把图层和运动引导层链接起来,请执行以下操作之一:
  • 将现有图层拖到运动引导层的下面。该图层在运动引导层下面以缩进形式显示。该图层上的所有对象自动与运动路径对齐。
  • 在运动引导层下面创建一个新图层。在该图层上补间的对象自动沿着运动路径补间。
  • 在运动引导层下面选择一个图层。选择"修改">"时间轴">"图层属性",然后在"图层属性"对话框中选择"被引导"。
  • 断开图层和运动引导层的链接:
  • 选择要断开链接的图层。
  • 执行以下操作之一:
  • 拖动运动引导层上面的图层。
  • 选择"修改">"时间轴">"图层",然后在"图层属性"对话框中选择"正常"作为图层类型。

Image:Flash8.0dhua16.jpg


资源

用户