FW MX 2004教程(6):动画制作

教程

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

时间: 2024-08-03 23:04:07

FW MX 2004教程(6):动画制作的相关文章

FW MX 2004教程(一):界面

教程 Fireworks是由Macromedia公司开发的网页制作软件利器之一. 在绘图方面Fireworks结合了位图以及矢量图处理的特点,不仅具备复杂的图象处理功能,并且还能轻松地把图形输出到Flash,Dreamweaver 以及第三方的应用程序. 在网页制作方面Fireworks能快速地为图形创建各种交互式动感效果,不论在图象制作或是在网页支持上都有着出色的表现. 随着版本的不断升级,功能的不断加强,Fireworks受到越来越多图像网页制作者的青睐.目前的最新版本Fireworks M

FW MX 2004教程(8):动态按钮

按钮|动态|教程 在前面的几章中我们已领略了Fireworks MX 2004在图像绘制上的出色表现.从本章开始,我们将来学习Fireworks MX 2004在在网页支持上的强大功能.我们先从动态按钮的制作开始. 1.设置鼠标事件 先在画布上随便画个蓝色矩形的按钮形状,然后按F8键将该对象转化为"按钮"元件.此时该按钮在画布上的情况如图8-01. 图8-01 双击应该按钮对象后,将弹出按钮元件的鼠标事件设置窗口,如图8-02. 图8-02 该窗口中前面的"释放".

FW MX 2004教程(2):绘图工具

教程 和许多主流的图像处理软件一样,Fireworks的绘图工具主要都集中在"工具条"上.利用这些工具可以绘制出各种图形,并可为其设置相应的属性,如颜色.大小.位置等等. Fireworks MX 2004的"工具条"中增加了不少新工具,并与原有的工具在一起被编排为六个类别:选择区.位图.矢量.Web.颜色和视图区.有些工具按钮的右下角有一个小三角,说明这个工具包含有其它几种不同的工具,按住这个工具按钮不放就能显示其它的工具. 我们先来介绍位图区的绘图工具. 1.选

FW MX 2004教程(7):图像输出

教程 在Fireworks 中,图像默认的保存格式是.PNG文件,该文件最大可能的保存了Fireworks 中所绘制的各种图形对象.切南喙厥粜杂胄畔ⅲ佣枷裎募脑俅伪嗉倮醋畲蟮目刹僮餍裕送庠谑涑龅奈募袷街谐S玫幕褂蠫IF.GIF动画.BMP.JPEG等.下面我们就来详细了解这些格式的输出方法和设置选项. 1.图像的输出设置 "选项"设置:在Fireworks 中,制作完成图像,可以直接点击工具栏上的"保存"按钮,将图像保存成PNG文件.此外也可以用菜单

FW MX 2004教程(3):矢量编辑

教程 和许多矢量编辑软件一样,在Fireworks中绘制的矢量对象比位图对象的可修改性强很多.因此在进行无素材制图时,更多时候是制作成矢量图形,以方便随时保存,随时编辑.而对象的编辑则包括对对象的选取.移动.填充.旋转和变形等等. 1.改变路径 简化路径:为了使一条不规则的矢量路径变得更加的精简.圆滑,我们可以用简化路径的方法来减少它的路径节点.如图所示为一条不规则的路径. 图3-01 选中该路径后点击菜单栏上的"修改-改变路径-简化"命令,如图3-02. 图3-02 在"数

FW MX 2004教程(4):特效和样式

教程 为了实现更好的图形处理效果,在Fireworks中还可以为图像使用各种特效.特别是在网页按钮的制作中,使用这些特效会使按钮图象更加美观.更富立体感.而且一个图形对象可以使用多个特效进行反复处理,还可将这些特效处理的结果保存成样式.所以,样式是个集多种特效于一身的"组合特效". 1.使用与编辑特效 使用特效:位图和矢量对象均可使用特效,因此我们可以先在画布上随意制作个图形对象,如图4-01. 图4-01 然后在该对象属性框右边的"效果"栏中,点击"添加

FW MX 2004教程(10):链接设置

教程|链接 在Fireworks中,为图像设置链接区域是靠"切片"或"热点"工具来完成,因此"切片"或"热点"区域又被称为链接区域.它们不是以图像的形式存在,而是在图像导出成网页格式后,以HTML代码的形式出现. 1.切片与热点 网页层:所有的"切片"和"热点"区域都被保存在"层"面板中的"网页层"内,以划分它们与图像层的区别.但同时也可以像对待图

FW MX 2004教程(9):图像变换

教程 图像变换技术在网页中经常被用到,即当鼠标移动到某图像或按钮上时,会触发另一个图形的显示.在Fireworks中,图像变换的制作原理就是使"帧"面板中某帧中的图形对象与来自任何帧的图象进行交换,从而达到在网页浏览时产生图形变换的效果. 1.简单的图像变换 在Fireworks中制作简单的图像变换,就是把"帧"面板中第1帧里的对象与第2帧中的图像进行交换. 我们先制作或引入一个按钮的一般状态图,选中图形后单击鼠标右键,从弹出菜单中选择"插入切片"

FW MX 2004教程(11):自动操作

教程 在Fireworks中,自动化的应用可以为我们省去不少在图像处理或网页制作过程中一些相同步骤的操作,从而有效地节约时间和提高工作效率. 1."查找"面板 使用"查找"面板可方便快捷地查找或替换文件中的文字.字体.颜色等内容.这对于较大的网页制作或图像处理都将带来极大的方便. 图11-01 先要在"搜索所选范围"栏中选择搜索范围.可按"搜索帧"."搜索文档"和"搜索文件"进行范围选取