使用软件:fireworks   阅读次数:   收录时间:2007-08-06

Fireworks MX 2004 制作GIF动画

作者:/  来源:/
GIF动画的实现,是由逐张图画在不同的时间段快速地显示出来,由于人眼有0.1秒的视觉暂留,所以图像看上去就像是动了起来。而每一张图画就叫作“帧”,它是组成动画的基本单位。 GIF图形动画为网页增添许多活泼生动、复杂多变的图形元素,因此GIF动画在网页制作中被广泛应用,甚至大家喜欢的 QQ动态表情 大多也是Gif动画呢。

   Fireworks正是制作GIF动画很好的工具,这一部分我们看看Fireworks MX 2004在动画制作方面的特色。

1、制作GIF动画

  我们先来做一个简单的五帧动画例子。在工作区上随意画上五个对象,按住Shift键选中所有对象,如图6—01。


图6—01

  然后点击菜单栏上的“窗口—帧”命令来启动“帧”面板,如图6—02


图6—02

  点击“帧”面板右下角的“分配到帧” 按钮,在“帧”面板上会自动生成一个五帧的动画。这样,一个简单的动画就制作完成了。而这动画一至五帧的对象是按照对象建立的先后顺序生成的。完成后动画效果如图6—03。


图6—03

  点击“帧”面板右下角的“添加” 或“删除” 按钮,可以添加或删除被选中的帧。而在“帧”面板左下角的“循环” 按钮可以设置动画的播放次数,如图6—04,当前所选择的是“永久”循环播放。


图6—04

2、“帧”面板的使用

  在Fireworks中GIF动画的制作离不开对“帧”面板的操作,因此学会对“帧”面板的使用非常重要。

  帧的重命名:在“帧”面板上双击帧的名称,即可为该帧重命名,如图6—05。


图6—05

  帧的延迟时间:在每一帧名称的右边都有一个“7”字。这些数字表示各帧的延迟时间,这里的“7”表示该帧的延迟时间是0.07秒。双击该处即可重新设置帧的延迟时间,如图6—06。


图6—06

  添加帧:点击“帧和历史记录”组合面板右上角的下拉菜单,如图6—07。


图6—07

  选择“添加帧”可以为当前的动画添加新帧,如图6—08。


图6—08

  数量——可直接输入要添加的帧数。
   在开始——在动画的第一帧前进行添加;
   当前帧之前——在当前被点选帧之前进行添加;
   当前帧之后——在当前被点选帧之后进行添加;
   在结尾——在动画的最后一帧后面进行添加;
   重制帧:可以复制当前被选中的帧,设置对话框与“添加帧”对话框相同。
   删除帧:删除当前被选中的帧。

  复制到帧:单击该项,如图6—09。可把某帧在画布上的对象复制到其它的帧上。也可以在对话框中输入复制帧的“范围”。


图6—09

  分散到帧:该项与前面所讲的“分配到帧” 功能相同。

3、使用“洋葱皮”功能

  在动画制作当中使用“洋葱皮”功能可以方便地查看当前所选帧之前和之后的帧内容。从而为动画的制作带来方便。

  点击“帧”面板左下角的小箭头 按钮,即可弹出“洋葱皮”功能选项,如图6—10与效果图6—11。


图6—10


图6—11

  启动“自定义”项可以自行设置显示的帧数及不透明度等,如图6—12。

图6—12

  而“多帧编辑”则是允许同时编辑多个帧的对象,从而免去了在多个帧之间来回切换的麻烦。

4、图层的使用

  在Fireworks中绘制对象或图形的过程中,更多的时候是使用图层面板进行对象的选择与调度。而在动画制作当中,层面板的使用也同样重要。

    评论加载中…
教程导航
FireWorks热门教程
用Fireworks制作动态效果的LOGO
本例主要针对一个LOGO的渐隐效果做出仔细讲解 本例涵盖了FW所有的主要动画技巧 对初学者来说可能有点难,但只要仔细揣摩,那么用fw做gif就可以完全掌握 1,新建一...
作者:caecn
Fireworks滤镜制作血滴喷溅效果
先看效果图如下 1、使用矢量工具下的星形工具绘制一个星星并选择为红色。 2、拖动星星角的手柄,调整一下 3、选择部分选择工具,拖动每个角,调整为不规则星形 4...
作者:/
Fireworks 绘制立体文字图标
建立画布什么的就不说了,首先把文字输入进去:选择文字工具,输入文字FW,选取04b_03b字体,字号看你的需要来选择,教程里所选的是120PX: 选取输入的文字,文...
作者:\
FW MX 2004教程(3):矢量编辑
和许多矢量编辑软件一样,在Fireworks中绘制的矢量对象比位图对象的可修改性强很多。因此在进行无素材制图时,更多时候是制作成矢量图形,以方便随时保存,随时...
作者:大眼网虫
Fireworks制作动态banner流程
本文涉及知识点: 1、fw创建gif动画的基本过程; 2、fw帧动画中共享层的使用; 3、fw形状渐变动画的制作; 4、fw缩放动画的制作; 5、fw帧帧动画的制作;...
作者:/