jpg、png、bmp等静态图片用photoshop软件制作十分简单，有时候，而那些貌似flash的动态图片如何制作呢?下面小编给大家整理了关于一些fireworks动画制作的三种方法，希望大家喜欢

1、 手工绘制

如果我们要手工绘制动画，就需要用到Firework 3的洋葱皮功能(Onion Skinning)，

它就象我们制作卡通用的半透明纸一样，在编辑当前帧的同时，

可以看到此前或此后帧中的内容，这样，我们在手绘动画时就可以方便地绘制图案。

下面我们就来认识一下洋葱皮功能，开启“Frames”面板，

单击“洋葱皮功能”按钮(如图9)，弹出菜单中选项分别为：

· No Onion Skinning： 关闭洋葱皮功能;

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

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

· Show All Frames： 在当前帧中显示所有帧中的内容;

· Custom： 可以设置洋葱皮的显示功能;

· Multi-Frame Editing： 可以透过洋葱皮编辑其他帧中的内容。

图9 洋葱皮功能菜单

空说无用，打开我们先前制作的“海鸥”动画，

然后选中Show All Frames，我们不仅可以看到当前帧的海鸥，

还可以看到其他两帧中海鸥的淡化效果(如图10);Firework 3的洋葱皮功能十分强大，

而且方便高效，我们可以在以后的手工绘制动画中慢慢地体会。

图10 淡化效果

Fireworks动画制作完成之后，就需要我们对其进行优化以达到最佳的显示效果，并且经过导出设置以及预览等步骤，最终将其导出为GIF动画格式。下面小编给大家整理了关于一些用fireworks优化和导出动画的方法，希望大家喜欢。

在fireworks中菜单中各个选项的含义如下：

* Unspecified(未指定)：没有指定处置方式，由Fireworks为每一帧自动选择一种处置方式，用于创建最小可能的GIF动画。

* None(无)：在下一帧显示之前，不对帧进行处置。帧以叠加方式出现，下一帧叠加在当前帧之上。通常用于在较大的背景之上叠加显示较小的对象，以获得从小变大的效果。

* Restore to Background(恢复到背景)：删去当前帧的图像，恢复背景面积颜色或者图案。适合在一个透明的背景中移动对象。

* Restore to Previous(恢复为上一个)：将当前帧的内容显示在前一帧的背景图像上。设何在一个图片类型的背景上移动对象。

漂亮的闪图动画应用范围非常广，不仅可以在相册、动态表情里使用，还可以在QQ空间、论坛签名、各类回贴和博客中使用。下面小编给大家整理了关于一些fireworks动画实例教程：数字连续翻滚，喜欢大家喜欢。

数字连续翻滚的方法步骤

在Fireworks中打开一个新的画布，选择工具栏中的文本工具，输入第一个数字，并设置好文字的字体、像素大小等样式

打开帧面板，使用黑白选择工具，在面板是右上角点击，弹出下拉菜单，选择“重制帧...”。

在弹出的对话框中，如下图设置：

选择9个新帧，是因为动画包含0-9个数字(相当于10帧)。

然后选择每一帧，并修改画布中的相应数字。

可以输出文件了。

帧面板如下图所示：

提示：帧面板中右手边显示的是默认的帧延时值7毫秒，即7/100秒的速度。如果动画播放的速度有些快，可以修改这个延时值。选择顶部帧，按住Shift键，点击底部的最后一帧，全选这些帧，在帧延时值处双击，在显示的对话框中设置一个更高的值。更高值将减慢动画的播放速度。

最后一步，打开优化面板，设置导出文件格式为“Gif动画”，如图：

也可以在帧面板的底部设置Gif动画循环，默认为“永久”选项。

现在可以使用F12预览你的作品吧，最后可以输出文件了。

大家不要误会只有FLASH中才能完成这效果，其实用Fireworks同样能完成，而且方法更简单。下面读文网小编给大家整理了关于fireworks用投影做动画的方法，希望你们喜欢。

