fireworks教案课件第八章动态效果设

fireworks8如何制作动态gif动态图
GIF动态图怎么实现呢?在fireworks中使用动画来表示一些特殊的效果，而使用动画很占资源和空间下面小编给大家整理了关于一些用fireworks8制作动态gif动态图方法，希望大家喜欢
fireworks8制作动态gif动态图的方法步骤
首先打开“Frieworks 8”，新建一个空白图片。

选择画布的大小，我这里设置的是102.4*76.8
在fireworks中选择“文字”工具，即“矢量->A”。

在画布上写上一个字。

我这里写的是“动”字。

新增帧，一帧即一个画面。

在“帧和历史纪录”这里，右下角有三个小图标，第二个滑动时候会显示“新增/重制帧”，想要建几个画面就单击几次。

分别在新增的帧上写字，当然了，你可以导入图片的。

我这里分别写上“态”、“图”，连起来就是“动态图”
设置每一帧的显示时间。

选中帧之后，右上角有一个小图标，滑动时候会显示“选项”，单击小图标，选择“属性”，就可以设置时间了。

导出图片。

选择：“文件-》导出向导”，并根据提示一步步进行操作，最后就完成了，打开图片就可以看到效果了，暂时不要先关闭窗口，看着不合适的可以再进行修改设置。

Fireworks制作GIF动画图⽚教程 当我们在⽹上冲浪时，看到形形⾊⾊的动画效果，⼀定会有⼀种冲动，那就是将这个漂亮的动画存储到⾃⼰的硬盘上，那么你知道这些动画是如何制作的的吗?下⾯是店铺整理的⼀些关于Fireworks制作GIF 动画图⽚的相关资料，供您参考。

Fireworks制作GIF动画图⽚教程 其实动画的原理很简单，就是让图⽚有秩序地轮流显⽰。

利⽤Firework 3制作动画总共有三种⽅法，由易到难分别为：合并已有图⽚⽣成动画，利⽤Tween Instances⽣成动画和⼿⼯绘制。

⼀、合并已有图⽚⽣成动画 合并已有图⽚形成动画，顾名思义就是将⼀系列图⽚按顺序排列在不同的帧中从⽽⽣成动画，当然，⾸先我们必须有⼀串连续的图⽚，然后，在 Fireworks中，选择菜单指令“File/Open Multiple”，这时将弹出“打开”对话框(如图1)，进⼊所需图⽚所在的⽬录，然后按照动画中图⽚显⽰的顺序依次选取图⽚，并单击“Add”按钮将这三张图⽚加⼊到对话框下⾯的窗⼝;注意：我们还必须勾选对话框最下⾯的“Open as Animation”(以动画打开)选项，不然的话，我们打开的将是三张分开的静态图⽚;最后，单击“Done”(完成)按钮。

单击窗⼝右下⾓状态栏的播放按钮，怎么样?效果还不错吧! 现在只是⼀只海鸥在不停地飞，如果为它再添加⼀副背景，效果⼀定会更好，好吧，下⾯我们就为海鸥添加⼀副⼤海的背景。

添加背景的⽅法有两种：⾃动复制和共享图层。

1. ⾃动复制 ⾸先，单击“Frames”⾯板右上⾓如图2按钮，选择“Add Frames”，在弹出的对话框中选择“Number”为1和“At the end”，单击“ok”按钮。

然后将画布的⼤⼩改为200x150(Pixels);接下来，打开背景图⽚，发现图⽚周围有⼀个如图3的边框，说明图⽚处于图像编辑模式，选择 “Modify/Exit Image Edit (Ctrl+Shift+D)”，使图⽚进⼊对象编辑模式，如果想让图⽚打开时总为对象编辑模式，我们将“File/Preferences”的“Editing”⾯板中“Open in Image Edit Mode”复选框前⾯的对钩去掉即可。

fireworks如何做gif
flash的主要作用还是在制作矢量的swf动画上，gif动画则是flash的一块鸡肋，发色数不多、文件体积巨大、文字不清晰都是flash 制作gif的最大毛病。

那么下面店铺跟大家分享了关于fireworks如何做gif的步骤/方法，希望你喜欢。

fireworks做gif的步骤/方法：
1、制作第一张小图
设定画布的大小，在画布上写上几个字即可。

2、制作第二张小图
在上图(图1)中，我们注意到右边有一个“帧”的项目，“帧1”对应的图片就是刚制作的第一张小图，“帧1”就是将要做成的gif动画的第一帧。

