Fireworks和Flash结合运用经典案例

Author: donger Date: 2001年 44期

?牐牰杂贔ireworks和Flash这两个软件,大家都非常熟悉,它们之间如何配合使用,是许多初学者最想了解的问题。在这篇实例中你可以学到这两个软件彼此协同工作的常用功能。
  #1?牐犚弧⒋覨ireworks中拷贝矢量对象到Flash中进行粘贴
  ?牐犞谒苤贔ireworks中你可以像在其他矢量软件中那样灵活地处理路径对象,因此很多人都误以为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?牐牰⒋覨lash中启动Fireworks编辑图像
  ?牐犎绻愕腇lash电影中包含位图图像,此时你就可以启动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?牐犎⒃贔lash中导入透明的PNG文件
  ?牐燩NG格式的文件允许被透明输出,最多支持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?牐犓摹⒃贔lash中导入位图按钮
  ?牐犜贔lash中可以创建矢量的按钮,但是如果你想使你的按钮具有某些位图效果,比如说带有斜面阴影效果的按钮,这样光靠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”来观察你的按钮效果。
  ?牐牶昧耍現ireworks和Flash这两个软件彼此结合的部分就全部讲完了。在实际制作过程中如果有哪儿不懂,你可以到http://www.blueidea.com/bbs/default.htm进行讨论。