fireworks用投影做动画的方法步骤：

fireworks用投影做动画的步骤1、在fireworks中新建一个文件，Width=300pixels，Height=300pixels，背景色为White白色，

fireworks用投影做动画的步骤2、然后在编辑区用文字工具输入文字网络学院，字号为30pixels象素，字体颜色随意。取中该字，Commands>Document>Center in Document，使文字位于编辑区中心。

fireworks用投影做动画的步骤3、选中文字，按F8键，在弹出的对话框中，把Graphic前面的框勾选上，我们先把这四个字转换成符号。

fireworks用投影做动画的步骤4、选中编辑区的文字，按Edit>clone三次，克隆出三个同样的文字符号，此时它们的位置是重叠的，我们要的就是这效果，不要去移动它们的位置。在layer面板中我们选中最下面的图层，打开Effect面板，Shadow and Glow>Drop Shadow此时弹出投影设置框，我们把它设置如下图

fireworks用投影做动画的步骤5、再选中第二个文字图层，(从下往上数第二个文字图层)，打开投影设置框，把投影的颜色设置为绿色，角度为120度，其它的同上面设置相同。选中第三个文字图层，在投影设置框中，把投影的颜色设置为粉红色，角度为240度，其它设置同上。选中最上面的文字图层(第四个文字图层)，在投影设置框中把颜色设为黄色，角度为360度，此时编辑区如下图结果

fireworks用投影做动画的步骤6、同时选中这四个文字图层，(或按Ctrl+A键)，Modify>smybol>Tween Instances，在弹出的对话框中填入帧数为8，把下面的框勾选上。

fireworks用投影做动画的步骤7、打开frame面板，把最后一帧删除掉，这样我们的动画就出来了，为了动画效果连惯，为什么要删除最后这帧?

fireworks用投影做动画的步骤8、现在我们让中间的字消失。打开Library面板，双击Smybol符号，在随后弹出的编辑框中，选中文字，把字体的颜色改为白色(和背景色同色)，千万不要自做聪明地把字体设置为透明度为0，如果把字设置为透明度为0，会有什么效果?你有没有见过透明的东西有投影的?

一直以来，fw都是我最喜欢使用的软件之一，用fw 做动画感觉更顺手，那如何做变换动画的效果呢?制作速度更快下面读文网小编给大家整理了关于fireworks做图片变换动画的方法，希望你们喜欢。

fireworks做图片变换动画的步骤② 逐帧+蒙板：

PNG文件：

Fireworks是设计和制作专业化网页图像的工具软件,它既可以制作位图,也可以制作矢量图,还可以制作GIF动画。下面读文网小编给大家整理了关于fireworks做边框虚线小动画的方法，希望你们喜欢。

fireworks做边框虚线小动画的方法步骤：

fireworks做边框虚线小动画的步骤一、在fireworks中新建一个88*31的空白图片，背景色为白。

fireworks做边框虚线小动画的步骤二、在fireworks中选中线段工具，拉出一条长88的直线(水平)。

fireworks做边框虚线小动画的步骤三、然后将这条直线的笔触选择铅笔，1像素，纹理为Grie5 100%，这条直线就形成了虚线的效果(也可以通过Fireworks的Command命令插件完成虚线的制作--此插件需自行加入)。如图：

fireworks做边框虚线小动画的步骤四、选中刚才制作的虚线，按Ctrl+C复制，再按3次Ctrl+V粘贴，这样就有了4条这样的虚线，将其中的两条旋转90度，成为竖直的虚线，将4条虚线(2横2竖)分别放到图形的4个边上。(假如旋转后无法显示虚线，请调节线段的笔触大小)如图：

fireworks做边框虚线小动画的步骤五：点击帧面板下面的增加一个桢，复制第一桢中的所有线段图形到第二帧，再细微调节四个边上的相交处的虚线位置，让2个帧有所区别。如图：

