FW MX和Flash MX的亲密合作
?http://www.blue1000.com/upload/2005_01/0501200332713618.gif
以前用网页三剑客设计网页时，感觉最为惬意的是Dreamweaver和Fireworks的亲密无间：在Fireworks中可以轻松地将图片切割输出为网页到Dreamweaver中或输出成为Dreamweaver中的库对象；在Dreamweaver中只要轻松一个键，就可插入Fireworks完成的图形网页，如果不满意，一个编辑按钮马上激活Fireworks返回修改，处理好了再一个按钮又回到Dreamweaver中；如果不想大动干戈，只想优化一下图片，选中图片按一下右键，就可以打开Fireworks的输出预览这部分进行优化工作……
这样体贴入微的设计，反让人不知足起来，什么时候Fireworks和Flash也能这样热乎就好了！
今天网页三剑客同步踏入MX时代，Fireworks MX加强了对Flash MX的支持，操作起来还是那么简洁明快。
在Fireworks MX中处理好图形，点击图片编辑窗口右上角的按钮
http://www.blue1000.com/upload/2005_01/0501200332713619.jpg
，你可以看到这样的菜单：
http://www.blue1000.com/upload/2005_01/050120033271361.jpg
在这里我们可以看到，Fireworks MX为更多的软件提供了接口，以弥补其它软件在图形制作或处理上的不足。下面我们就仔细看看Fireworks MX和Flash MX之间的珠联璧合吧！ 一、从Fireworks MX快速输出图形到Flash MX中 \"
\"
二、在Flash MX中导入Fireworks MX制作的图片
\"
\" 一、从Fireworks MX快速输出图形到Flash MX中
1、将图形或图片输出为Flash MX的动画格式SWF，方便Flash MX使用 在Fireworks MX中处理好图形，点击图片编辑窗口右上角的按钮
http://www.blue1000.com/upload/2005_01/0501200332713619.jpg
，选择 Micromedia Flash/导出SWF，出现设置面板（下图）。 因为Fireworks MX是一个矢量编辑和像素图处理兼收并蓄的软件。在对象中如果是选择维持路径，导入到Flash MX中将是可编辑的矢量图形；如果选择维持外观，导入到Flash MX中将是像素图形式，并且可以保持在Fireworks MX中的填充的描边样式。文字对象选择维持可编辑性，导入到Flash MX中将可以继续编辑；选择转换为路径，文字将被看作矢量图形。
http://www.blue1000.com/upload/2005_01/0501200332713610.jpg
下面来看个例子：
http://www.blue1000.com/upload/2005_01/050120033271363.gif
在Fireworks MX中的效果
输出选项设置
对象：维持路径文字：维持可编辑性
输出为swf格式的效果(矢量图形的效果将失去）
http://www.blue1000.com/upload/2005_01/050120033271366.jpg
导入到Flash MX中的情形(中文和英文都可继续编辑。但是对中文的支持不太好）
http://www.blue1000.com/upload/2005_01/050120033271367.jpg
在Flash MX中库情况(只有图片会转换为组件。)
?
http://www.blue1000.com/upload/2005_01/050120033271363.gif
在Fireworks MX中的效果
输出选项设置
对象：维持外观文字：转换为路径
输出为swf格式的效果(矢量图形的效果将保持）
http://www.blue1000.com/upload/2005_01/050120033271368.jpg
中文和英文都转变为路径，失去可编辑性。
http://www.blue1000.com/upload/2005_01/050120033271369.jpg
在Flash MX中库情况(施加了阴影效果的的矢量标志已经自动转化为图片组件。)
上面导入的都是静止的图片，Fireworks MX还可以设计Gif动画，设计好了快速输出，导出时在选项面板可以设置帧速和导入动画的内容。
2、复制（将当前图形复制到剪贴板上，再打开Flash MX进行粘贴） 在Fireworks MX中处理好图形，点击图片编辑窗口右上角的按钮
http://www.blue1000.com/upload/2005_01/0501200332713619.jpg
，选择“复制”，再在Flash中粘贴进来。
http://www.blue1000.com/upload/2005_01/050120033271364.gif
这是在Fireworks MX中的图像
http://www.blue1000.com/upload/2005_01/0501200332713611.jpg
这是粘贴到Flash MX中的效果 Flash MX中库情况
这时打开Flash MX的库，可以看到Flash MX已经自动建好一个Fireworks MXs Objects的文件夹，刚刚复制过来的物体自动转化为里面的一个电影夹（mc）。在这里Flash MX将施加了效果的图形转为像素图，并且这种像素图还是透明背景的。
http://www.blue1000.com/upload/2005_01/0501200332713612.jpg
这一下在Flash MX中更好结合像素图制作动画了！不过笔者不太主张这样做，因为不管是做动画，还是做网页，非常重要的是保存源文件，便于自己以后修改。
如果你已经在Fireworks MX中设计好了，并保存为png格式的源文件，你还可以……
二、在Flash MX中导入Fireworks MX制作的图片
1、导入Fireworks MX的.png源文件 打开Flash MX，在文件菜单中选择导入，找到你的png源文件，这时会出现导入设置：
http://www.blue1000.com/upload/2005_01/0501200332713613.jpg
在文件结构中有两种选择：一是将png文件作为电影夹导入并保持原有图层，这样你可在库中看到Fireworks MXs Objects，里面是Flash MX自动为你生成的电影夹，管理和使用都非常方便；二是将.png导入到当前场景新的层上。 物体处理可以选择光栅化转为像素图来保持外观不变，或是使所有路径可编辑； 文字处理可以选择光栅化转为像素图来保持外观不变，或是使所有文字可编辑。 如果不想这么麻烦也可以选中最后一项，将.png作为一个合并的像素图导入。
http://www.blue1000.com/upload/2005_01/050120033271365.gif
Fireworks MX中的源文件
导入到Flash MX中的输出效果
http://www.blue1000.com/upload/2005_01/0501200332713614.jpg
在Flash MX中库情况
在这里可以看到，利用这种方式导入可以保持对中文的良好支持。
2、导入和编辑其它格式的图片文件
其它格式的图片文件想借Fireworks MX的东风，又怎样做呢？很简单！
导入图片，在Flash MX的舞台上选中图片，按属性面板的编辑按钮，就启动Fireworks MX了！
http://www.blue1000.com/upload/2005_01/0501200332713615.jpg
如果图片在库中，选中库中的图片按右键，在下拉菜单中选择Edit with Fireworks即可。（当然你还可以选择Edit with用其它的图形处理软件来处理，不过肯定没有Fireworks MX方便……）
http://www.blue1000.com/upload/2005_01/0501200332713616.jpg
这时就会激活Fireworks MX，我们可以看到久违了的
http://www.blue1000.com/upload/2005_01/050120033271362.jpg
。
http://www.blue1000.com/upload/2005_01/0501200332713617.jpg
和在Dreamweaver MX中操作一样，修改按完成就返回Flash MX中。
后记：Flash升级到Flash MX，绘图工具没有多大变化，有人抱怨在Flash MX中画个五角形都不可以……其实有像素图矢量集成的Fireworks MX贴心帮助，提供丰富的素材，Flash MX不就如虎添翼了吗！
页:
[1]