我们接着要做的是gif动画的第二帧，并且在这帧上做一张图片。

如下图(图2)所示，点击“新建/重建帧”图标，“帧2”就创建了。

这时，左边区域是第二张小图的画布，我们就可以在这里制作第二张小图了。

如下图是制作的第二张小图：
3、设置帧延时
帧延时即时gif动画中图片与图片之间切换的间隔时间。

如下图(图4)所示，鼠标双击蓝色区域(注意是“1”那个地方)，看到弹出一个小窗，填上100就是延时1秒，这个根据自身情况设定适当的数值。

设置完“帧1”的延时后，再设置“帧2”的延时，最后的结果如下图(图5)所示：
4、保存gif动画图片
点击菜单“文件”-“另存为(A)...”，然后另存为类型选择“动画GIF(*.gif)”，输入文件名，保存即可。

fireworks如何做动图
如何用Fireworks软件制作动态图片，至于大家要制作相对复杂的gif图片，可以在设置方面多摸索。

那么下面店铺跟大家分享了关于fireworks如何做动图的步骤/方法，希望你喜欢。

fireworks做动图的步骤/方法：
首先打开fw—新建一个文件
大约这么大就可以了
接下来是把你喜欢的表情图导入fw 【文件——导入——你喜欢的图片】
她会跳出这个框按确定就可以了
这是工具栏【点文本工具——写上你想写的字】
接下来就是让字体美观一点
可以看到画布的下面有属性栏
然后点滤镜旁边的【+】会出现下图的各种效果选择【发光】
调一下参数
就是这样了
接下来就是让图片动起来了部分
把动态图片移动到合适的位置
在【层】面板的右上角有个图标点一下———点共享此层
然后就完成了
画布的右下角点击播放就可以动起来了
最后保存
记得优化面板必须是gif
然后文件另存为——【动画gif】。

Fireworks教案第一章一、概述1、简介：adobe公司旗下的集图像处理与动画制作为一体的制作软件2、特点：丰富的位图处理功能强大的优化输出功能（可根据需要更改图片格式）可导入各种文件格式制作网页动画制作兼容性增强3、网页制作概述网页元素组成网页制作过程前台美工应用4、网页四剑客（比对fw和ps）二、图形简介1、位图2、矢量图3、网络图形（jpeg，gif，png简介和特点）Jpg：支持颜色多，文件容量大。

Gif：支持256色，支持透明背景和动画Png：兼并了jpg和gif的特点，支持直接编辑，逐渐流行。

三、安装与进入Install.exe（安装在非系统盘）sn.txt（keygen。

exe）为注册码绿化软件的安装。

四、基础知识1、界面简介2、快捷键工具（ctrl+f2）属性（ctrl+f3）克隆（ctrl+shift+d）数值变形（ctrl+shift+t）对齐（没有）层面板（f2）优化（f6）混色器（shift+f9）帧（shift+f2）历史纪录（shift+f10）行为（shift+f3）3、辅助工具首选参数（ctrl+u）标尺（ctrl+alt+r）网格（ctrl+alt+g）网格以及辅助线的编辑4、界面设置三种界面切换（f）创建以及画布设置第二章工具（一）一、选择区域1、选取工具组（v）后方选择工具：先选中前面的物体，后单击后方物体，进行后面物体的选中。

2、任意变形工具组（q）缩放倾斜扭曲注意：ctrl+t只可以调用缩放工具3、裁减工具组（c）导出区域：除了进行图片的裁减以外，可以对所选中的部分直接进行导出二、位图区域1、选取框工具（m）椭圆选取框工具用于对位图进行选择，选择区域以外的物体将不会被更改。

2、套索工具（L）分为普通套索和多边形套索，用于制作不规则选区3、魔术棒工具（W）用于选取相似颜色的区域注：讲解所有位图选取工具时要配合选择菜单以及属性面板的介绍三、实例：图片修饰第三章工具（二）一、位图工具1、笔刷和铅笔工具（B、Y）用于绘制软线条和硬线条使用属性面板操作（特别是画笔样式以及如何使用其它画笔样式）2、橡皮工具（E）用于擦除图片区域注：透明度设置以及应用3、位图修饰工具组模糊工具锐化工具减淡工具加深工具涂抹工具4、图章工具组仿制图章工具替换颜色工具去除红眼工具二、钢笔工具和部分选区工具工笔工具用于绘制路径使用注：使用钢笔工具时如何绘制直线不封闭路径，以及绘制完曲线路径后如何绘制直线路径。