论坛交流
首页办公自动化| 网页制作| 平面设计| 动画制作| 数据库开发| 程序设计| 全部视频教程
应用视频: Windows | Word2007 | Excel2007 | PowerPoint2007 | Dreamweaver 8 | Fireworks 8 | Flash 8 | Photoshop cs | CorelDraw 12
编程视频: C语言视频教程 | HTML | Div+Css布局 | Javascript | Access数据库 | Asp | Sql Server数据库Asp.net  | Flash AS
当前位置 > 文字教程 > Fireworks教程
Tag:切片,gif,动画,文字,图标,照片,网页,效果图,表情,按钮,工作,8.0,cs,视频教程

Fireworks动画优化与导出详解

文章类别:Fireworks | 发表日期:2008-9-20 19:32:42

   制作GIF文件的软件很多,常见的有Animagic GIF、GIF Construction Set、GIF Movie Gear、Ulead GIF Animator等。Fireworks MX 2004在制作GIF动画上有着强大的功能。动画制作完成之后,就需要我们对其进行优化以达到最佳的显示效果,并且经过导出设置以及预览等步骤,最终将其导出为GIF动画格式。下面我们就来看看GIF动画的优化和导出过程。

  一、优化动画

   GIF动画的优化与我们在第五章提到的对其他图像的优化方法一样,可以利用优化面板和导出预览两种方法来对进行。下面分别对这两种方法加以介绍。

  1. 利用优化面板

   点击“Windows”菜单,打开如图1所示的Optimize面板。


图1 Optimize面板

   在导出文件类型中选择GIF动画选项,用户可以通过设置Matte(色版)、Colors(颜色)、Dither(抖动)、透明度等选项来达到对显示效果的优化。


  2. 利用导出预览对话框


   在“File”菜单中选择“Export Preview”(导出预览)选项,打开如图2所示的导出预览对话框,同样可以对动画进行相应的优化设置。


图2 导出预览对话框

  二、导出设置

   我们在GIF动画导出之前,还可以对其设置进行修改。选择导出预览对话框的“Animation”(动画)选项栏,如图3所示。我们可以通过它来进行动画的设置。


图3 Animation选项栏


  1. 设置帧的处理方式


  在动画选项栏中,选择需要处理的某一帧,单击处置方式按钮,弹出如图4所示的菜单,我们可以从中选取一种处置方式。


图4 弹出菜单


  菜单中各个选项的含义如下:

  * Unspecified(未指定):没有指定处置方式,由Fireworks为每一帧自动选择一种处置方式,用于创建最小可能的GIF动画。
  * None(无):在下一帧显示之前,不对帧进行处置。帧以叠加方式出现,下一帧叠加在当前帧之上。通常用于在较大的背景之上叠加显示较小的对象,以获得从小变大的效果。
  * Restore to Background(恢复到背景):删去当前帧的图像,恢复背景面积颜色或者图案。适合在一个透明的背景中移动对象。
  * Restore to Previous(恢复为上一个):将当前帧的内容显示在前一帧的背景图像上。设何在一个图片类型的背景上移动对象。


  2. 设置帧是否导出

  在动画选项栏中同样可以控制帧的导出。单击帧项目左边的图案会消失,表明该帧不显示。在此单击该区域,这时候又会出现,表明该帧将会被导出。

  3. 设置帧延时

  选中一个或者多个帧,在导出预览对话框的“Animation”选项栏有上方的帧延时中,我们同样可以设置帧的显示时间,如图5所示。另外根据当前导出的帧数和每一帧的延迟时间,我们还可以知道动画播放一次所需要的时间,这个时间会被显示在选项栏中帧项目的右下角,如图6所示。


 图5 设置帧延时


图6显示播放时间


  4. 设置循环次数

  我们同样可以在“动画”选项栏中设置动画的循环次数,单击可将循环次数设为1次,单击可以设置其他的循环次数,从右边的“循环次数”下拉列表中,我们可以选择需要的次数,或者直接输入数值,如图7所示。


图7 设置循环次数


  三、动画导出


   我们在创建动画时,应该随时预览动画。当取得最佳效果之后,就可以将这个动画导出了。单击导出对话框中的导出按钮,打开导出对话框,即可完成GIF动画文件的导出,如图8所示。


图8 导出动画

   另外,我们甚至还可以导出为Flash动画,只需要在导出对话框中的保存类型列表中选择Macromedia Flash SWF即可。

上一篇:一起来视频聊天!Fireworks绘制逼真摄像头 人气:2473
下一篇:Fireworks优化网页图像详解 人气:1661
Fireworks视频教程

Fireworks视频教程
Windows视频教程
Windows操作
[文]
WORD教程
Word教程
[文]
Excel教程
Excel教程
[文]
PowerPoint教程
PowerPoint
[文]
Dreamweaver
Dreamweaver
[文]
FIREWORKS
Fireworks
[文]
FLASH教程
Flash教程
[文]
photoshop平面设计
PhotoShop
[文]
CorelDraw
CorelDraw
[文]
C语言教程
C语言教程
[文]
html
Html教程
[文]
DivCss布局
Div+Css布局
[文]
Javascript
Javascript
[文]
ACCESS数据库
ACCESS数据库
[文]
ASP教程
ASP教程
[文]
SQLServer数据库
SQLServer
[文]
ASP.NET教程
ASP.NET教程
[文]
FlashAS
FlashAS
[文]
视频教程列表
计算机基础入门及办公自动化: 网页制作开发视频教程: 平面广告设计视频教程 初级程序设计及ASP动态网站开发 Asp.net动态网站开发视频教程 Flash 动画角本编程视频教程
文章教程搜索
 
Fireworks推荐教程
Fireworks热门教程
看全部视频教程
购买方式/价格
购买视频教程: 咨询客服
tel:15972130058