FW MX和Flash MX的亲密合作

?
5 j2 y8 K& g$ o" r$ B% I" }& ]. u
5 {, }; }  a+ P& h9 v

　　以前用网页三剑客设计网页时，感觉最为惬意的是Dreamweaver和Fireworks的亲密无间：在Fireworks中可以轻松地将图片切割输出为网页到Dreamweaver中或输出成为Dreamweaver中的库对象；在Dreamweaver中只要轻松一个键，就可插入Fireworks完成的图形网页，如果不满意，一个编辑按钮马上激活Fireworks返回修改，处理好了再一个按钮又回到Dreamweaver中；如果不想大动干戈，只想优化一下图片，选中图片按一下右键，就可以打开Fireworks的输出预览这部分进行优化工作……
　　这样体贴入微的设计，反让人不知足起来，什么时候Fireworks和Flash也能这样热乎就好了！
. f. A- U9 m; g: {　　今天网页三剑客同步踏入MX时代，Fireworks MX加强了对Flash MX的支持，操作起来还是那么简洁明快。
4 R! v# N, ?  ]4 p# g　　在Fireworks MX中处理好图形，点击图片编辑窗口右上角的按钮
) p8 u' j; v/ K
7 q' y/ x- @8 t  g; t# Q，你可以看到这样的菜单：



" S9 a; d# X8 e" k) a5 e: i　　在这里我们可以看到，Fireworks MX为更多的软件提供了接口，以弥补其它软件在图形制作或处理上的不足。下面我们就仔细看看Fireworks MX和Flash MX之间的珠联璧合吧！　　一、从Fireworks MX快速输出图形到Flash MX中 　　\"
; ^' y1 o" O: H9 u5 Q/ z+ J　　\"
　　二、在Flash MX中导入Fireworks MX制作的图片
　　\"
! k* L) q) q% y- |　　\"　　一、从Fireworks MX快速输出图形到Flash MX中
　　1、将图形或图片输出为Flash MX的动画格式SWF，方便Flash MX使用　　在Fireworks MX中处理好图形，点击图片编辑窗口右上角的按钮

( w$ _2 s5 y; V5 q$ j" [& U3 ~" k，选择 Micromedia Flash/导出SWF，出现设置面板（下图）。　　因为Fireworks MX是一个矢量编辑和像素图处理兼收并蓄的软件。在对象中如果是选择维持路径，导入到Flash MX中将是可编辑的矢量图形；如果选择维持外观，导入到Flash MX中将是像素图形式，并且可以保持在Fireworks MX中的填充的描边样式。文字对象选择维持可编辑性，导入到Flash MX中将可以继续编辑；选择转换为路径，文字将被看作矢量图形。



　　下面来看个例子：
9 g9 k0 Y! s; m* m+ |[td]
输出选项设置

x7 G8 ^; S8 ~	在Fireworks MX中的效果
对象：维持路径文字：维持可编辑性
3 x# `1 z, R9 Z  X	输出为swf格式的效果(矢量图形的效果将失去）
- x) T# C5 f: N9 V	导入到Flash MX中的情形(中文和英文都可继续编辑。但是对中文的支持不太好）
$ r+ U2 H! S: ` $ S, e& }- p! Z ) K, a+ }1 c/ @' G# r	在Flash MX中库情况(只有图片会转换为组件。)

2 ]: v- N+ f- t6 `  e* j9 O?
[td]
1 l, Q0 b) W6 d* h' z输出选项设置

	在Fireworks MX中的效果
