我的一亩三分地 我就喜欢!
13fen  设为主页
 收藏本站
 
当前位置: > 一亩三分地:首页 > 网络学院 > 图型图像 > FIREWORKS > 你如何做动画,COOL!
热门文章排行
热门文章排行 Photoshop制作精美的简历封面(10-12)
在Flash课件中正确调用SWF文件(11-25)
巧用Photoshop徒手绘制扇子(10-19)
CorelDRAW12循序渐进-制作文本效果(12-29)
消除文字勾边后产生毛刺的小技巧(06-14)
精采文章排行
精采文章排行 GIF动态图片的修改(11-07)
Q版人物绘制全过程(11-07)
Flash互动电子地图制作手册——入门(11-01)
Flash 8.0前瞻——揭开8 ball的薄面(10-24)
土人AS入门教程对象篇(10-24)
技术专题推荐
网管论坛交流
 

你如何做动画,COOL! 

作者:佚名   来源:Linux 宝库   点击:   日期:2006-12-09


-->
用Fireworks2制作动画一共有三中方法,由简到难的排列起来分别是: 合并图象形成动画、使用符号(Symbol )生成动画效果和手工绘制。

  合并图象形成动画,顾名思义就是将一系列图片按序排列生成不同的帧而形成动画(很象Director中的Space to time功能),不过这种排列完全是程序自动执行的,免去了大量的手工操作。 具体的方法是这样的(当然使用这种方法的前提是必须有一连串连续 的图片):选择“File > Open Multiple ”命令。进入系列图片所在的目录,然后按次序将一连串的图片加入(“Add”命令)对话框左下部的窗口,并且激活“Open as Animatio”选项,再按下“Done”按钮就OK了。


   在动画生成后,按下“Windows > Frame”(Ctrl+ Alt+K)命令,您就看到原来的一系列图片都按次序地从Frame1往下排到底。按下屏幕右下角的播放键就可以浏览动画效果了。这种纯粹的懒办法最合适我这样画不来线条的人了,一次有只用了10 秒钟就搞定了一个小鸟飞飞的图片,效果棒极了!


  不过,要是手头没有现 成的连续图片,那只能劳驾,自己亲自动手了。而许多图画中有规则的动态效果若是用手工制作,既费时间也未必能够达到理想的效果。所以Fireworks2提供了一个Tween功能,使用户可以指定程序生成动态过度效果( 感觉就更Flash里的一样)。


  在绘制动画前,我们事先必须明确动画的工作原理。我想简单的说, 动画是有不变的物件(object)和会变的物件两部分组成。通常不变的物是只如背景之类始终在动画中显示的物件,而会变的物件是指通过变化 形成动画的物件。所以在制作动画之前得先制作不变的物件,为此Fire- works2提供了一个共享层的概念(Share Layer)。


  我们都知道,动画是由一个个不同的帧(Frame)组成的,而共享层就是在所有帧中都显示的一个层,这样我们只要将动画中不变的物件全放在这个层中,以后只需要修改一个帧的共享层中内容就可以使所有的帧都达到相应变化,大大减少了工作量。设置共享层的命令是Layer 面版的弹 出菜单中的“Share Layer”命令,设置为共享的层在Layer面版中都有一 个特定的共享符号(Wegb Layer是系统自动设置的共享层,用于放置热点、 切割区)。


  在完成不变的物件(object)后就可以使用Tween 功能制作动画效果 了。Tween功能的原理是将物件(object)转化为符号(symbol),然后 确定符号的初始和结束样例(instance),再将这些样例转换为具有过度 效果的连续帧(frame)。Tween功能支持物件的位移、旋转、缩放、扭曲、 以及透明度和层效果(effect)的过度。下面我来举个实例:通过十个帧 让我的名字“Arky”从图象的左上角移动到右下角同时逐渐变深。



  1. 使用工具栏中打字工具(type)在图象的左上角键入“Arky”,字体、 大小任意。选择“Windows > Object”(Ctrl+I)命令显示Object 面 版,在Object面版中将物件的透明度设为20。


  2. 选定键入的文件(此时文字及为组成图象的一个物件――object),然 后选择“Insert > Symbol”(Ctrl+Alt+Shift+M)命令,将这个物件 转变符号。


  3. 将这个符号复制到图象的右下角(千万别跟我您不知道如何复制!告诉 您最简单的方法是拖动物件以后再按下Alt键)。并且在Object面版中 将物件的透明度设为100。此时的符号已经变成了样例(instance)


  4. 按住鼠标左键拉一个大选框,同时选定样例和符号,然后选择“Insert > Tween”(Ctrl+Alt+Shift+T)命令,在弹出窗口中添入所要设定的 过度帧数,并且激活“distrubute to Frame”选框,OK,成功。


  5. 按下播放按钮欣赏自己的作品吧。

  用类似的方法还可以制作更多的动态过度,赶快动手试试吧:)


  最后的一种动画方法是手工绘制,这可是一件累人的活,而且要手工 画动画,您必须熟悉应用工具栏中的各种绘图工具。因此,我准备在以后 的教程中陆续地向您介绍各种绘图工具的使用方法。而在这儿要告诉您的 是Fireworks2中新增的洋葱皮功能(Onion Skining),为以后的教程埋 下伏笔。


  洋葱皮功能(Onion Skining)就象我的朋友们画动画用的半透明的纸 一样,让用户在编辑当前帧的同时可以看到此前或此后的帧中的内容。这 样在手绘动画时可以方便地确定图案路径。您可以在Layer面版(Windows > Layer)中找到洋葱皮功能,其中的选项分别是:



  • No Onion Skinning 关闭洋葱皮功能;


  • Show Next Frame 在当前帧中显示下一帧的内容;


  • Before and After 在当前帧中显示前一帧和下一帧的内容;


  • Show All 在当前帧中显示所有帧中的内容;


  • Custom Enter 让用户设置洋葱皮的显示功能;


  • Multi-Frame Editing 使用户可以透过洋葱皮编辑其他帧中的内容

  空说无用,为了给您一个感性认识,我建议您打开一个动画GIF文件, 然后在Layer面版中试试洋葱皮功能,就能具体感受到Fireworks的方便。





文章评论】 【收藏本文】 【推荐好友】 【打印本文】 【论坛讨论

   相关文章:
·消除文字勾边后产生毛刺的小技巧 · 解决COREDRAW9与双核CPU冲突的技巧 5
·CorelDRAW入门与进阶实例:8.2椭圆按钮制 ·CorelDRAW印前分色新手上路
·IllustratorCS制作刺绣效果 ·CorelDRAW使用技巧-如何在CorelDRAW中虚

   文章评论:(条)
  
 请留名: 匿名评论   点击查看所有评论 网管论坛
 

  责任编辑:一分  声明:刊登此文章是为了传递更多信息,文章内容仅供参考,转载请注明出处。