FW MX和Flash MX的亲密合作

[复制链接]
查看: 410|回复: 0
gggds 发表于 2009-12-27 13:33:16 | 显示全部楼层 |阅读模式
?
2 p3 l& J5 y: u& I; X& n
8 ~4 s& b" u: _* b9 L; w3 }% w& b1 J6 {( |
  C5 z& m- Y( g$ e
  以前用网页三剑客设计网页时,感觉最为惬意的是Dreamweaver和Fireworks的亲密无间:在Fireworks中可以轻松地将图片切割输出为网页到Dreamweaver中或输出成为Dreamweaver中的库对象;在Dreamweaver中只要轻松一个键,就可插入Fireworks完成的图形网页,如果不满意,一个编辑按钮马上激活Fireworks返回修改,处理好了再一个按钮又回到Dreamweaver中;如果不想大动干戈,只想优化一下图片,选中图片按一下右键,就可以打开Fireworks的输出预览这部分进行优化工作……. b& ]1 P# ]0 ~8 L; B  |
  这样体贴入微的设计,反让人不知足起来,什么时候Fireworks和Flash也能这样热乎就好了!/ g9 Y+ o2 G% k1 t& s$ {7 i" H
  今天网页三剑客同步踏入MX时代,Fireworks MX加强了对Flash MX的支持,操作起来还是那么简洁明快。
: v8 y2 v2 ]; w" y: W  在Fireworks MX中处理好图形,点击图片编辑窗口右上角的按钮  @% @1 k% P0 f# ?

: M% \; Y2 N0 ?9 z,你可以看到这样的菜单:1 [- H1 t0 N# V- Q' q; ?

' q. |2 o$ I9 p5 E4 }7 H. |/ [9 c' u$ `8 z; B! i

4 r6 Z% U  j& J3 p7 v! s" G  在这里我们可以看到,Fireworks MX为更多的软件提供了接口,以弥补其它软件在图形制作或处理上的不足。下面我们就仔细看看Fireworks MX和Flash MX之间的珠联璧合吧!  一、从Fireworks MX快速输出图形到Flash MX中   \"9 g) p) y* _* K: l
  \": t+ ]6 l5 O9 H  L
  二、在Flash MX中导入Fireworks MX制作的图片3 ]5 q: h" O+ B0 i2 K/ e) |- N
  \"% T) Q! g% d8 `# B2 ?$ i
  \"  一、从Fireworks MX快速输出图形到Flash MX中
& N5 \, O2 q( b8 x  1、将图形或图片输出为Flash MX的动画格式SWF,方便Flash MX使用  在Fireworks MX中处理好图形,点击图片编辑窗口右上角的按钮. }1 t$ d' k& R( D; S

  K6 K: E- C. ^6 _4 P) |,选择 Micromedia Flash/导出SWF,出现设置面板(下图)。  因为Fireworks MX是一个矢量编辑和像素图处理兼收并蓄的软件。在对象中如果是选择维持路径,导入到Flash MX中将是可编辑的矢量图形;如果选择维持外观,导入到Flash MX中将是像素图形式,并且可以保持在Fireworks MX中的填充的描边样式。文字对象选择维持可编辑性,导入到Flash MX中将可以继续编辑;选择转换为路径,文字将被看作矢量图形。
2 Q# N- I& D  x7 \% s  V$ p3 @9 C: S% S

) _+ |+ A. M+ ]# E. E. D$ N" l  v: B/ B. E( m5 h9 f
  下面来看个例子:# c5 \8 |1 Q5 G
[td]3 o* ]6 o) U; M1 i1 q1 B4 z
输出选项设置

1 l0 d/ g* h) o7 C( x% a
4 R/ W/ Q6 ^+ B) Y, U) _! h
在Fireworks MX中的效果
对象:维持路径文字:维持可编辑性