fireworks做边框虚线小动画的步骤六：在fireworks中选择菜单中的文件->输出向导，按默认进行，最后选择输出预览中的动画菜单，将2个帧都选中，调节没帧的速度为15，输出成为GIF动画，如图：

最终完成实例：

在fireworks中，其实动画的原理很简单,就是让图片有秩序地轮流显示，心跳动画也很有趣。下面读文网小编给大家整理了关于fireworks制作gif动画的方法，希望你们喜欢。

fireworks制作gif动画的效果图：

fireworks制作gif动画的步骤一：在fireworks中绘画背景和心脏准备好绘画背景和心脏

新建一个270*80px大小，背景色为#FF0000的文件，然后使用如下图的填充绘画一个和画布大小一致的矩形作为背景。然后在层面板中双击矩形所在层，钩选“共享交叠帧”选项。

新建一个层来绘画心脏。使用钢笔勾勒出心脏的一部分形状，然后使用如图的“轮廓”填充和混合模式“取反”。

fireworks制作gif动画的步骤二:制作心脏跳动动画

制作心脏跳动动画步骤1：第一步选中心脏图形，按下ctrl+shift+alt+Z平面化所选。然后按下F8转换为“动画元件”，设置如下图所示。动画设置完毕后，电脑会询问是否添加帧，按“确定”继续。

制作心脏跳动动画2：第二步选中画布上的动画实例，混合模式改为“取反”。然后在帧面板中设置各帧的延时，如下图所示。

制作心脏跳动动画3：第三步用同样的方法制作心脏的各部分，每个部分就是一个动画元件，注意某些部分缩小的时候，某些部分就扩张。要注意的是每个部分都要在独立的层中。

制作心脏跳动动画三：在背景矩形所在层中签上大名。新建一个叫“text”的层在最顶部放置标题。标题的动画制作方法和心脏的类似。

结束。下面还有一个我赠送的可爱型的作品。请送给你的girlfriend!主要技法就是使用了混合模式的叠加制作出特效。

gif文件：

png文件：

喜欢在fireworks里制作图片的同时就可以制作出想要的gif动画。Fireworks制作扫光字动画主要技巧是图层蒙板的使用。我们也可以使用ImageReady, Flash等工具实现扫光字动画效果，基本的原理也是一样的。下面读文网小编给大家整理了关于fireworks制作扫光字gif动画的方法，希望你们喜欢。

fireworks制作扫光字gif动画的最终效果：

毋庸置疑,Fireworks是目前制作网页图片的最佳专业软件之一。这一节我们来熟悉Fireworks中帧面板、动画、元件等工具的使用方法。下面读文网小编给大家整理了关于fireworks制作gif动画banner的方法，希望你们喜欢。

fireworks制作gif动画banner的方法步骤

fireworks制作gif动画banner的步骤(1)：在fireworks中 新建一个大小为468×60的文件，设置其画布颜色为透明，并导入一幅汽车的位图图像，得到图1所示的图像。

图1 新建文件并导入图像

fireworks制作gif动画banner的步骤(2)：然后选中这幅汽车图像，单击【修改】菜单，选择【元件】|【转换为元件】，这时候会跳出元件属性对话框，将这个图形文件命名为"汽车图 1"。

fireworks制作gif动画banner的步骤(3) ：选择单击【确定】，这时候位图图像就已经转换为了图形元件了，如图3所示。选中这个图形元件，单击【修改】菜单，选择【动画】|【选择动画】，跳出动画对话框，在其中设置帧数为10，移动到380，如图4所示。

图3 位图转换为图形元件

图4 设置动画属性 图5 弹出对话框

fireworks制作gif动画banner的步骤(4) ：单击【确定】，这时候跳出图5所示的对话框，询问是否添加新帧，选择【确定】，这时候在帧面板中就已经添加了新帧，得到图6所示的动画元件图像。

