Flash 动画学习指南四:逐帧动画

转自:http://bbs.9ria.com/thread-74312-1-1.html


  • 预备知识:Flash工作空间的基本知识。
  • 受众水平:初学者。
  • 所需产品: Flash Professional CS4 (下载试用版)


      逐帧动画每帧内容都改变,相比简单的舞台移动动画来说,这对于复杂动画是最好的选择。这种动画相比形变动画来说会很快增加文件尺寸,因为Flash储存了每一个关键帧的数值。

      为了创建逐帧动画,需定义每一帧为关键帧,并为每一帧创建(实际上是修改)一张不同的图片。当你选择某一帧并按下F6键的时候,产生的每一个新的关键帧一般延续着拷自上一帧的相同内容。通过选择一帧和按下F6,你可以在动画进程中修改新的关键帧。在图14中,你可以看到逐帧动画被用到了表现海盗头像轻微转动的一系列帧里。

Flash 动画学习指南四:逐帧动画_第1张图片


图14 使用逐帧动画的方式创建细微或非常精确的动画。有时你可以使用缓动来代替生硬的变速运动。继续读完这篇文章可以让你在学习使用缓动方面获益良多。

      一般你使用洋葱皮功能,如图14激活的那样,来观察每一帧之间的渐进变化。洋葱皮工具使得你可以一次性观察到动画里的多个帧。要获得更详细的洋葱皮功能相关信息,请看“洋葱皮和多帧编辑”。

创建逐帧动画
为了创建逐帧动画:
  • 创建一个新的文件,名叫framebyframe.fla。
  • 选择第一层的第一帧。也是动画开始之处。
  • 用画图工具创建一个图形,比如矩形,形状或刷子等。你也可以从剪贴板贴个位图过来或导入一个文件(比如一个Adobe Illustrator illustration)。
  • 选择第一层的下一帧,创建第二个关键帧(F6)。这时第二帧和第一帧是一样的。
  • 更改这一帧舞台上的内容来开展动画进程。你可以选取图片并移动一部分像素到右边,增加一些新的线条,或弯曲形体的某条线。
  • 重复第四第五步以完成逐帧动画序列,直到你建立了所要的变化。
  • 点击Control > Play or Control > Test Movie测试动画序列,或直接拖动时间轴上的播放头也行。


编辑逐帧动画

      在Flash CS4里你可以使用各种工具编辑你的动画,比如插入帧和修改关键帧的命令,洋葱皮工具,还可以沿着时间轴随便移动你的动画。在你创建了一个关键帧或一帧之后,你可以把它移动到当前层的任何位置或者其他层里,或删除它,或做其他修改。只有关键帧是可编辑的。你可以从库里拖一些项目进舞台来给当前关键帧项目。

      提示:想要一次显示和编辑多帧,使用洋葱皮和/或多帧编辑,后者尽在“洋葱皮和多帧编辑”。


在时间轴里插帧,按下面的其中一个做即可:
  • 插入新帧,点击Insert > Timeline > Frame.
  • 创建新的关键帧,点击Insert > Timeline > Keyframe,或在想要插入关键帧的位置右击(Windows,Macintosh用Control-click),从弹出菜单中选择“插入关键帧”(insert Keyframe)。
  • 创建一个新的关键帧,点击Insert > Timeline > Blank Keyframe,或在你要插入关键帧的位置右击(Windows,Macintosh用Control-click),从弹出菜单选择“插入空白关键帧” (insert Blank Keyframe)。


想修改或删除一个普通帧或关键帧,按以下步骤之一做即可:
  • 想要删除某个普通帧,关键帧,或帧序列,选择该帧,关键帧或帧序列,右击(Windows下,Macintosh为Control-click),从弹出菜单里选择“删除帧”。周边的帧都保持不变。
  • 移动关键帧或帧序列以及它的内容,选择该关键帧或帧序列,然后拖动到所需区域。
  • 要延长某一关键帧的时间,按住Alt并拖动(Windows下,Macintosh用Option加拖动)该关键帧到新序列的最后一帧。
  • 如果想通过拖动来复制关键帧或帧序列的话,选择关键帧或序列,然后用Alt加拖动(Windows,Macintosh用Option加拖动)到新的位置。
  • 复制并黏贴某个关键帧或帧序列,选择该帧或序列然后选择菜单Edit > Timeline > Copy Frames。再选择你想要去替换的那一帧或序列,选择菜单Edit > Timeline > Paste Frames。
  • 要将一个关键帧转化成普通帧,选中该帧,点选Modify > Timeline > Clear Keyframe,或右击(Windows下,Macintosh为Control-click)该帧,从弹出菜单选择“清除关键帧”,那么选定的关键帧和帧序列将被后续的帧替代。
  • 要改变形变序列的长度,向左或向右拖动开头或结尾的关键帧。要改变逐帧序列的长度,请读前一部分“创建逐帧动画”。
  • 要给当前关键帧增加库项目,从库面板拖动项目到舞台即可。
  • 要反转一段动画序列,选择一层或多层的恰当帧,点选菜单Modify > Timeline > Reverse Frames。不过原序列必须头尾各有一个关键帧。


