Fireworks 制作扇子展开动画
炎夏清凉一把！Fireworks绘制纸折扇-电脑资料
炎夏清凉一把！Fireworks绘制纸折扇-电脑资料为了绘图的方便，我们先要新建一个830*880大的画布，。
然后用“矩形”工具画一个233*12的长条矩形，暂时用黑色加以描边。
再用“细部”工具依次点选矩形左上角和左下角的两个节点，并用方向键分别向上和向下各移动8个像素，如图01。
图01在去掉描边色后对其使用由#EEE6D2至#E2D1B4的线性渐变填充，和添加一个数量为2的“新增杂点”特效。
如图02。
图02用“矩形”工具和“椭圆形”工具分别画一个169*6的长条矩形和一个10*10的正圆，然后将两个对象进行如图03般的水平对齐。
图03再将这两个对象同时选中后，使用“修改—组合路径—联合”命令。
使其形成一个组合路径。
然后般用“细部”工具将图04中所示的两个节点删除。
图04去掉这一组合路径的描边色后对其使用“木纹2”的图案填充，填充手柄的方向如图05，电脑资料《炎夏清凉一把！Fireworks绘制纸折扇》(https://www.)。
图05接着还要为这个组合路径添加一个亮度为39、对比度为5的“亮度/对比度”特效，和一个“内斜角”特效，相关设置如图06。
图06用“修改—排列—移到最后”命令将这个组合对象移到最后一层。
然后我们回到扇页部分，用“矩形”工具在上面画一个5*27的矩形，并用# 0E0A07进行实心填充，如图07。
图07将这一矩形与扇页部分同时选中后使用“修改—组合”选项。
然后将扇骨也同时选中后再使用一次“修改—组合”选项。
至此一片扇面就画好了。
把这片扇面再复制一份出来，并把复制品进行180度的垂直翻转，然后将两片扇面做如图08般的水平交错。
图08接着把这两个扇面进行水平对齐后，使用“修改—组合”选项，把两扇面进行组合。
然后再复制多一份该组合，并用“修改—变形”，在“数值变形”窗口的下拉列表中选择“旋转”，角度为4，点击“确定”后退出。
如图09。
图09。
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）组成的，而共享层就是在所有帧中都显示的一个层，这样我们只要将动画中不变的物件全放在这个层中，以后只需要修改一个帧的共享层中内容就可以使所有的帧都达到相应变化，大大减少了工作量。
Flash扇子
1、新建一个Flash文档，设置背景色为#71C6712、新建一个图形元件名为“扇柄”设置笔触为黑色，填充为任意使用矩形工具绘制一个宽10，高252的长方形。
打开混色器，设置填充颜色为线性：左边颜色#990000，右边颜色：#FFCC00使用部分选取工具，把矩形的底边宽度左右各缩小3次（使用左右箭头键）使用填充变形工具，旋转90度填充方式，并把渐变点移动到下1/5处。
选中图层一，新建一个图层2笔触设置为无色，填充灰色放射按住Shift键，绘制一个小的圆球，这个圆球应该能够放入扇柄中，作为转轴。
打开对齐面板，选中两个图形，相对于舞台水平居中对齐，调整转轴的位置到合适。
3、新建一个影片剪辑元件，名为“扇子”从库中拖出一个扇柄到舞台用任意变形工具调整扇柄中心到转轴的位置处，使它位于转轴中间。
打开变形面板，在旋转角度中输入：10，然后复制变形15次。
（共16个扇柄）在时间轴中选择图层1（全选各扇柄），在变形面板中输入旋转角度：-75 选择图层1，分散到图层。
这样在时间轴中产生16个名为“扇柄”的图层和一个图层1从最下面第二个扇柄图层开始把图层的关键帧依次往后移动一帧。
选择从最后一帧（第16帧）相同的所有图层，按F5，形成连续帧4、显示标尺，并拖出水平和纵向标尺，使原点位于转轴的中心5、用刷子工具，在左右最下面的扇柄的旁边做好一个标记，用来标记两个扇柄的位置6、把笔触设置为黑色，填充设置为白色选择图层1按住Shif+Alt键，绘制一个以扇柄的转轴为圆心，扇柄长度为半径的圆，使圆正好遮盖扇柄。
选择图层1，在变形面板中，勾选：约束，比例：45%，然后复制变形(或按住Shift键，选择圆的边线和填充色)选择直线工具，以中心为一点，沿左边扇柄的中间位置画一直线到标记的中间位置，同样的也沿最右边的扇柄画一直线，注意，在原来设置的标记处。
选择上面绘制两直线的下面填充色和线条并剪切(按住Shift进行多选) 7、选择图层1，并新建一个图层2,并选择第一帧。
简单flash折扇打开动画
将扇面和所有元件1的第一帧处将扇柄旋转至最左侧，然后 创建补间动画。
在扇面上插入新图层“遮罩”层，将扇面打开的最终扇面复制至 当前位置，右击遮罩图层点击“遮罩层”生成遮罩关系。 点击“文件”—导出—导出影片生成swf文件。
折扇打开动画
• 1 . 画出基本图形
• 2. 填充图片
• 3. 动画处理
设置一下舞台大小
先画一条扇柄
用部分选取工具将扇柄调整好，并转化为元件（方便以后修 改）
选择任意变形工具将注册点（旋转中心）移动至转轴处 右击（或Ctrl+T）打开“复制并应用变形”，按15°旋转复制
画个转轴，用椭圆工具选择黑白放射渐变
画两个圆选择“修改”—组合，用来当做扇面
双击进入编辑界面修改扇面轮廓。 颜料桶工具选择位图导入图形
导入图形
选择填充变形工具调整至合适位置
选择扇面右击转化成元件“扇面”； 选择最右边扇柄“修改”—排列移面的注册点拖至与转轴重合
在全部图层的地25帧处插入关键帧
Flash CS3 实例 折扇动画
Flash CS3 实例折扇动画本例主要制作折扇自动展开与折叠的动画。
该实例的制作综合使用了【选择工具】、【任意变形工具】、【线条工具】、【椭圆工具】等，从而得到扇子的扇面形状，而其动画的重点在于【复制并应用变形】、【复制帧】、【粘贴帧】、【翻转帧】命令的应用，以得到扇子展开与折叠的动画，效果如图10-19所示。
图10-19 折扇动画1 制作折扇（1）新建大小为600×400像素的文档，接着按下快捷键Ctrl+F8，创建名称为“扇梗”的图形元件，进入该元件工作区，然后绘制360×20像素的矩形，如图10-20所示。
绘制扇梗图10-20 新建图形元件（2）执行【视图】|【标尺】命令，接着拖出如图10-21所示五条辅助线，将扇梗4等分，然后使用【选择工具】将右端高度变小，注意上下端点距离中间的高度要对称。
图10-21 调整扇梗形状按下快捷键Ctrl+Shift+Alt ，可以显示标尺，再次按下，则可以将其隐藏。
（3）按下快捷键Ctrl+F8，创建名称为“展开的扇子”的影片剪辑，进入其工作区，将“图层1”重新命名为“扇梗”，然后将“扇梗”元件从【库】面板拖入至如图10-22所示位置。
图10-22 调整扇梗在影片剪辑中的位置（4）选择【任意变形工具】选择扇梗，然后将中心点（小白圆）移到坐标原点（黑色的加号）处，如图10-23所示。
拖拉辅助线图10-23 调整扇梗中心点位置（5）按下快捷键Ctrl+T ，打开【变形】面板，启用【旋转】选项，单击【复制并应用变形】按钮，连续按17次，共得到18个扇梗，如图10-24所示。
图10-24 复制并旋转扇梗（6）单击“扇梗”图层第1帧，然后将鼠标移到扇梗元件上，右击鼠标，执行【分散到图层】命令，得到如图10-25所示时间轴。
图10-25 将扇梗分散到图层（7）选择最下层的“扇梗”，接着在第67帧处插入帧，延长该帧处的内容，然后选择调整中心点制作扇子骨架其上的“扇梗”将该图层中的第1帧移动到第10帧处，并延长到该层第66帧，依次类推，得到如图10-26所示时间轴。
Fireworks动画制作飞机和降落伞
Fireworks动画制作:飞机和降落伞直线网今天我们来学习用Fireworks制作一个精彩的动画，从这个例子中我们可以学习套索工具的使和外部图像的输入方法，同时你还会实际接触到动画制作必不可少的概念如Layer（层）、Frame（帧Symbol（符号）和Instance（引用），以及如何合理地使用它们。
为了使动画看起来更加真实，我们采用飞机和降落伞的照片作为素材，如果你能仔细地按照下的方法操作，就能做出和本例一样近似于电影画面的精彩动画。
第一步：导入飞机图片并去掉背景。
打开一个新文件，Width=250，Hight=120，背景色为#006选择File > Import（导入外部文件），在目录中选择飞机的照片（本例使用的照片已事先调整好大为GIF格式），如图1。
在工具箱中选择套索工具的Polygon Lasso，用鼠标细心地沿着飞机的外廓一小段连着一小段地选取，当选取的路径首位相连时，击下鼠标左键，轮廓线变为虚线，如图然后在主菜单中选择Edit > Cut，就把选取的飞机图像剪下并存入剪贴板中，再选择Edit > Desel Edit > Clear，清除掉剪下以后剩余不要的照片。
图 1 导入飞机图片图 2 使用套索去掉背景第二步：把飞机图像变为Symbol。
选择主菜单的Edit > Paste，就把刚才剪下的飞机图像拷了画板上。
点击一下飞机图像，选择Modify > Group，再选择Insert > Convert To Symbol，把图像变为一个符号，在出现的对话框中，Name栏输入一个名字，如Plane（不要输入中文名），T 选择Graphic，如图3，再点击OK，就把飞机图像变成了一个Symbol（符号）。
选择Edit > Clo 克隆出一个飞机的Instance，把新的飞机拉到上面一些，再选中原来的（第一个）飞机，选择工中的Trasform按钮，拖动出现在第一个飞机周围的方框角上的小方块，把它调到较小，再把克隆（第二个）飞机拖到左上方画板边沿以外的位置，按着Shift键，把两个飞机都选中，如图4所示图 3 符号属性设置图 4 同时选中符号和引用第三步：让飞机飞起来。
在Fireworks中创建动画
创建动画元件
设置帧延时
在Fireworks 8中，首先选择 一个或几个帧，然后在帧面 板的【选项】菜单中单击 【属性】命令，打开【帧延 时】对话框，在【帧延时】 对话框中，可以为【帧延时】 输入一个值，按回车键以关 闭这个对话框。 如果要显示或隐藏帧，可以 在帧面板的【选项】菜单中 单击【属性】命令，在弹出 的【帧延时】对话框中取消 选择【导出时包括】复选框， 就可以显示或者隐藏要播放 的帧。
查看特定帧中的对象
可以通过图层面板对 帧中的对象进行查看。 单击图层面板底部的 【当前帧】按钮，在 弹出菜单中选择所需 的帧，所有的对象就 在图层面板中列出并 显示在画布上。
使用【洋葱皮】
在传统动画制作时，通常把 用来制作后一张画面的纸与 前一张画稿进行重叠，然后 放到灯箱上。根据映射过来 的半透明图像，创作第二张 画面，这样保证了前后两个 帧连续画面对齐的准确性。 在Fireworks中，洋葱皮就是 根据这个原理设计的。要调 整当前帧之前和之后的可见 帧的数目，可以单击帧面板 中的【洋葱皮】按钮，在弹 出的菜单中选择一个命令。 还可以通过单击【洋葱皮】 按钮显示帧列表，来实现选 择或取消帧操作。
同时使用按钮和动画来创建原型/演 示页面
包含按钮和动画的Fireworks文档在多数情 况下不会显示。Fireworks假定动画就是整 个页面，尽管按钮认为只在这个幻灯片下 切换图像，播放动画时，它将更改页面上 的所有信息，包括按钮状态。 动画和按钮必须分别创建和导出到网页中， 翻转按钮使用Java script来显示不同状态， 但Fireworks的动画将导出为GIF或SWF格式， 它们都为自包含格式。
利用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 编辑帧
可以在【帧】面板中添加、复制、删除帧和 更改帧的顺序。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
Fireworks 制作扇子展开动画
直线网
这个例子是针对补间实例，复制帧的应用，也没什么诀窍：主要要有耐心
1、新建一画布，画一上宽下窄矩形并转成图形元件，克隆一次，将克隆出的图摆放如图示：
2、做补间实例设置数为22，也就是说现在有了总共24个图形元件，如图示：
3、选中元件2至元件23按住shift键向上移动，也就是移动了10个象素，同理每次选中n+ n-1元件（n代表图形元件数），向上键移动m-2象素距离,m代表最大值为10个象素（怎么像是数似的）最后得到如下图所示的扇形：呵呵，这步很复杂呢，烦人得很。
注：呵呵，说得有点绕晕了吧。
没事，实在不行的话，画一半圆弧，一个一个地去调，让这2图形附于这个圆弧上，得上图的样子。
4、复制帧：如图示：复制22帧，并选择当前帧之后。
5、回到第一帧，保留最左边的第一个元件图，删除其它元件图。
再到第二帧，保留最左边两件图，删除其它元件图。
依此类推，到第n帧，就保留从左边往右数的n个元件图。
（呵，可别晕只要注意做到第a帧，就应该保留a个元件图，这样就不会晕了）嗯，这一步也挺复杂的
做到这一步，动画就已经做出来了。
6、美化一下扇子吧。
到每帧里，为每第一个元件还有最后一个元件图形设置内斜角效果。
内效果为默认．
7、ＯＫ，动画就大概完成了，最后，回到第一帧，再执行一次，复制一帧，选择当前帧之前定，到图层面板中，将该元件图删除。
最后：选择导出向导中，导出gif动画，看看动画效果吧。
效果预览图（点击放大）
直线网。