Fireworks和Flash结合运用经典案例

donger 
2001年 44期

　　对于Fireworks和Flash这两个软件，大家都非常熟悉，它们之间如何配合使用，是许多初学者最想了解的问题。在这篇实例中你可以学到这两个软件彼此协同工作的常用功能。
　　#1　　一、从Fireworks中拷贝矢量对象到Flash中进行粘贴
　　　　众所周知，在Fireworks中你可以像在其他矢量软件中那样灵活地处理路径对象，因此很多人都误以为Fireworks也是一个矢量软件。其实不然，因为Fireworks默认的源PNG文件本身就是个位图格式的文件，只不过在制作过程中具有矢量的特性而已。但是你可以从Fireworks中拷贝矢量对象到Flash中进行粘贴。
　　　　1.在Fireworks中，打开一个包含有几个路径对象所组成的PNG文件，当然你也可以直接在Fireworks进行对象的绘制（^44020701a^1）。
　　　　2.单击菜单命令“Edit→Select All”全选这些对象。
　　　　3.单击菜单命令“Edit→Copy as Vectors”。
　　　　4.在Flash软件中，创建一个新文件，单击菜单命令“Edit→Paste”（或是使用快捷方式“Ctrl+V”），此时这些对象将会作为一个组对象被粘贴进来。
　　　　5.单击“Modify→Ungroup”命令可以把组对象进行拆组，假如你的组对象是嵌套的方式，可以多次单击“Modify→Ungroup”命令直到每个对象都被分离。在Flash中，这些对象都是矢量的路径对象，你可以加以编辑或应用。
　　#1　　二、从Flash中启动Fireworks编辑图像
　　　　如果你的Flash电影中包含位图图像，此时你就可以启动Fireworks来优化或是编辑这个图像。如果这个图形文件是你在Fireworks中制作导出的位图图像，并且源PNG文件随之一起保存的话，当你要改变图形中的对象或是文字时，你可以在Flash中启动Fireworks打开这个源PNG文件进行编辑。
　　　　1.在Flash中，打开一个包含两个由Fireworks输出的JPEG图片且后缀名为.fla的Flash文件。
　　　　2.单击菜单命令“Window→Library”（或是快捷方式“Ctrl+L”来打开库面板），此时我们从库面板中可以看到有两张JPG文件，选择其中一张需要编辑的图片文件，点击鼠标右键，从弹出菜单中选择Edit with…命令，然后定位在你的机器上安装Fireworks的执行程序，一般为Fireworks.exe文件。如果在你的弹出菜单中显示的是Edit with Fireworks命令，那是最好不过了，直接就可以调用Fireworks编辑图片了（^44020701b^2）。
　　　　3.此时有可能会打开一个Find Source的对话窗口，如果我们确信这个JPG图片的源PNG被一起保存的话，可以点击“Yes”按钮，然后查找这个源文件。如果你仅仅只想在这个JPG位图图片上进行编辑或是优化的话，可以点击“No”按钮（^44020701c^3）。
　　　　4.当biking_circle.png图片在Fireworks中被打开，我们从下图可以看出，Done按钮旁边显示出“Editing from Flash”文字，指明这是一个从Flash软件中转过来的文件（^44020701d^4）。
　　　　5.在Fireworks中进行一些必要的修改操作，直到满意后，点击Done按钮。此时这个PNG文件会自动被保存，一个新的JPG图片被输出到Flash文件中相同的位置，替换原来的图像，并且返回到Flash文件中继续操作。
　　#1　　三、在Flash中导入透明的PNG文件
　　　　PNG格式的文件允许被透明输出，最多支持32位透明图像。将图像制作成透明输出可以在实际应运过程中达到理想的效果，比如说你有一个小鸟的图像文件，将它设为透明，在Flash中让它飞动起来，就能使它顺利地穿过其他的图像对象。虽然PNG格式最多支持32位透明，但是你在Fireworks中可以设置它为8位透明，这样就能减小文件尺寸。
　　　　1.在Fireworks中打开或是制作一张画布颜色为透明的文件，并且给对象添加上阴影效果，如下图所示。你可以点击Preview标签来检查文件的尺寸大小及透明对象的情况（^44020701e^5）。
　　　　2.单击菜单命令“Window→Optimize”来打开Optimize优化面板。在Optimize面板中设置文件格式为PNG 8，Alpha Transparency，这样一设置后，我们从Preview标签面板中可以看到原先49KB的文件变成了16KB，图像依旧是透明的，图像质量降低得很少（^44020701f^6）。
　　　　3.单击菜单命令“File→Export”，当Export对话窗口显示时，命名该文件，在保存类型下拉列表中选择Image Only。点击保存按钮。
　　　　4.在Flash中，新建一文件，单击菜单命令“File→Import”，当Import对话窗口中显示时，查找并选择刚才设置为背景透明的PNG文件，点击打开按钮。
　　　　5.紧接着会显示“Fireworks PNGImport Settings”选择窗口，选择Options选项为Flatten Image，选择Flatten Image选项可以只显示图像的外观，把源PNG文件中的对象作为一个整体，点击OK按钮（^44020701g^7）。
　　　　6.这样这张背景透明的图片就被导入到Flash中了，对象中的阴影还是那么的逼真。做到这一步，你就可以在Flash中把它做成任何效果。不过得先将它转换成Symbol，单击命令“Insert→Convert to Symbol”（^44020701h^8）。
　　#1　　四、在Flash中导入位图按钮
　　　　在Flash中可以创建矢量的按钮，但是如果你想使你的按钮具有某些位图效果，比如说带有斜面阴影效果的按钮，这样光靠Flash就做不到了，其实你可以用Fireworks来创建这个按钮，然后导入这个按钮到Flash中。
　　　　1.在Fireworks中创建或是打开一个按钮文件。
　　　　2.双击这个按钮来打开按钮编辑器，设置Up、Over和Down三种状态为不同的按钮效果（^44020701i^9）。
　　　　3.在按钮编辑器窗口打开的状态下，单击菜单命令“File→Export”，当Export对话窗口被打开，从保存类型下拉列表中选择Macromedia Flash SWF。
　　　　4.点击Option按钮。此时会打开一个“Macromedia Flash SWF Export Options”对话窗口。在Object选项中选择Maintain Appearance，如果你想编辑按钮上的文字的话，在Text选项中选择Maintain Editability，其余的选项按照默认的设置，点击OK按钮（^44020701j^10）。
　　　　5.给按钮文件命名为button.swf，点击保存按钮。
　　　　6.在Flash中，新建一个文件，使用菜单命令“Insert→New Symbol”。当“Symbol Properties”对话窗口显示时，命名这个按钮名字，当然也可以使用默认的名字。在Behavior选项中选择Button，点击OK按钮。
　　　　7.在按钮编辑窗口，点击按钮Symbo中的第一个帧也就是UP帧，使用菜单命令“File→Import”，在Import窗口中，查找并选择刚才被输出的botton.swf文件。点击OK按钮，此时具有三个状态的按钮就被导入进来了。
　　　　8.选择Hit帧，使用菜单命令“Insert→Clear Keyframe”来移除这个空的关键帧，这样的话，Down状态中的图像就会变成Hit区域。
　　　　9.点击文件窗口左上角的Scene1处或是使用菜单命令Edit→Edit Movie返回Scene状态。
　　　　10.使用菜单命令“Window→Library”打开Library库面板，拖动库面板中的按钮Symbol到屏幕中。
　　　　11.选择菜单命令“Control→Test Movie”来观察你的按钮效果。
　　　　好了，Fireworks和Flash这两个软件彼此结合的部分就全部讲完了。在实际制作过程中如果有哪儿不懂，你可以到http://www.blueidea.com/bbs/default.htm进行讨论。
　　 
 