图6 动画元件图像

fireworks制作gif动画banner的步骤(5)：默认的帧延时的时间太短，可以将前面9帧帧延时设为10，第10帧的帧延时设为35来控制汽车运动的效果。为了将第10帧的图像始终能够显示在这个GIF动画上，所以有必要将第10帧的图像效果复制到后面的所有帧中去。设计这幅动画共有30帧，所以后面的20帧中都需要有这个第10帧中的汽车图像。这里要调用库中的图形元件来实现所有帧中都有第一幅汽车图的效果。打开帧面板，新建一帧，设置其帧延时为10。单击帧面板的洋葱皮工具，在弹出菜单中选择【之前和之后】，这样在编辑第11帧时就能够看到第10帧的汽车图像了。单击【窗口】，选择【库】，打开了库面板。发现库面板中有一个动画元件和开始保存的名为"汽车图形 1"的图形元件，如图7所示。

图7 库面板

fireworks制作gif动画banner的步骤(6) ：从库面板中拖动图形元件到画布之中，使其和第10帧的汽车图形完全对齐。得到第11帧的图像，如图8所示。

fireworks制作gif动画banner的步骤(7)：选中第11帧，在帧面板中单击 按钮，在弹出菜单中选择【重制帧】，在弹出对话框中设置帧的数量为9，如图9所示。

图9 复制第11帧

fireworks制作gif动画banner的步骤(8) ：选中第11帧，导入另外一幅汽车图像，如图10所示。

图10 导入另外一幅汽车图像

fireworks制作gif动画banner的步骤(9) ：同样单击【修改】菜单，选择【元件】|【转换为元件】，在元件属性对话框，将这个图形文件命名为"汽车图 2"，如图11所示。

图11 将图像转换为图形元件

fireworks制作gif动画banner的步骤(10)：单击【确定】，这时候位图图像就已经转换为了图形元件了。选中这个图形元件，单击【修改】菜单，选择【动画】|【选择动画】，跳出动画对话框，在其中设置帧数为10，移动到290，得到图13所示的图像。

图12 第二个动画元件

fireworks制作gif动画banner的步骤(11)：设置第20帧的图像帧延时为35，11帧到19帧帧延时为10。然后新建一帧并设置帧延时为10，从库面板中拖动"汽车图1"和"汽车图2"到画布之上，使其和第20帧中图像完全对齐，如图14所示。

图13 第21帧图像

fireworks制作gif动画banner的步骤(12)：选择第21帧，和第7步一样，将其重制9次。在21帧中导入第三幅汽车图，只将车的前半部分放在画布之中，好像车子是逐渐开进来的一样。接下来和前面一样，将它转化为图形元件，并设置动画效果，设置其帧数为10，移动为100即可，如图15所示。

图14 导入第三幅汽车图并设置动画

fireworks制作gif动画banner的步骤(13)：将"汽车图 3"元件拖到第30帧中并与动画元件对齐。接着为图像添加两个小圆形和一个圆角矩形，并在矩形中添加"我也要去天柱山"几个字来增强效果，如图16所示。

图15第30帧图像

fireworks制作gif动画banner的步骤(14)：将第30帧帧延时设为200即可，让它的显示时间长一些。最后保存这个文件并将其导出为一个GIF文件，这样在个人网页中就可以使用这个GIF图片了。 .png文件下载

现在我们来学习用Fireworks制作动画，为了使动画看起来更加真实。Fireworks提供了三种制作动画的手段：手工绘制、使用符号(Symbol)、图像法。下面读文网小编给大家整理了关于fireworks制作动画的方法，希望你们喜欢。

fireworks制作动画的步骤3、创建动画帧数：