4 o4 P) |+ k) U! V& A% u) t
) E4 f$ n3 Q% c   ~* J! r; w6 w% |
: {3 _# O5 `( K; i& U
输出为swf格式的效果(矢量图形的效果将失去)

( `) V6 O: N1 o. c* D
( _# d4 s5 j+ ?6 ^9 b5 Y
导入到Flash MX中的情形(中文和英文都可继续编辑。但是对中文的支持不太好)

3 p4 ^2 V  k' Z9 O& M- x, u, p0 `8 h8 ?* y! ~8 Z1 ?0 A9 L
& Q+ h  n6 A- v) v: K+ {6 e* r
在Flash MX中库情况(只有图片会转换为组件。)
& ]  l, Q) t6 l& c* }4 N
?/ y: X" q* a7 ~0 Z/ w2 s! O* n3 B
[td]
( b( @. E1 f* g! [+ a输出选项设置
! D/ o* C$ R( D' f/ h& M# w

& y4 e: ~' m9 {; O
在Fireworks MX中的效果
对象:维持外观文字:转换为路径
; {6 w" a# P4 ]* f$ y

5 p; O" ~* Q6 B; @8 Q; D5 A
! t0 U6 h  D) \0 Q) }2 s
  w) F- i1 n. P' Q6 I. P5 |5 U
输出为swf格式的效果(矢量图形的效果将保持)
" q: w9 @2 ^* E' o5 F
, x0 l& W/ W. \; V. z0 m
中文和英文都转变为路径,失去可编辑性。

7 n/ n3 v2 @$ O% z0 p2 y( @( [1 e, _( v$ s7 g4 G/ p: O

1 U4 E  Y  L0 W) N" X, m
在Flash MX中库情况(施加了阴影效果的的矢量标志已经自动转化为图片组件。)
! C' R- O6 @0 I8 \
  上面导入的都是静止的图片,Fireworks MX还可以设计Gif动画,设计好了快速输出,导出时在选项面板可以设置帧速和导入动画的内容。
  x, T+ k8 ]% z9 p  2、复制(将当前图形复制到剪贴板上,再打开Flash MX进行粘贴)  在Fireworks MX中处理好图形,点击图片编辑窗口右上角的按钮4 M/ s) S6 a$ G! M( J/ c7 b
# z- I- O: F* r0 \5 y. I5 ]# N2 ^7 z
,选择“复制”,再在Flash中粘贴进来。 . {1 w- F$ Q6 _9 s% \# B
9 R1 N, `- |% b3 F; [! m7 R
! q5 |0 F4 s% l& P. R
这是在Fireworks MX中的图像
! r( w. j8 j3 ~" S6 r, u+ E" d# r* T- s% L/ `  H% c8 @
$ b8 l4 L/ c9 n# P( X. K
# W# Z; ~5 w0 V- Y" k" t
  
- ^4 r% [4 l" \7 S
6 U3 t7 i* T) ^/ [这是粘贴到Flash MX中的效果     Flash MX中库情况2 S$ b6 b- H9 u5 @
  这时打开Flash MX的库,可以看到Flash MX已经自动建好一个Fireworks MXs Objects的文件夹,刚刚复制过来的物体自动转化为里面的一个电影夹(mc)。在这里Flash MX将施加了效果的图形转为像素图,并且这种像素图还是透明背景的。/ \2 L: M4 ?8 r: j3 L; |' @

. d( T6 @" ~) f% V5 Q+ e
% N. j/ n: b5 C1 O0 O4 r
  T4 D& D7 b) t( A  这一下在Flash MX中更好结合像素图制作动画了!不过笔者不太主张这样做,因为不管是做动画,还是做网页,非常重要的是保存源文件,便于自己以后修改。
4 y+ u" l1 C4 }8 T$ ?1 e  如果你已经在Fireworks MX中设计好了,并保存为png格式的源文件,你还可以……4 o4 i  c* k# q
  二、在Flash MX中导入Fireworks MX制作的图片4 v& I( r+ b( O
  1、导入Fireworks MX的.png源文件  打开Flash MX,在文件菜单中选择导入,找到你的png源文件,这时会出现导入设置:( \+ M: y) i: b  E+ K
1 s; n8 j$ A% d5 y3 q
. k4 f: o. W/ c$ s
4 \. ~  L( Y8 q0 a8 a9 ~
  在文件结构中有两种选择:一是将png文件作为电影夹导入并保持原有图层,这样你可在库中看到Fireworks MXs Objects,里面是Flash MX自动为你生成的电影夹,管理和使用都非常方便;二是将.png导入到当前场景新的层上。  物体处理可以选择光栅化转为像素图来保持外观不变,或是使所有路径可编辑;  文字处理可以选择光栅化转为像素图来保持外观不变,或是使所有文字可编辑。  如果不想这么麻烦也可以选中最后一项,将.png作为一个合并的像素图导入。
% T( U9 g2 ^/ ]! t  i8 v
2 s3 _2 W& `4 M% M$ \0 A- d% P3 c- |) P% l- _
Fireworks MX中的源文件 ! P) b/ O; G  j' e/ Q, a; Y
& G, G+ g, B6 U6 g: V
) e/ j$ a' c' s8 z# w

" P( k; o5 T6 l- v3 u导入到Flash MX中的输出效果
9 L0 n5 t: z" F. f7 k3 ]! q& f
3 [6 d# a8 ^0 }1 _6 Y- K, v在Flash MX中库情况
& x3 {# \7 z: @7 Y  在这里可以看到,利用这种方式导入可以保持对中文的良好支持。
" }  b+ x2 r- t7 o4 K* }  2、导入和编辑其它格式的图片文件
. c* E4 ^; o: |1 x- P  其它格式的图片文件想借Fireworks MX的东风,又怎样做呢?很简单!
0 O( z& Z) W; Y9 Y  导入图片,在Flash MX的舞台上选中图片,按属性面板的编辑按钮,就启动Fireworks MX了!0 P, ~, _2 T$ o# t6 S" c

8 ?4 r& H% D5 L% w% \! {2 i% ~3 _' W* f" f# V
( ]. h5 J  T5 t- s" _
  如果图片在库中,选中库中的图片按右键,在下拉菜单中选择Edit with Fireworks即可。(当然你还可以选择Edit with用其它的图形处理软件来处理,不过肯定没有Fireworks MX方便……)* L* r" I1 r9 I2 l
6 Q9 A/ ~, P& D% ]

3 E( v5 ^/ e  Z, H. I- [2 H9 q' x
. j% V  }0 j0 e  \5 n  这时就会激活Fireworks MX,我们可以看到久违了的
1 P/ Y+ R) _8 X! P) u# k* [( S3 h% z' z, _2 F5 }; m5 f2 Q

; ]3 Z" D0 j' f
/ Z  E$ j/ X/ b1 E
. ~+ I7 j8 p  U( z! G& J" B& D$ Q6 ]8 R, h* x
  和在Dreamweaver MX中操作一样,修改按完成就返回Flash MX中。0 L& k3 Z2 g) A
  后记:Flash升级到Flash MX,绘图工具没有多大变化,有人抱怨在Flash MX中画个五角形都不可以……其实有像素图矢量集成的Fireworks MX贴心帮助,提供丰富的素材,Flash MX不就如虎添翼了吗!

本版积分规则

精彩图文

Copyright   ©2015-2016  展示网  Powered by©Discuz!  技术支持:凡尚展览     ( 粤ICP备14065977号 )