洋葱皮功能和多帧编辑

通常,你使用洋葱皮功能,就像图14那样使用,来观察帧之间的渐进变化(如图15所示)。如前所述,这个功能对于创建逐帧动画或一段固定帧数和动作的形变动画很有用(如:Flash动画学习指南:动作形变所述(站内中文版链接待补)),

Flash 动画学习指南四:逐帧动画_第2张图片 
图15 你可以在Flash里对实例进行形变。这个例子里,海盗的手臂、头等都应用了动画。洋葱皮工具使你可以在这个逐帧动画里一次观察多个帧。

      通常,Flash在舞台上每次只显示动画序列的其中一帧:你只能看到播放头所在的那一帧。为了帮你定位和编辑一个逐帧动画,你可以一次观察舞台上的两个或更多帧。当你打开洋葱皮功能的时候,播放头之下的帧表现出完整的色彩,而其他被选中的帧(两个标记之间)都是灰白的,使得它看起来好像每一帧都画在一层半透明的洋葱皮上,然后各层洋葱皮堆积起来。反白显示的帧不能被编辑。就好象剥开皮的洋葱一样,当你打开多帧编辑开关的时候,你可以看到选择区域里的关键帧。然后你可以同时编辑在两个记号之间的关键帧。

图16 
图16 激活多帧编辑功能以便同时修改多个关键帧。

      要打开洋葱皮功能,点击靠近时间轴底部的洋葱皮按钮或洋葱皮外框按钮(看图17)。拖动时间轴上的标记以同时观察多个帧(看图18)。在图15,洋葱皮和洋葱皮外框都可以对舞台上的一段动画起作用。

图17 
图17 点击洋葱皮或洋葱皮外框(洋葱皮按钮的右边)来激活皮层操作。


图18 
图18 拖动时间轴上的标记来一次性观察多个帧。在图14里洋葱皮外框对舞台上的一段动画有效。

      要同时看到舞台上某段动画的几个帧,点击洋葱皮按钮。洋葱皮开始和结束标记(位于时间轴的首行)之间的帧如前所示在文件窗口会重叠得好像在一个帧里。

      为了控制使用洋葱皮功能时的视图,按以下介绍的其中一个做就可以了:
  • 要让洋葱皮帧只显示轮廓,点击洋葱皮外框按钮。
  • 要改变任一个洋葱皮标记的位置,拖动它的指针到新的位置。(通常地,洋葱皮标记会随着播放头同时移动。)
  • 为了启动在洋葱皮标记之间的所有帧的编辑,点击多帧编辑按钮。通常洋葱皮功能只让你编辑当前帧。但是,你可以设置显示标记之间每一帧的内容,让每一个都可编辑,无论是否为当前帧。


注意:被锁的层(那些层名旁带着个挂锁标记)在洋葱皮功能被打开的时候不会显示。为了避免大量图片出现造成混乱,你能锁住或隐藏你不需要洋葱皮功能的层。

为了改变洋葱皮标记的视图,点击修改洋葱标记(Modify Onion Markers)按钮并选择菜单中的一个项目:
  • 总显示标记 无论洋葱皮是否打开,总是显示时间轴首行的洋葱皮标记
  • 洋葱锚 锁住时间轴首行当前位置的洋葱皮标记。通常地,洋葱皮范围和当前帧标以及洋葱皮标记相关。通过锚定洋葱皮标记,你可以防止它们从当前帧标移走。
  • 洋葱 2/5/全部 (三个独立的选项)在当前帧的两边各显示两帧,五帧或所有帧


      你可以使用多帧编辑功能在一批选好的帧里修改所有实例。比如,如果你在第一,第五和第十帧里有实例需要全都移动到舞台的最上层,并放大,你可以使用多帧编辑功能来查看并选择所有实例作出一次性的改变。

注意:多帧编辑功能伴随实例发挥作用,而因为一个形变范围只有一个实例和一个关键帧,你不能使用这个功能编辑关键帧。而这里的第一帧里的实例却可以用多帧编辑功能进行选取和修改。要获得更多此类信息,请看:“如何作用在形变里的目标对象”


接下来要看的是:
Flash 动画学习指南的其他部分

你可能感兴趣的:(Flash 动画学习指南四:逐帧动画)