如Fireworks 4程序窗口没有出现帧面板(Frames)，可同时按Shift+F2键，则出现帧面板。在帧面板中有一个Frame1 ，表示已存在一个帧，第2步导入的图像就在这个帧中。鼠标单击帧面板右上角的三角形图标，出现帧面板菜单，选择“Add Frames…”命令，出现添加帧窗口(Add Frames)，在添加窗口的“Number”输入项中输入动画的帧数，本例输入帧数4，并选择“After Current Frame”选项，按“OK”，则在帧面板出现5个帧(Frame 1～Frame5)。如用鼠标单击选择第2～5帧，在文档窗口中无显示图像，鼠标选择第1帧时，在文档窗口中显示已导入的图像。

以呈现方式来看,技术动作的动态展示比静态挂图更有利于学生的观察和学习,本文将介绍运用fireworks软件制作技术动作动画的简单方法。下面读文网小编给大家整理了关于fireworks制作地球旋转动画的方法，希望你们喜欢。

fireworks制作地球旋转动画的方法步骤：

fireworks制作地球旋转动画的步骤1、在电脑上双击任务栏右下角的时间。

fireworks制作地球旋转动画的2、然后打开日期和时间属性对话框后，按ALT+PrintScreenSysRq键，将对话框屏幕复制到剪贴板中(呵呵，就地取材)。

fireworks制作地球旋转动画的3、进入Fireworks，新建文件，粘贴。粘贴后利用裁剪工具将世界地图部分裁剪下来，裁剪时一定要放大比例进行裁剪，精确一些。

fireworks制作地球旋转动画的4、将裁剪好的世界地图克隆一份(CTRL+SHIFT+D)，移动到画布右侧之外，空白处单击，选择属性栏中的“符合画布”项，扩大画布，再详细调整地图素材的位置，将两张图片左右无缝拼接在一起。

fireworks制作地球旋转动画的5、选取两幅图片素材，修改菜单——平面化所选，将两幅图片合并为同一张图片。

fireworks制作地球旋转动画的6、新建文件，300*200PX，绘制一个合适大小的正圆，笔触选择无，白色填充。

fireworks制作地球旋转动画的7、复制刚绘制的圆形，在层面板中新建一层，选取新建的层，粘贴。

fireworks制作地球旋转动画的8、为方便说明，这里我们将步骤6中的圆所在层叫做层1，步骤7中的圆所在层叫做层2。设定粘贴到层2中的圆形为1PX黑色柔化线段笔触。

fireworks制作地球旋转动画的9、设定层2中的圆形为放射状填充：左右两侧颜色均为黑色，将上方的不透明度选项做调整，将其中左侧的不透明度选项稍向右移动，并将其值设置为0。

fireworks制作地球旋转动画的10、将渐变填充右侧的不透明度选项设置为50左右。

fireworks制作地球旋转动画的11、调整后层2中的圆形如图所示。

fireworks制作地球旋转动画的12、将步骤5中的地图素材复制，粘贴到层1中。

fireworks制作地球旋转动画的13、使用缩放工具将地图素材不改变长宽比例进行缩放，缩放后的高度和圆形一致，并将地图素材右对齐圆形，注意上下的位置和圆形重合，不能有多余的空隙和边缘露出，此时选取地图素材看属性面板，记下地图素材现在的宽度，教程图片中的宽度是586像素，大家制作时按自己的实际宽度记下。

fireworks制作地球旋转动画的14、在层面板中将地图素材拖动到层2中圆形下方。

fireworks制作地球旋转动画的15、选取地图素材，按F8，打开元件属性面板，将地图素材转换为动画元件。

fireworks制作地球旋转动画的16、设置动画的帧数，移动方向，还有移动距离。因为地图素材要向右侧移动(地球自西向东旋转嘛)，所以教程中填写的数值是0。因为地图素材被我们拼接成了两张，旋转一周也就是移动一整张地图素材的宽度，或者说是缩放后的地图素材的一半宽度，在步骤13中，我们记下了地图素材在缩放后的宽度586PX，将此宽度除以2，得到结果293PX(大家要根据自己记下的宽度为主算其数值)，将293数值填入移动距离项目中。

