FW MX和Flash MX的亲密合作

?


9 m5 R9 o# ~# L. D$ y: x* O
  l0 F* T) C4 e% T　　以前用网页三剑客设计网页时，感觉最为惬意的是Dreamweaver和Fireworks的亲密无间：在Fireworks中可以轻松地将图片切割输出为网页到Dreamweaver中或输出成为Dreamweaver中的库对象；在Dreamweaver中只要轻松一个键，就可插入Fireworks完成的图形网页，如果不满意，一个编辑按钮马上激活Fireworks返回修改，处理好了再一个按钮又回到Dreamweaver中；如果不想大动干戈，只想优化一下图片，选中图片按一下右键，就可以打开Fireworks的输出预览这部分进行优化工作……
　　这样体贴入微的设计，反让人不知足起来，什么时候Fireworks和Flash也能这样热乎就好了！
　　今天网页三剑客同步踏入MX时代，Fireworks MX加强了对Flash MX的支持，操作起来还是那么简洁明快。
　　在Fireworks MX中处理好图形，点击图片编辑窗口右上角的按钮

，你可以看到这样的菜单：



　　在这里我们可以看到，Fireworks MX为更多的软件提供了接口，以弥补其它软件在图形制作或处理上的不足。下面我们就仔细看看Fireworks MX和Flash MX之间的珠联璧合吧！　　一、从Fireworks MX快速输出图形到Flash MX中 　　\"
　　\"
6 u; W5 v  u' I) `( j, z) C4 ]　　二、在Flash MX中导入Fireworks MX制作的图片
4 _; k6 ^4 n7 `/ ?: |# |5 D　　\"
　　\"　　一、从Fireworks MX快速输出图形到Flash MX中
& _# C! T0 }( v　　1、将图形或图片输出为Flash MX的动画格式SWF，方便Flash MX使用　　在Fireworks MX中处理好图形，点击图片编辑窗口右上角的按钮
% a* d7 C: u: [" |# |
$ _7 n* s. a1 S3 @，选择 Micromedia Flash/导出SWF，出现设置面板（下图）。　　因为Fireworks MX是一个矢量编辑和像素图处理兼收并蓄的软件。在对象中如果是选择维持路径，导入到Flash MX中将是可编辑的矢量图形；如果选择维持外观，导入到Flash MX中将是像素图形式，并且可以保持在Fireworks MX中的填充的描边样式。文字对象选择维持可编辑性，导入到Flash MX中将可以继续编辑；选择转换为路径，文字将被看作矢量图形。
9 x# V( r& f, h1 S2 z

$ Y: Q& L- p- K4 A) X# y- C
　　下面来看个例子：
& ^9 l  X, N/ e; P; O9 ^5 ?[td]
输出选项设置

( Z# D7 s$ f, q4 S* G' x1 n 8 ?! Y4 L# ^" Y, R	在Fireworks MX中的效果
对象：维持路径文字：维持可编辑性
+ v- U, w+ P' \- F % R" X* T+ e: O" q( @! ^	输出为swf格式的效果(矢量图形的效果将失去）
# E7 B$ U9 W% R. h' ^	导入到Flash MX中的情形(中文和英文都可继续编辑。但是对中文的支持不太好）
	在Flash MX中库情况(只有图片会转换为组件。)

5 _- E! Q+ A9 p' F; V?
! I2 b; M# A( ?! {[td]
输出选项设置

	在Fireworks MX中的效果
对象：维持外观文字：转换为路径
& ^  E2 q/ l3 }5 d0 E1 {7 a& b	输出为swf格式的效果(矢量图形的效果将保持）
9 M6 t* b9 \: B	中文和英文都转变为路径，失去可编辑性。
	在Flash MX中库情况(施加了阴影效果的的矢量标志已经自动转化为图片组件。)

　　上面导入的都是静止的图片，Fireworks MX还可以设计Gif动画，设计好了快速输出，导出时在选项面板可以设置帧速和导入动画的内容。
　　2、复制（将当前图形复制到剪贴板上，再打开Flash MX进行粘贴）　　在Fireworks MX中处理好图形，点击图片编辑窗口右上角的按钮
% y; z3 j. }6 f5 `
，选择“复制”，再在Flash中粘贴进来。
# X, c, W0 _" Y0 U

) c5 x4 J0 O% h5 S7 P) f* B# y这是在Fireworks MX中的图像