对象：维持外观文字：转换为路径
) r: F4 ~! C6 ?5 }# F $ Z! D1 N% y" K8 \	输出为swf格式的效果(矢量图形的效果将保持）
- L" J8 {6 s+ b7 l 4 ~( P3 n2 K" E! v	中文和英文都转变为路径，失去可编辑性。
8 s( p; `/ W/ m	在Flash MX中库情况(施加了阴影效果的的矢量标志已经自动转化为图片组件。)

　　上面导入的都是静止的图片，Fireworks MX还可以设计Gif动画，设计好了快速输出，导出时在选项面板可以设置帧速和导入动画的内容。
5 O9 k, C7 c, B3 T$ @* v9 V　　2、复制（将当前图形复制到剪贴板上，再打开Flash MX进行粘贴）　　在Fireworks MX中处理好图形，点击图片编辑窗口右上角的按钮

# }* t: s* H2 ~: E' l, |! u，选择“复制”，再在Flash中粘贴进来。


6 M" g6 X. b* C+ g这是在Fireworks MX中的图像
# W1 D  T+ C- R2 P0 `

9 p9 d! s5 V7 @  F! F) o* o
　　

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


　　这一下在Flash MX中更好结合像素图制作动画了！不过笔者不太主张这样做，因为不管是做动画，还是做网页，非常重要的是保存源文件，便于自己以后修改。
/ `, Q7 Y% ]8 `4 q　　如果你已经在Fireworks MX中设计好了，并保存为png格式的源文件，你还可以……
" C" I& C. c3 T4 Y# F9 b! J! t　　二、在Flash MX中导入Fireworks MX制作的图片
　　1、导入Fireworks MX的.png源文件　　打开Flash MX，在文件菜单中选择导入，找到你的png源文件，这时会出现导入设置：
3 [' V+ m# R% d( O2 T+ z: {! e
. m, i6 Q/ b2 D. I
: }$ f- O; z6 b7 M. ~
　　在文件结构中有两种选择：一是将png文件作为电影夹导入并保持原有图层，这样你可在库中看到Fireworks MXs Objects，里面是Flash MX自动为你生成的电影夹，管理和使用都非常方便；二是将.png导入到当前场景新的层上。　　物体处理可以选择光栅化转为像素图来保持外观不变，或是使所有路径可编辑；　　文字处理可以选择光栅化转为像素图来保持外观不变，或是使所有文字可编辑。　　如果不想这么麻烦也可以选中最后一项，将.png作为一个合并的像素图导入。
" K3 n/ b8 L3 u  Z
' v* _! ?- G* x2 ]0 \' \8 x  `
$ p4 y' Z$ ?) E; t8 d+ }Fireworks MX中的源文件

$ S! e* m+ @# F4 M. ], E; [

* [. b* |# S- B4 r, H+ E导入到Flash MX中的输出效果

2 S5 u/ Z4 e7 u# T4 A' L! k( U1 \在Flash MX中库情况
　　在这里可以看到，利用这种方式导入可以保持对中文的良好支持。
1 T/ U! n: _" X2 S　　2、导入和编辑其它格式的图片文件
  t$ _7 U4 M& ]; G　　其它格式的图片文件想借Fireworks MX的东风，又怎样做呢？很简单！
! F  N7 g) g" t　　导入图片，在Flash MX的舞台上选中图片，按属性面板的编辑按钮，就启动Fireworks MX了！

, u3 N9 @% ]8 `, p" O7 Z8 v
1 \+ p* F7 O1 W
　　如果图片在库中，选中库中的图片按右键，在下拉菜单中选择Edit with Fireworks即可。（当然你还可以选择Edit with用其它的图形处理软件来处理，不过肯定没有Fireworks MX方便……）


3 U! g- h. w8 h
& a! C4 u6 W. ?: [& q7 f6 Y　　这时就会激活Fireworks MX，我们可以看到久违了的
& v' ^$ H: U/ p) x4 e5 f
! N% [" J& F* O1 l3 N. [4 Q: E% |。


! K  o& f( o5 M7 ^" D
  s+ N' {4 `% b. L) H' [4 C* X　　和在Dreamweaver MX中操作一样，修改按完成就返回Flash MX中。
　　后记：Flash升级到Flash MX，绘图工具没有多大变化，有人抱怨在Flash MX中画个五角形都不可以……其实有像素图矢量集成的Fireworks MX贴心帮助，提供丰富的素材，Flash MX不就如虎添翼了吗！