fireworks制作地球旋转动画的17、按住SHIFT键选取层1中的圆形和地图动画元件，修改菜单——蒙板——组合为蒙板。

fireworks制作地球旋转动画的18、选取层1中的蒙板对象。

fireworks制作地球旋转动画的19、在属性栏设定蒙板方式为路径轮廓。其实教程中的蒙板圆形是白色，不选这项也可以，如果大家做的时候蒙板的圆形不是白色，此步骤必不可少。

fireworks制作地球旋转动画的20、双击层1的名字，选取“共享交叠帧”项目。

fireworks制作地球旋转动画的21、也可以适当给层2中的圆形加阴影效果来增强立体感，最后别忘了设置首帧和尾帧的时间，让首帧和尾帧时间加一起等于普通其他帧的时间，因为首帧和尾帧的内容是一样的，如果不改时间，动画会出现停顿。这时候可以播放动画了。导出GIF时，因为层2中的圆形有渐变，可能会出现颜色过渡不自然，大家可以在导出选项中设定抖动选项。

Fireworks是设计和制作专业化网页图像的工具软件,它既可以制作位图,也可以制作矢量图,还可以制作GIF动画。怎样把制作好的动画导出来呢?下面读文网小编给大家整理了关于fireworks制作好导出动画的方法，希望你们喜欢。

1. 利用导出预览对话框

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

图2 导出预览对话框

最近看到好多朋友在画：随着一只上下飞舞的小蝴蝶，漂亮的书法字就一笔一划地写出来了。那么我们也来看看吧。下面读文网小编给大家整理了关于fireworks制作蝴蝶飞gif动画的方法，希望你们喜欢。

fireworks制作蝴蝶飞gif动画的方法步骤：