" ?/ P& v" T1 H8 W( A& k$ A, c, I
  ^" a- X9 `0 @9 b
　　

/ J$ Q0 T# b- `' J这是粘贴到Flash MX中的效果　　　　 Flash MX中库情况
　　这时打开Flash MX的库，可以看到Flash MX已经自动建好一个Fireworks MXs Objects的文件夹，刚刚复制过来的物体自动转化为里面的一个电影夹（mc）。在这里Flash MX将施加了效果的图形转为像素图，并且这种像素图还是透明背景的。

( h7 P8 F+ W+ z8 g

! m- I! Z4 B! B: }　　这一下在Flash MX中更好结合像素图制作动画了！不过笔者不太主张这样做，因为不管是做动画，还是做网页，非常重要的是保存源文件，便于自己以后修改。
　　如果你已经在Fireworks MX中设计好了，并保存为png格式的源文件，你还可以……
　　二、在Flash MX中导入Fireworks MX制作的图片
, T- }6 ?  F& H- j! h　　1、导入Fireworks MX的.png源文件　　打开Flash MX，在文件菜单中选择导入，找到你的png源文件，这时会出现导入设置：


2 A: n" C6 T) @3 F9 M) h3 K8 {' F4 I
　　在文件结构中有两种选择：一是将png文件作为电影夹导入并保持原有图层，这样你可在库中看到Fireworks MXs Objects，里面是Flash MX自动为你生成的电影夹，管理和使用都非常方便；二是将.png导入到当前场景新的层上。　　物体处理可以选择光栅化转为像素图来保持外观不变，或是使所有路径可编辑；　　文字处理可以选择光栅化转为像素图来保持外观不变，或是使所有文字可编辑。　　如果不想这么麻烦也可以选中最后一项，将.png作为一个合并的像素图导入。
$ ^. _' z( L- r1 q: m

Fireworks MX中的源文件

9 x0 O+ j/ J7 r/ b% a, M" i, d  o' e
2 X$ {" b; _5 C6 i& B/ ?
导入到Flash MX中的输出效果

2 S2 T" Z6 C/ B) \* d9 `在Flash MX中库情况
4 ?; T/ i3 ^/ O! [- R3 J2 u　　在这里可以看到，利用这种方式导入可以保持对中文的良好支持。
　　2、导入和编辑其它格式的图片文件
　　其它格式的图片文件想借Fireworks MX的东风，又怎样做呢？很简单！
　　导入图片，在Flash MX的舞台上选中图片，按属性面板的编辑按钮，就启动Fireworks MX了！



　　如果图片在库中，选中库中的图片按右键，在下拉菜单中选择Edit with Fireworks即可。（当然你还可以选择Edit with用其它的图形处理软件来处理，不过肯定没有Fireworks MX方便……）


: V4 j, S2 I3 m/ o  s; t/ C
　　这时就会激活Fireworks MX，我们可以看到久违了的
1 A& i6 Y# t7 E
  @7 S1 [8 ~8 k% }3 R5 V- @. q# T。

' v+ U# N8 {% b4 Z! z

　　和在Dreamweaver MX中操作一样，修改按完成就返回Flash MX中。
& M) J& D$ O: r; }: s　　后记：Flash升级到Flash MX，绘图工具没有多大变化，有人抱怨在Flash MX中画个五角形都不可以……其实有像素图矢量集成的Fireworks MX贴心帮助，提供丰富的素材，Flash MX不就如虎添翼了吗！