fireworks 动画
Fireworks中如何做动画
Fireworks中如何做动画用Fireworks2制作动画一共有三中方法，由简到难的排列起来分别是：合并图象形成动画、使用符号（Symbol ）生成动画效果和手工绘制。
合并图象形成动画，顾名思义就是将一系列图片按序排列生成不同的帧而形成动画（很象Director中的Space to time功能），不过这种排列完全是程序自动执行的，免去了大量的手工操作。
具体的方法是这样的（当然使用这种方法的前提是必须有一连串连续的图片）：选择“File > Open Multiple ”命令。
进入系列图片所在的目录，然后按次序将一连串的图片加入（“Add”命令）对话框左下部的窗口，并且激活“Open as Animatio”选项，再按下“Done”按钮就OK了。
在动画生成后，按下“Windows > Frame”（Ctrl+ Alt+K）命令，您就看到原来的一系列图片都按次序地从Frame1往下排到底。
按下屏幕右下角的播放键就可以浏览动画效果了。
这种纯粹的懒办法最合适我这样画不来线条的人了，一次有只用了10 秒钟就搞定了一个小鸟飞飞的图片，效果棒极了！不过，要是手头没有现成的连续图片，那只能劳驾，自己亲自动手了。
而许多图画中有规则的动态效果若是用手工制作，既费时间也未必能够达到理想的效果。
所以Fireworks2提供了一个Tween功能，使用户可以指定程序生成动态过度效果（感觉就更Flash里的一样）。
在绘制动画前，我们事先必须明确动画的工作原理。
我想简单的说，动画是有不变的物件（object）和会变的物件两部分组成。
通常不变的物是只如背景之类始终在动画中显示的物件，而会变的物件是指通过变化形成动画的物件。
所以在制作动画之前得先制作不变的物件，为此Fire- works2提供了一个共享层的概念（Share Layer）。
我们都知道，动画是由一个个不同的帧（Frame）组成的，而共享层就是在所有帧中都显示的一个层，这样我们只要将动画中不变的物件全放在这个层中，以后只需要修改一个帧的共享层中内容就可以使所有的帧都达到相应变化，大大减少了工作量。
fireworks制作残影动画技巧介绍
fireworks制作残影动画技巧介绍
我们为大家收集整理了关于fireworks制作残影动画技巧，以方便大家参考。
效果简介：提起残影动画总是让我们想到Flash。
现在我们通过FW也同样能制作出来漂亮的残影动画了，这主要归功于动态符号的合理运用，巧妙使用同一个动态元素会创造出不错的效果
操作步骤：在本节中我们只是单纯的说明残影效果的实现，所以这里只应用文字来代替美丽的图片。
重要的是你要掌握这种创造方法。
一、建立动态符号
1、建立宽200像素、高80像素的场景，底色白。
2、选择Text Tool(文本工具)在场景中输入一个自定义文字。
将它拖动到场景的左上角。
3、选中文字，按下F8转换成符号。
在弹出的选择框中选择Animation(见图1)。
在FW自动弹出的动态符号设置面板中对该符号进行如下设置：首先在Frmaes(帧数量)项目中拉动左侧滑杆到“10”的位置;接下来在Opacity(透明度)项目中，指定第一个选项为“0”，即该动画将表现为从无到有。
设置完成点击OK。
这时会得到FW的询问提示。
同样的点击OK。
设置见图2。
4、选择场景中动态符号，我们会看到符号的中间有一个红色的圆点，它代表着符号的中心点。
由于我们没有对Move(移动)以及Direction(角度)选项进行设置，所以生成的10帧以默认格式置于同一位置。
现在拉动这个红色的原。
Fireworks动画制作基本类型
Fireworks动画制作基本类型Fireworks动画制作基本类型 Fireworks在Gif动画制作和处理上有它独到的强⼤功能和灵活简便性，它的内置指令能够⽣成的动画形式⽐较简单，⼤致可以分为两个类别：⼀是基本运动类，⼆是特效运动类，但是只要我们熟练掌握，并添加进⾃⼰的创意，⼀样能做出很酷炫的动画效果。
以下是YJBYS⼩编搜索整理的关于Fireworks动画制作基本类型，供参考阅读，希望对⼤家有所帮助!想了解更多相关信息请持续关注我们应届毕业⽣培训⽹! 注意:在本篇中只针对软件直接⽣成的动画效果进⾏分析，不做⼿⼯分帧动画的讨论。
提⽰:在FW中有两种“符号”可以通过软件内建指令产⽣运动及其它变化的效果。
⼀是“图形符号(Graphic Symbol)”，⼆是“动画符号(Animation Symbol)”。
⼀、基本运动类型 直线运动：它包含了垂直、竖直、倾斜这三种运动情况。
如图1所⽰。
直线运动 渐变运动：FW只⽀持两种渐变运动，⼀是⼤⼩渐变运动，⼆是可见性渐变运动，可见性即指透明度的变化，其中还包括运动过程中符号的旋转。
如果你想把⼀个圆形逐渐变成矩形，那么只有通过⼿动⽅式⼀帧帧的'做了。
位置渐变运动 透明度渐变运动 ⼤⼩渐变运动 ⼆、特效运动 特效运动只有⼀种即“遮照类”动画。
遮照类动画有两种⽣成的⽅法，其⼀是利⽤共享⽂件夹(Share Across Frames)功能创造遮照的效果，如图5所⽰。
遮照动画 ⼆是真正的利⽤遮照功能(Paste as mask or Group as mask)通过被遮照物体的运动⽽⽣成遮照动画。
如图6所⽰。
遮照动画 以上就是可以通过FW内建指令⽣成的两⼤类动画。
只要我们善于利⽤这些指令再加上我们的创意就可以创造出很多很有意思或者很COOL的效果了。
附录：在FW中转换及添加符号的⽅法 ⼀、将初始的向量图形转换为Symbol(符号)的快捷⽅式:选中图形按下F8键。
利用Fireworks制作动画
掌握创建逐帧动画 掌握创建元件动画 掌握创建其他动画 掌握制作逐字变色动画
25.1 创建逐帧动画
逐帧动画需要用户更改影片每一帧中的舞台 内容。简单的逐帧动画并不需要用户定义过 多的参数，只需要设置好每一帧，动画即可 被播放。逐帧动画最适合于每一帧中的图像 都在更改的动画，而不仅仅是简单地在舞台 中移动的复杂动画。
(2)单击【帧】面板右上角的按钮，在弹出的菜单中选择 【属性】命令，弹出【帧属性】对话框。
(3)在【帧延时】文本框中输入需要设置的时间。设置完 毕后，单击此对话框以外的区域或按Enter键，即可完成 对该帧延迟时间的设置。
25.2 创建元件动画
动画元件可以是创建或导入的任何对象，并 且在一个文件中可以有许多元件。每个元件 都有它自己的属性并可独立运动。
25.2.1 元件和实例 25.2.2 编辑元件
25.2.1 元件和实例
如果文档中有重复使用的元素，可通过复制和粘贴 操作在文档中创建对象。
元件和实例还有一些其他用处，如制作动画。Flash 的元件和实例，就是通过创建元件，并不停地改变 实例属性，来表示运动的感觉。一个元件就像一个 木偶，一举一动都是由操作者完成。
(3)在对话框中选中【以动画打开】复选框，单击【打开】 按钮，Fireworks就会在单个文件中打开所需要的文件。在 【帧】面板中可以看到每个文件都按选定的顺序放置在 【帧】面板中。
25.3.2 导入现有GIF动画
导入现有GIF动画的具体操作步骤如下。
(1)选择【文件】|【打开】命令，弹出【打开】对话框。 (2)在对话框中选择要导入的GIF动画，单击【打开】按钮，
25.1.2 编辑帧
可以在【帧】面板中添加、复制、删除帧和 更改帧的顺序。
fireworks动画制作的技巧教程
fireworks 动画制作的技巧教程不得不承认fireworks 的强大与便捷。
这几天的学习让我感觉以前学的知识都只是皮毛中的皮毛。
参考教程：bbs.blueidea/viewthre ... 3Ddigest#pid3882861webpage.114study/datum_show0709071647520862齿轮图是用fw 本身的动画元件制作的。
比较粗造。
但能做出来已经是一种安慰了。
至于修饰。
相对不会那么困难。
难就难在对教程的理解。
旋转球体是通过fw 的扩展3d Primitives 制作的。
昨天在经典闲逛发现有人在挖06 年的坟，结果挖出了宝。
赶紧下载了扩展安装上去试验了一下。
一开始的旋转球体总是第一帧和最后一帧衔接不理想。
慢慢地发现其中规律。
原来每一帧的y 轴刻度都比上一帧按9 刻度递增。
如第一帧的y 轴刻度为1，第二帧则为10，第三帧为19，以此类推。
看图：第一帧：第二帧：通常最后一帧的刻度都是一开始手动移动到的位置，那么就需要按照9 递增法调整y 轴刻度。
由于这个扩展是swf 格式的，可以通过右键来放大面板，便于更细致的调整。
这个效果则是结合了eyecandy4000 滤镜和3d 扩展的应用。
在3d primitives 制作好了旋转立体图之后导出到fireworks 面板，打开帧面板可以看到之前设置的帧数重点来了！用3d primitives 扩展导出来的动画的各个路径层都是已经设定好的。
如果我们要修改怎么办呢？总不能一帧一帧地去修改吧？一个不小心，各个帧的位置就算变了1 个像素都是非常郁闷的事情。
在这点上我郁闷了很久，看了别人挖起来的feng4ever（经典论坛）的老贴认识到了“洋葱皮”的概念。
以前从未接触过（为自己3-4 年的网页制作经验汗一个，羞愧中），赶紧上网找了个fw cs3 的视频教程，看看洋葱皮到底在哪里。
自己摸索了很久，后来才发现，要统一改各帧里的动画其实不难。
[转载]使用fireworks制作动画
![[转载]使用fireworks制作动画](https://img.taocdn.com/s3/m/4db76821ba0d4a7303763a2b.png)
[转载]使用fireworks制作动画使用fireworks制作动画在fireworks中，主要使用帧面板和层面板制作动画。
下面分别以一个简单的多帧动画和一个淡入淡出动画来说明制作动画的过程和相关技术。
制作简单的多帧动画：制作一个背景相同，文字变化的动画。
如果是需要背景相同，就需要在层面板中，设置共享交叠层。
常见网页的banner动画尺寸为468×60（完整banner），88×31（Logo），393×72（带纵向导航条的完整banner）。
1. 在fireworks中，打开一幅图像，调整它的大小为468×60。
这也是标准的banner大小。
2. 点击菜单命令“窗口”>“层”打开层面板，在背景层上双击，选中“共享交叠层”。
3.点击菜单命令“窗口”>“帧”打开帧面板，并且点击“新建/复制帧”，产生帧2。
8.这个GIF动画做好了，现在需要输出，在输出之前，需要先把格式改为“GIF动画”。
打开优化面板，选择“GIF动画”。
如果需要输出背景透明的GIF动画，可以选择“索引色透明”或“alpha 透明”。
9.使用“文件”>“导出”命令，导出动画。
创建了动画元件，才能设置动画中的帧数和动作类型（如缩放或旋转）。
制作淡入 / 淡出动画：创建一个动画元件，设置元件的不透明度属性。
1.打开fireworks，新建一个文档，选择“编辑”>“插入”>“新建元件”。
2.在“元件属性”对话框中，输入新元件的名称。
选择“动画”并单击“确定”。
3.在“元件编辑器”中，创建一个新对象，实例中插入一幅图片。
4.关闭“元件编辑器”窗口，Fireworks 将元件放入库中，并将一个副本放在文档的中间位置。
5.选中画布中的元件实例，首先在属性面板中，设置不透明度从100至0，然后设置帧数为6。
6.在弹出的对话框中，点击确定。
这个时候，淡入动画已经做好了，接下来做淡出的部分。
制作Fireworks打破玻璃的GIF动画的方法
制作Fireworks打破玻璃的GIF动画的方法
欢迎大家在这里学习制作Fireworks打破玻璃的GIF动画!这里是我们给大家整理出来的精彩内容。
我相信，这些问题也肯定是很多朋友在关心的，所以我就给大家谈谈这个!
首先先看一下最终效果：
下面是具体的制作方法：
1、下载并安装滤镜插件Xenofex2到FW的Plug-in目录下(将解压出的文件复制进Plug-in文件夹即可)，下载页面在这里(不是广告，我也不知道这是谁的BLOG)。
2、运行FW，打开一张图片，我们可以适当缩小这张图片的尺寸，令周围留些空白，背景色设为白色。
这样我们更能看清楚破碎扩散的效果。
将这层命名为“破碎”。
3、然后在图片的中间部分输入破碎效果之后显现的文字，比如此例中的“JSUPER”，将文字层移动到“破碎”层的下面。
4、将此帧的时间设为7，然后复制出与此帧相同的6帧，复制帧的具体操作是在“帧”面板中，用鼠标左键拖拽“帧1”至下面的新建按钮上即可进行复制，反复操作就可复制出6帧相同内容的帧(现在一共有7帧，它们的内容都相同)。
将第1帧的时间设为100，第7帧的时间设为150。
5、选中第2帧，并单击图片，选择菜单中的“滤镜”>;“Alien Skin Xenofex 2”>;“粉碎”(Shatter)。
弹出“粉碎”滤镜效果的主窗口。
fireworks动画制作实例
fireworks动画制作实例Fireworks动画制作实例Fireworks（烟花）是一种美丽而令人兴奋的视觉效果，它常常出现在庆祝活动、节日和特殊场合中。
而在现代科技的帮助下，我们可以借助计算机软件来制作出非常逼真的Fireworks动画。
本文将为大家介绍一种使用计算机软件制作Fireworks动画的实例。
我们需要选择一款合适的动画制作软件。
目前市面上有许多专业的动画制作软件，比如Adobe After Effects、Blender等。
其中，Adobe After Effects是一款功能强大且易于使用的软件，它提供了丰富的特效和动画制作工具，非常适合制作Fireworks动画。
接下来，我们需要准备一些素材。
制作Fireworks动画所需的素材包括烟花的形状、颜色、爆炸效果等。
这些素材可以通过自己绘制、拍摄或从互联网上下载获取。
在准备素材时，需要注意保证素材的清晰度和透明度，以便在后续的合成过程中获得更好的效果。
然后，我们可以开始制作Fireworks动画了。
首先，在软件中创建一个新的合成。
合成是动画的基本单元，我们可以在其中添加素材、调整参数和添加特效。
在创建合成时，需要根据实际需求设置合适的分辨率和帧率。
接着，我们可以将烟花的形状素材导入到合成中。
通过调整形状的大小、位置和旋转等参数，我们可以在合成中创建出多个烟花的初始状态。
为了制作出逼真的效果，可以使用软件提供的缓动函数来调整烟花的运动轨迹和速度。
在烟花的初始状态设置好之后，我们需要添加一些特效来模拟烟花的爆炸效果。
比如，可以使用粒子系统来模拟烟花爆炸时的火花和尾迹效果。
通过调整粒子的大小、颜色、速度和生命周期等参数，我们可以制作出各种形状和颜色的烟花爆炸效果。
为了增强动画的真实感，我们可以为烟花添加一些光影效果。
比如，可以使用光晕效果来模拟烟花爆炸时的光线扩散效果。
通过调整光晕的亮度、半径和颜色等参数，我们可以使烟花的爆炸效果更加绚丽夺目。
fireworks动画制作的三种方法
fireworks动画制作的三种方法jpg、png、bmp等静态图片用photoshop软件制作十分简单，有时候，而那些貌似flash的动态图片如何制作呢?下面小编给大家整理了关于一些fireworks动画制作的三种方法，希望大家喜欢fireworks动画制作的三种方法：合并已有图片生成动画合并已有图片形成动画，顾名思义就是将一系列图片按顺序排列在不同的帧中从而生成动画，当然，首先我们必须有一串连续的图片，然后，在Fireworks中，选择菜单指令“File/Open Multiple”，这时将弹出“打开”对话框(如图1)，进入所需图片所在的目录，然后按照动画中图片显示的顺序依次选取图片，并单击“Add”按钮将这三张图片加入到对话框下面的窗口;注意：我们还必须勾选对话框最下面的“Open as Animation”(以动画打开)选项，不然的话，我们打开的将是三张分开的静态图片;最后，单击“Done”(完成)按钮。
图1 以动画打开单击窗口右下角状态栏的播放按钮，怎么样?效果还不错吧!现在只是一只海鸥在不停地飞，如果为它再添加一副背景，效果一定会更好，好吧，下面我们就为海鸥添加一副大海的背景。
fireworks动画制作的添加背景的方法有两种：自动复制和共享图层。
1. 自动复制图2 添加帧首先，单击“Frames”面板右上角如图2按钮，选择“Add Frames”，在弹出的对话框中选择“Number”为1和“At the end”，单击“ok”按钮。
图3 编辑模式状态然后将画布的大小改为200x150(Pixels);接下来，打开背景图片，发现图片周围有一个如图3的边框，说明图片处于图像编辑模式，选择“Modify/Exit Image Edit (Ctrl+Shift+D)”，使图片进入对象编辑模式，如果想让图片打开时总为对象编辑模式，我们将“File/Preferences”的“Editing”面板中“Open in Image Edit Mode”复选框前面的对钩去掉即可。
Fireworks制作像素动画方法
Fireworks制作像素动画方法
欢迎大家在这里学习Fireworks制作像素动画!下面是我们给大家整理出来的精彩内容。
希望大家学业有成，工作顺利
下面我们就以一个简单的像素动画为例子，看看怎样只使用几种最基本的编辑工具来制作特具特色的像素动画。
步骤1：打开Fireworks MX，使用菜单命令File-New新建一个文件，在弹出的文件属性对话框中设置此文件的大小为宽88像素，高31像素，背景色为透明(如图1)
图1
步骤2：在工具栏上选择矩形工具(如图2)
,并且设置其填充色为深红色，边框色为无(如图3)
,绘制一个矩形。
在Properties面板上调整矩形的大小与位置，使其居中对齐(如图4)
图4
步骤3：在Properties面板上的填充选择区域中选择Texture为Grid4，并调。
fireworks怎么导出动画
fireworks怎么导出动画
目前大型网站的制作不是由一个部门完成的,需要设计部门和制作部门共同完成。
设计部门利用作图软件设计版面,再交给制作部门实现网页。
下面店铺跟分享了更多关于fireworks怎么导出动画，希望你喜欢。
fireworks导出动画的方法步骤：
gif动画做好之后，不能导出gif，点击菜单栏上的“文件”—“导出”，导出的gif只有一帧，不是连续的动画，这样怎么办呢?
1 首先需要调整一个地方：
点击菜单栏上的“窗口”—“优化”，调整成“gif动画”，如下图：
调整之后，点击“文件”-“导出”，就可以导出连续的gif动画了!
fireworks动画的导入、导出步骤：
1.首先要确定插件开启了
2.导出动画，选择大环!点开 Export All 后的参数选项。
3.导入动画，选中大环，点import后的参数选项。
fireworksGIF动画怎么制作呢
fireworksGIF动画怎么制作呢
欢迎大家在这里学习fireworksGIF动画怎幺制作!这里是我们给大家整理出来的精彩内容。
我相信，这些问题也肯定是很多朋友在关心的，所以我就给大家谈谈这个!
制作gif动画一直都是fireworks的强项，方便、快捷、自由是fireworks的特点。
虽然还有其他的一些优秀的动画制作工具，比如flash，比如imageready。
但在制作gif动画上，我一直都推荐fireworks，而不会选择其他的软件，甚至不主张用flash来制作gif。
flash的主要作用还是在制作矢量的swf动画上，gif动画则是flash的一块鸡肋，发色数不多、文件体积巨大、文字不清晰都是flash制作gif的最大毛病。
至于其他的一些傻瓜式gif制作软件，我就不多说了，没用过，也不想去用。
因为使用那些模板制造工具只会限制人的思维，而在制作一些动画logo 中，创意一直都是很重要的一个因素。
fireworks的绝对自由正好给创意的发挥提供了一个最好的舞台;从flash引入的symbol符号概念，可以帮助我们轻松完成一些特效的制作;使用frame时间帧来控制动画的进程，和我们平时的习惯一致，这点不同于imageready的层概念。
言归正传。
fireworks的gif动画制作其实在fw4时已经趋于完美了，不知道fwmx会有什幺样的进步。
首先试试symbol。
新建一个文件，再里面随便画了个不规则多边形，按键盘上的f8，定义成一个symbol(graphic)。
制作fireworks动画的方法是什么
制作fireworks动画的方法是什么
制作fireworks动画的方法是什么
大家知道怎幺制作fireworks动画吗?下面我们就给大家详细介绍一下吧!下面是我做的一个动画，通过这个例子我们来看看fw mx如何让我们的web design变得更easy：
(1)新建一文件，大小为450x116，然后我们用圆形、线条、钢笔等矢量做图工具做一个车轮的样子，如图所示：
车轮的画法就不用我说了吧，不过fw mx里面的矢量绘图方式也增强不少，因为比较容易，就自己去体验一下了吧，还有车轮里面那个红点不要偷懒不画哦，等下有用处的。
(2)选中画好的图形，按f8键，将图形转换为animation，这时我们可以在library面板中看到它，呵呵，有点像做flash的感觉，如图所示：
(3)选中这个animation元素，在属性面板中的frame栏里面填写数值10，属性面板的出现真的是太好太方便了，又可以将设计制作的速度提高一层了，如图：
这个frame的数字根据自己的动画长度来决定，按下回车，这时会出现一个警告窗，如图：
说的是将自动添加到帧上去，按ok，你也可以点击don't show again，以防它下次又来搅乱视线。
这时我们会在看到车轮的中心出现了一个。
Fireworks制作下雨动画效果（2）
Fireworks制作下雨动画效果（2）
Fireworks制作下雨动画效果
第六步.再为其添加滤镜效果：滤镜—模糊—运动模糊。
第七步.在弹出的`对话框中调整其参数，背面是设置滤镜后得到的效果。
第八步.接着调整它的透明度，这样才能把背景显示出来。
第九步.这时候图片有点像下雨的感觉吧.
第十步.要做成动态下雨的效果，下面就是关键步骤!转到帧面板为长方形添加一帧。
第十一步.调整该帧长方形的位置，虚线为本来的位置，蓝线是调整后的位置。
第十二步.重复10-11的步骤再添加一帧。
第十三步.最后，回到层面板，选择背景所在的层，双击该层名称在弹出的对话框中把“共享交叠层”项勾上，作品到此也就完成了。
下面是最后完成的效果：。
Fireworks制作心跳的gif动画教程
Fireworks制作心跳的gif动画教程制作软件(制作工具):FW (Fireworks)gif文件:png文件:作品名称:《Beating Forever》作品格式:gif动画作品介绍:套用鲁迅的一句话:有的人死了，心还活着，有的人活着，心却死了。
用acdsee或者fw看这个作品会更刺激，呵呵。
1绘画背景和心脏准备好绘画背景和心脏了吗,这一节里，你将会用很简单的方法就绘画好一个逼真的心脏了～1.1 新建一个270*80px大小，背景色为,FF0000的文件，然后使用如下图的填充绘画一个和画布大小一致的矩形作为背景。
然后在层面板中双击矩形所在层，钩选“共享交叠帧”选项。
1.2 新建一个层来绘画心脏。
使用钢笔勾勒出心脏的一部分形状，然后使用如图的“轮廓”填充和混合模式“取反”。
2制作心脏跳动动画在这一节里，在简单的三步动作中，你将会完成整个心脏跳动的动画～2.1第一步选中心脏图形，按广州中维财税下ctrl，shift，alt，Z平面化所选。
然后按下F8转换为“动画元件”，设置如下图所示。
动画设置完毕后，电脑会询问是否添加帧，按“确定”继续。
2.2第二步选中画布上的动画实例，混合模式改为“取反”。
然后在帧面板中设置各帧的延时，如下图所示。
2.3第三步用同样的方法制作心脏的各部分，每个部分就是一个动画元件，注意某些部分缩小的时候，某些部分就扩张。
要注意的是每个部分都要在独立的层中。
3 在背景矩形所在层上海凯迪财税中签上大名。
新建一个叫“text”的层在最顶部放置标题。
标题的动画制作方法和心脏的类似。
end 当然，如果你觉得这个太恶心的话，下面还有一个我赠送的可爱型的作品。
请送给你的girlfriend～主要技法就是使用了混合模式的叠加制作出特效。
gif文件: png文件:。
使用Fireworks创建动画效果的基本方法介绍
使用Fireworks创建动画效果的基本方法介绍Fireworks是一款专业的图像处理和设计软件，除了常见的图像编辑功能外，它还提供了动画设计的功能。
在这篇文章中，我们将介绍使用Fireworks创建动画效果的基本方法。
一、导入素材在开始制作动画之前，首先需要准备好所需的素材。
可以使用Fireworks自带的绘图工具绘制图形，也可以导入外部图片或矢量图形。
要导入素材，可以选择“文件”菜单中的“打开”选项，然后选择所需的文件。
二、创建帧和图层在Fireworks中，动画是由一系列帧组成的。
每一帧都可以看作是动画的一个时间点。
要创建帧，可以使用“窗口”菜单中的“图层”选项打开图层面板。
在图层面板中，点击右上角的“新帧”按钮即可创建新的帧。
在每个帧中，可以使用图层面板创建多个图层。
图层可以看作是帧中的不同元素的集合，它们可以分别控制和编辑。
要创建图层，可以使用图层面板中的“新建图层”按钮。
通过调整图层的顺序和可见性，可以实现图像在不同帧之间的变化效果。
三、编辑图像一旦完成帧和图层的创建，接下来就可以编辑图像了。
Fireworks提供了丰富的图像编辑工具和特效效果，可以根据需要进行调整。
例如，可以使用画笔工具对图像进行绘制和涂抹，在图层面板中选择图层，然后使用编辑菜单中的其他工具进行剪切、复制、粘贴等操作。
同时，Fireworks还提供了一系列的滤镜和特效效果，可以通过应用这些效果来改变图像的颜色、光照、纹理等，从而达到不同的动画效果。
四、设置动画属性在编辑好每个帧和图层后，需要设置动画的属性。
点击窗口菜单中的时间轴选项，打开时间轴面板。
在时间轴面板中，可以设置动画的播放速度、循环次数、缓动效果等。
还可以调整每一帧的时间长度，以便控制动画对象的运动速度和变化频率。
五、导出动画完成所有的编辑和设置后，就可以将动画导出为可用的格式了。
点击文件菜单中的“导出”选项，选择所需的文件格式，然后保存动画文件。
总结使用Fireworks创建动画效果需要以下基本步骤：导入素材、创建帧和图层、编辑图像、设置动画属性和导出动画。
fireworks制作动画
fireworks制作动画现在我们来学习用Fireworks制作动画，为了使动画看起来更加真实。
Fireworks提供了三种制作动画的手段：手工绘制、使用符号(Symbol)、图像法。
下面店铺给大家整理了关于fireworks制作动画的方法，希望你们喜欢。
fireworks制作动画的方法步骤：以手工绘制和图像法来制作简易的“月出场景”动画。
fireworks制作动画的步骤1、在fireworks中新建一空白文档窗口：运行Fireworks 4，选择菜单“File→New”命令后，出现“New Document”窗口，设置一些参数后，按“OK”，在Fireworks的程序窗口中，出现新建空白文档窗口(Untitled-1)。
fireworks制作动画的步骤2、导入图像：在fireworks选择菜单“File→Inport…”命令后，出现导入窗口(Import)，选择某个图像文件后，按“打开”，鼠标移到空白文档窗口时，指针变为折线形状，在空白文档窗口的左上角单击，则所选图像导入到空白文档窗口，调整图像的位置或编辑画布大小等。
本例导入一幅“没有月亮的夜景”(如图1)。
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帧时，在文档窗口中显示已导入的图像。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
一、动画基础知识 一、动画基础知识
动画工作流程
1 可以从头开始创建动画元件，也可以通过将现有对象转换为元 件来创建动画元件 2 可以在“ 属性” 检查器或“ 动画” 对话框中编辑动画元件。 可以设置移动的角度和方向、缩放、不透明度（淡入或淡出） 以及旋转的角度和方向 注： 移动的角度和方向选项只能在“ 动画” 对话框中找到。 3 使用“ 状态” 面板中的“ 状态延迟” 控件设置动画速度。 （ 4 将文档优化为 GIF 动画文件 5 将文档作为 GIF 动画文件或者 SWF 文件导出，或者保存为 Fireworks PNG 文件并导入到 Flash 中做进一步编辑。
二、状态 二、
可以通过创建其内容将出现在“ 状态” 面板上的状态来生成动 画。 。 每个状态也都有相关的属性。通过设置状态延迟或隐藏状态， 可以在编辑动画时查看其外观。
设置状态持续时间
状态延迟指定当前状态显示多长时间，用一秒的百分之一表示。 例如，指定 50 可将该状态显示半秒，指定 300 可将该状态 显示三秒。 1 选择一个或多个状态： 2 执行下列操作之一： 从“ 状态” 面板的“ 选项” 菜单中选择“ 属性”。 双击状态延迟列。 3 为状态延迟输入一个值。 4 按 Enter 或者在“ 帧” 面板外部单击。
一、动画基础知识 一、动画基础知识
创建动画元件
1 2 3 4 选择“ 编辑”>“ 插入”>“ 新建元件”。 在“ 转换为元件” 对话框中，输入新元件的名称。 选择“ 动画” 并单击“ 确定”。 在文档面板中，使用绘图或文本工具创建一个对象。可以绘制 矢量对象或位图对象。 5 在完成对该元件的编辑之后，切换到整页
五、优化动画 五、
从“ 优化” 面板中选择设置 优化”
优化过程会将文件压缩成最小的包，这会缩短 Web 下载时间。 1 选择“ 窗口”>“ 优化”。 2 在“ 优化” 面板中选择导出文件格式。 3 选择“ 调色板” 和“ 抖动” 选项。 4 在“ 优化” 面板的“ 透明度” 弹出菜单中，选择“ 索引色 透明” 或“Alpha 透明度”。 5 使用“ 优化” 面板中的透明度工具选择透明的颜色。 6 在“ 状态” 面板中设置状态延迟。
六、使用现有动画 六、
可以通过以下方法使用现有的 GIF 动画：将该 GIF 导入 Fireworks 文件中，或者 将该 GIF 作为新文件打开。 当导入 GIF 动画时，Fireworks 将它转换为一个动画元件并将其置于当前选定的 状态中。如果该动画的状态比当前影片的状态多，可以选择自动添加更多状态。 所导入的 GIF 采用当前文档的状态延迟设置。由于导入的文件是一个动画元件，因 此可以对它应用其它的动作。例如，导入一个人原地走的动画，然后应用方向和 动作属性让这个人在屏幕上来回走动。 在 Fireworks 中打开一个 GIF 动画时，会创建一个新文件，并且 GIF 中的每一个 状态都被置于一个单独的状态中。尽管 GIF不是一个动画元件，但它确实保留了 原始文件中的所有状态延迟设置。 导入文件后，可以将文件格式设置为 GIF 动画，以便能够从 Fireworks 中导出动 作。
四、预览动画 四、
在工作区中预览动画
使用显示在文档窗口底部的状态控件。
在“ 预览பைடு நூலகம்视图中预览动画 预览”
1 单击文档窗口左上角的“ 预览” 按钮。 2 使用状态控件
在 Web 浏览器中预览动画
选择“ 文件”>“ 在浏览器中预览”，并从子菜单中选择一个浏览器。 注： 若要在预览动画时查看动作，请在“ 优化” 面板中选择“GIF 动画” 作为“ 导出文件格式”，即使您打算将该动画以 SWF 或 Fireworks PNG 文件形式导入 Flash 也是如此。
一、动画基础知识 一、动画基础知识
改变元件的移动或方向
所选动画元件有一个唯一的边框和一个指示元件移动方向的运动路径。 运动路径上的绿点表示起始点，而红点表示结束点。路径上的蓝点代表 状态。例如，一个有五个状态的元件在其路径上会有一个绿点、三个 蓝点和一个红点。如果对象出现在第三个点上，则第 3 个状态就是当 前状态。 通过改变路径的角度可以改变运动的方向。
第五讲 动画
教学目标
通过本讲的学习掌握创建编辑位 图图像
教学内容： 教学内容：
1、 、
教学重难点： 教学重难点：
重点：了解Firworks的使用范围
一、动画基础知识 一、动画基础知识
Adobe Fireworks可以创建能够移动的横幅广告、徽 标和卡通形象等动画图形。可以通过向称为动画元件 的对象分配属性来创建动画。元件的动画可分成多种 状态，状态包含动画中的图像和对象。一个动画中可 以有一个以上的元件，每个元件可以有不同的动作。 不同的元件可以包含不同数目的状态。当所有元件的 所有动作都完成时，动画就结束了。
二、状态 二、
添加新状态
单击“ 状态” 面板底部的“ 新建/ 重制状态” 按钮。
向序列中添加状态
1 从“ 状态” 面板的“ 选项” 菜单中选择“ 添加状态”。 2 输入要添加的状态的数目。 3 选择要插入状态的位置并单击“ 确定”。
反向状态的顺序
您可以反向所有状态的顺序或选定范围内的状态顺序。 1 选择“ 命令”>“ 文档”>“ 反向状态”。 2 执行下列操作之一： 选择“ 所有状态” 以反向从开始到结束的状态顺序。 选择“ 状态范围”，然后选择开始状态和结束状态，以反向 所选范围之内的状态顺序。 3 单击“ 确定”。
一、动画基础知识 一、动画基础知识
更改动画元件的属性
1 选择一个动画元件。 2 选择“ 修改”>“ 动画”>“ 设置” 打开“ 动画” 对话框。 如果“ 属性” 检查器尚未打开，可选择“ 窗口”>“ 属性” 将其打开。 3 更改属性。 4 如果正在使用“ 动画” 对话框，单击“ 确定” 以接受更改 的属性。
补间
在 Fireworks 中，补间是一个手动过程，它混合同一元件的 两个或多个实例，并使用插值属性创建中间的实例。使用补 间可以 创建对象在画布间的复杂移动，以及其动态滤镜在动画的每个 状态下发生更改的对象的复杂移动。
三、编辑动画基本概念 三、
补间实例
1 选择画布上同一图形元件的两个或更多的实例。不要选择不 同元件的实例。 2 选择“ 修改”>“ 元件”>“ 补间实例”。 3 在“ 补间实例” 对话框中输入要插入到原始对之间的补间 步骤的数目。 4 若要将补间对象分散到不同的状态中，请选择“ 分散到状 态” 并单击“ 确定”。 以后可以通过选择所有实例并单击“ 状态” 面板中的“ 分 散到状态” 按钮 来完成此操作。
一、动画基础知识 一、动画基础知识
将对象转换为动画元件
1 选择该对象。 2 选择“ 修改”>“ 动画”>“ 选择动画”。 3 通过设置动画属性来编辑元件。 动画控件出现在对象的边框上，而元件的副本添加到库中。
一、动画基础知识 一、动画基础知识
编辑动画元件
可以更改各种元件属性，如动画不透明度和旋转。可以使元件显 示为旋转、加速、淡入淡出或者是这些属性的任意组合。 状态数是一个关键属性。在设置此属性时， Fireworks 会自动 将完成该动作所需的状态数添加到文档中。
五、优化动画 五、
设置构成动画的元件和状态后，请优化动画以使其便于加载和顺 利播放
通过循环将动画设置为重复
使动画重复之后，循环处理将尽可能减少生成动画所需的状态数。 1 选择“ 窗口”>“ 状态” 以显示“ 状态” 面板。 2 单击面板底部的“GIF 动画循环” 按钮。 3 选择动画第一遍播放后重复播放的次数。 例如，如果选择 4，则动画共播放 5 遍。“ 永久” 不停地重复 播放动画。
六、使用现有动画 六、
导入 GIF 动画
1 选择“ 文件”>“ 导入”。 2 找到文件并单击“ 打开”。 3 单击并将文件拖放到画布上。
打开 GIF 动画
选择“ 文件”>“ 打开” 并找到 GIF 文件。
六、使用现有动画 六、
螺旋式渐隐
您可以使用“ 螺旋式渐隐” 效果创建组合成多种效果的动画。
二、状态 二、
在播放期间隐藏状态
隐藏状态在播放期间不显示而且也不会导出。 1 执行下列操作之一： 从“ 状态” 面板的“ 选项” 菜单中选择“ 属性”。 双击状态延迟列。 2 取消选择“ 导出时包括”。 3 按 Enter 或者在“ 帧” 面板外部单击。
二、状态 二、
在播放期间隐藏状态
隐藏状态在播放期间不显示而且也不会导出。 1 执行下列操作之一： 从“ 状态” 面板的“ 选项” 菜单中选择“ 属性”。 双击状态延迟列。 2 取消选择“ 导出时包括”。 3 按 Enter 或者在“ 帧” 面板外部单击。
二、状态 二、
在“ 状态” 面板中移动所选对象 状态”
可以使用“ 状态” 面板将对象移动到另一个状态。仅出现在 单个状态中的对象会在播放动画时消失；您可以使它们在不 同的时 间消失和重新出现。 在“ 状态” 面板中，状态延迟时间右侧的小圆圈表示该状态 中的对象状态。 1 在画布上，选择要显示在另一个状态上的对象。 2 在“ 状态” 面板中，将选取指示器（状态延迟时间右侧的 黑色小圆圈）拖到新的状态上。 若要将选定对象复制到其它状态，请在按住 Alt 的同时，拖 动这些对象。
一、动画基础知识 一、动画基础知识
动画元件的属性
状态动画中状态的数量。可以用滑块指定状态数（最多可指定 250 状态 个），也可以在“ 状态” 框中输入任何数字。默认值为 5。 移动（仅限“ 动画” 对话框）对象移动的距离（用像素表示）。默认 移动 值为 72，但没有上限。移动是线性的，并且没有关键状态 方向（仅限“ 动画” 对话框）对象移动的方向（从 0 到 360）。还 方向 可以通过拖动对象的动画手柄来更改“ 移动” 和“ 方向” 的值。 缩放从开始到完成，元件大小的变化百分比。默认值为 100%，但没 缩放 有上限。若要将对象从 0% 缩放到 100%，原始对象必须 很小；建议使用矢量对象。 不透明度从开始到完成，淡入或淡出的度数。值的范围从 0 到 100， 不透明度 默认值为 100%。创建淡入/ 淡出需要同一元件的两个实 例：一个播放淡入，另一个播放淡出。 旋转从开始到完成，旋转的度数。值的范围从 0 到 360。要想让元件 旋转 旋转不止一圈，可以输入更高的值。默认值为 0。 “ 顺时针” 和“ 逆时针” 对象旋转的方向（顺时针 (CW) 或逆时针 顺时针” 逆时针” (CCW)）。