fireworks制作蝴蝶飞gif动画的步骤1.在Fireworks中新建一个宽100像素、高120像素、画布颜色为自定义(颜色值为#C6E0FF)的文档。

fireworks制作蝴蝶飞gif动画的2.然后在左边工具箱中选择矩形工具 ，设置属性如下图所示(其中颜色值为#69ACFF)，制作边框。

提示：如果这个矩形大小不合适，可利用Ctrl+T变形进行调整。

fireworks制作蝴蝶飞gif动画的3.在右边图层面板中将此层共享，然后新建一层。

fireworks制作蝴蝶飞gif动画的4.使用文字工具在上面打上合适的字，字的大小颜色等自行调整。(这里我设置的字体为华文行楷)

fireworks制作蝴蝶飞gif动画的5.如图，选中文字后，选择菜单修改/平面化所选，将这个文字层转化为位图。

fireworks制作蝴蝶飞gif动画的6.接下来在帧面板中选择重制帧，复制在22帧左右。(复制帧数按根据字的笔画多少有所不同)

fireworks制作蝴蝶飞gif动画的7.将素材中的蝴蝶复制在这些帧中(注意单数帧上放置合起翅膀的蝴蝶，双数帧放置张开翅膀蝴蝶)。

fireworks制作蝴蝶飞gif动画的8.用橡皮擦写字数的笔划(可以从后往前每帧擦掉一笔)，并将该层的蝴蝶放在合适的位置。

提示：擦时注意调整橡皮擦大小，随时进行调节。

在fireworks中制作线框运动是不是很酷，把你的照片也加上这样的边框，让你的朋友对你佩服得四脚朝天。那么下面小编给大家整理了关于fireworks做渐变动画图的方法，希望大家喜欢。

fireworks做渐变动画图的方法步骤

首先要做的为symbol(符号)的物件，选取菜单指令Insert>Convert to Symbols来把它定义为symbol(符号)。如果你不想要一个特定的instance(分身)被连结symbol时只要选取菜单指令Modify>Symbols>Break Link就可以解除与symbol(符号)的连结。

fireworks做渐变动画图的步骤二、符号的渐变

首先将Library窗口里的symbol(符号)，拖曳到画面上。

那么要创造动态时，就要使用Frame的toolbar。从拉下的选单中选择Duplicate Frames，在对话框中的数字选择1，按下OK。

在色盘(Palette)底下，这里建议使用WebSnap Adaptive，如此一来会创造出一个合适的颜色色盘让图象使用最好的色彩， 而且它会保存你用浏览器定义的任何色彩，可说是安全的色盘。制作动画时，32是一个起头的好数字，所以在色盘选择的右边框框中输入32 。

右下方的几个按钮可以将预览的窗口分割为两个或四个部分，让你可以比较不同的设定。选择第二个按钮，让你比较32色与 64色的不同。在每个预览窗口的上面有选单，让你可以储存设定。在每个预览窗口的上面都有选单可以让你储存设定。如果你喜欢你为图象所做的设定，而且想要把它套用在类似的图象上，按下加号。如果你想要将一批批次文件套用到一样的色盘可以在这里定义，关闭压缩窗口后，再选择File>BatchProcess来设定图象。

动画标签(Animation tab)。按着SHIFT键不放，按下全部frame来把它全部选择。在stopwatch图示下方的区域中，输入50让每一格frame出现半秒的时间(50/100)，下方的两个箭头图示可以控制是否要让动画重复播放。不过在这里就别管这些箭头，让PlayOnce的箭头保持勾选的状态。让Auto Crop及Auto Difference保持勾选状态，这样一来只要改变每一格frame图象的一小部份，就可以到最好的压缩效果。

最后把动画调整好以后就可以预览一下，然后把你的心血结晶存文件起来，这样就大功告成了。

Fireworks是设计和制 作专业化网页图像的工具软件,它既可以制作位图,也可以制作矢量图,还可以制作GIF动画。下面读文网小编给大家整理了更多关于Fireworks中gif动画的制作，希望大家喜欢。

1、图像的动画制作

在Fireworks中，将绘制完成的图形对象制作成动画效果，可以通过“动画”的设置对话框直接完成。同时也可以将图像转为“图像元件”后，通过“补间实例”功能来间接实现。

1、使用“动画”设置框制作动画

点选将要制作成动画的图形对象后，选择菜单栏上的“修改——动画——选择动画”命令，将会弹出“动画”的设置对话框，如图01。

图01

在这里，可以设置动画的帧数、图像的移动距离、运动方向、缩放程度、不透明度的变化以及旋转的方向和角度等。设置完成后可点击“确定”按钮。如果此时的“帧”浮动面板里的帧数少于当前将要创建的动画帧数时，则会弹出一个提示框，示意是否为当前动画建立足够的帧数。再次点击“确定”后，软件将自动把该图形对象转成动画元件并按刚才所设置的动画参数，自动成动画效果。我们可通过Fireworks画布文档下方的动画播放按钮进行效果查看。如图02。

图02

2、使用“补间实例”功能制作动画

这是一种间接制作动画的方式。具体的操作方法是，先选中图形对象后按F8键，在“元件属性”对话框中将图象转为“图形元件”。此时打开“库”浮动面板的话就会看到，这里多了一个“图形元件”。说明该对象已被成功转换为“图形元件”。如图03。

图03

而原来画布中的图像左下角则会多出一个小箭头标志，表明这是该“图形元件”的一个分身。我们从“库”面板中用鼠标将该“图形元件”拖拽至画布当中，为该“图形元件”建立第二个分身对象。同时选中这两个分身对象后，在任意一个分身对象上点击鼠标右键，并从弹出菜单中选择“元件——补间实例”命令，从而启动“补间实例”对话框，如图04。

图04

在“步骤”栏中可输入这两个分身之间过渡的图像步骤，在这里我们可以理解为该动画设置帧数。而“分散到帧”复选框则是将这两个分身之间的过渡图像按顺序分发到每个帧之中。因此只有选中了该项，整个动画才能完成。在点击“确定”按钮后即可生成动画效果了。

如果想让图像做成动画后产生缩放、不透明度渐变以及旋转效果的话，可在启动“补间实例”之前对这两个分身对象进行不同程度地缩放、不透明度设置和旋转后，再进行“补间实例”的操作。

巧用Fireworks制作动态Logo Fireworks图形标志网页设计动画制作。那么FireWorks如何设计制作动画Logo下面读文网小编给大家整理了更多关于FireWorks设计制作动画Logo，希望大家喜欢。

FireWorks设计制作动画Logo的动画效果吧：

Macromedia Fireworks是一个制作和处理网页图形图像的工具软件，无论在GIF动画中，还是在Flash动画中，经常会出现电视机没有信号的雪花动画画面，或者类似的动态图标，现在我们利用Fireworks中的折叠渐变加上逐帧动画的形式来制作一下。下面读文网小编给大家整理了更多关于Fireworks制作电视雪花动画，希望大家喜欢。

Fireworks制作电视雪花动画的方法步骤：

1、以这个素材图片为例，当然，也可以自己绘制一个电视机：

2、因为这幅图片是位图，我们可以用魔术棒将电视机中间的画面选取成选区，容差值可以大些：

3、选择菜单——将选取框转换为路径，得到电视画面的轮廓路径。当然，也可以用钢笔工具勾勒出电视画面的路径，这方面比较灵活，如果是自己绘制的电视机，那么电视画面绘制时就已经是路径了，无需重新获取：

4、取消电视画面路径的笔触，填充成折叠渐变：

6、用选取工具拖动渐变方向手柄，接近垂直或接近水平方向，但不能完全垂直或完全水平：

7、将渐变调整手柄移出路径画面：

8、选择帧面板右上角的菜单按钮，选取重制帧命令：

9、重制若干帧，这里重制了3帧：

10、依次选择其他帧，拖动渐变调整手柄将其改变位置：

导出GIF动画即可。如果是Flash里应用，可以导出一个单帧的雪花画面，导入到Flash里以后处理成逐帧动画，这里不再详细说明。

PNG源文件：

再来一个

今天教大家利用 Fireworks 制作 马赛克 文字 效果 ， 制作 过程很简单， 效果 非常不错，很适合新手学习。下面读文网小编给大家整理了更多关于Fireworks结合PS制作马赛克变换GIF动画，希望大家喜欢。

效果图

字体遮罩动画形象的使文字更具有特色，Fireworks怎样制作字体遮罩动画呢?下面读文网小编给大家整理了更多关于Fireworks制作字体遮罩动画的方法，希望大家喜欢。

Fireworks制作字体遮罩动画的的方法步骤：

1、选择一幅图像作为Mask字体的底层动画。

2、把上一步骤的图复制/粘贴2次，然后把3幅图合并，这样会使动画更加连贯。

3、选中这幅图，然后在菜单中选择：Insert--Convert to Symbol，或按F8， 然后选择Animation，将它定义为动画.在动画参数设置里只要填Frames播映的帧数就可以了，我们在Frames那里填10。

4、选中箭头所指的红点，向右拖动。

5、拖动后，调整好位置，使最后一帧的图案与第一帧位置相同。

6、在Frames面板里选取第一帧，回到第一帧继续下面的步骤。

7、然后新建一个图层，然后输入文字。

8、同时选中图案与文字，在菜单中选择：Modify--Mask--Group as Mask。

9、选中动画，然后在Layers面板里点击图中箭头所示，把遮照之间的关系取消;然后选取字体，选取字体后Object面板会出现两个选项，选path Outline(箭头所指)，选好后在Layers面板里恢复遮照之间的关系。

10、现在遮照文字动画做好了，按Play看看吧!你可以再整理一下位置与播放的速度，得到更佳的效果。