|
. t- d' s4 e4 _) @
在Fireworks 中,图像默认的保存格式是.PNG文件,该文件最大可能的保存了Fireworks 中所绘制的各种图形对象、切片的相关属性与信息,从而为图像文件的再次编辑再来最大的可操作性,此外在输出的文件格式中常用的还有GIF、GIF动画、BMP、JPEG等。下面我们就来详细了解这些格式的输出方法和设置选项。 * B; L$ {. u" e6 i$ v
5 ?$ }' {) `' i, `7 J 1、图像的输出设置; K7 J. u% P S$ Z6 a+ m! w
“选项”设置:在Fireworks 中,制作完成图像,可以直接点击工具栏上的“保存”按钮,将图像保存成PNG文件。此外也可以用菜单上的“文件—导出预览”命令,进行文件的输出预览,如图7—01。+ h$ B$ G' |! ^9 F( H, A
s' D0 X% | n8 }" g1 D
2 L: W$ U, {8 l4 d6 p: p5 ` 图7—01
% E( d$ G: w d" d 格式——在该栏中可以选择将要输出的图像格式,常用的输出格式有GIF、GIF动画、BMP、JPEG等;
1 c8 O' n0 i6 d/ N2 N# [+ G5 f2 U 调色板——选择图像所使用的调色板。调色板中的颜色越少,图像中的颜色也越少,输出的图像文件也就越小。
$ u6 W( u5 U1 a% I 失真——设置图像的压缩质量。压缩比越高,图像失真就越大。在失真栏后面的输入框中,可设置图像所使用的最大色彩数。
/ u, c: _4 \6 Z$ W( r0 ]' N W 抖动——通过替换图像中色彩相近的象素,以模拟出当前调色板中没有的颜色,从而产生缺失颜色的外观。在导出具有复杂混合或渐变的图像,以及将照片图像导出为诸如GIF的8位图形文件格式时,抖动尤其有用。但同时也会增加图像文件的容量。抖动选项仅适用于GIF、其它8位图形文件格式和WBMP。
( }) U. s" d0 }1 O' i; j3 r 颜色表——显示的是输出对象时使用到的各种颜色。
& c! w- c0 U- D/ k/ b0 u 在颜色表下有用于编辑颜色的六个工具按钮,如图7—02。( ]% h& u: ?6 P; x% A0 _7 T
' K) p/ ?. Z7 x, I0 }6 P. s: ] / H8 N) M+ \1 K. c$ G4 }3 P h8 ]
图7—02/ f% J# m8 i: P) c# s9 P* ?) d
替换选中色彩——在颜色表中选中一种色彩后,使用该工具重新选择一种色彩进行替换;
9 M F+ h0 A3 n. y1 c# z# I6 @0 ` 设置透明度——将颜色表中某一色彩设置为透明色;7 ^; m& O* c8 R0 _2 P1 g7 z
接近网页安全色——强置图像色彩接近于网页安全色,使其在显示设置为256色的计算机上进行网页浏览时不会或降低色彩抖动;
7 ]5 s3 V+ w) }5 K+ h 锁定色彩——锁定被选中的颜色,以便在更改调色板或减少调色板的颜色数目时无法将其删除或更改。当颜色被锁定之后切换到另一个调色板时,锁定的颜色将被保留在新的调色板中。
3 h! h9 k! @( Z; O o2 { 新增色彩——为颜色表新添一种色彩;
/ `# C' D$ s4 m1 ^/ L9 z0 u: s 删除色彩——删除颜色表中的色彩。% X( |1 C. K- v2 S4 r4 H0 j$ _
在颜色表左下角边上还有三个用来设置图像透明度的工具,如图7—03。: U6 ^: P& _( X
7 T% g# c$ s3 `- W
3 p( R7 T: Z3 `0 I7 m/ X 图7—03) N8 c( O: I* ~! u) v
使用左起第一个工具可把颜色表中的某一色彩或对象中的色彩设置成透明色。如图7—04,在图像的“预览”框中,点击白色部分后,图像中所有白色都变成了透明。 j7 j7 g1 b: _, S" ]& R i" [
. @, w8 v, ^% d6 \ x; f1 V0 h ' U; C6 g- j; _0 k
图7—041 N' K) ?3 J5 f- a' p
使用第二、第三两个工具是增加或删除透明色彩。3 V) f4 [3 \( x$ { C, O
在这三个设置图像透明度工具右边还有一个下拉菜单,如图7—05。* B0 b6 y5 I# o
* U- y k$ f+ x) @9 e. S$ g0 s

& p) j! t# }8 ?0 z+ Y# ?6 a/ u A
4 Z0 D& i- D |5 J& M$ {* \7—05
- s$ P6 L9 K; T 不透明——图像中不设置任何透明色;
& G4 f1 y9 O2 H+ `3 m( o$ g 索引色透明——我们在Fireworks中所绘制的图像即使背景为透明,但在导出为GIF格式后,它的背景却并非是透明的。因此在导出前就要事先选择“索引色透明”,以确保图像在导出后背景色为透明;
% M7 }0 K) [& m* O Alpha透明度——用于导出具有渐变透明和半透明象素的图形。
* M! @8 l& R2 V3 C7 A 删除未使用的颜色——删除颜色表内未在图像中使用的颜色;- a8 {; k, B: K/ u% Q9 n
交错式浏览器显示——使图像在浏览器中观看时先以低分辨率进行显示,到图像下载结束时后再显示为完整的分辨率。该选项仅适用于GIF和PNG文件格式。5 `! w. o8 Y) Q: ^6 _
在“选项”卡的右下角还有两个按钮,分别为“导出向导”和“优化到指定大小”如图7—06。- ^+ j0 {. z9 T1 P# S# T
1 x/ F1 v- U' |0 {3 F0 d u ( \+ ~3 \8 C; I# |. G2 C$ D' S
图7—06$ a5 E {1 U& k5 f0 _& J1 F' P' c
导出向导——可按该向导的一步步提示进行选择,从面导出图像;
% @; ]! z' q3 B4 g9 B( b 优化到指定大小——可自行设定导出文件的大小。
0 ~4 l4 N Y1 {! K( \/ J: c1 W “文件”设置:点击“导出预览”窗口中的“文件”选项卡,如图7—07。
' e: _1 @" p0 ?0 A k. Q q2 H3 h" z; j' T
7 n* J0 l9 s5 r5 K# ]" k
5 q+ m2 g/ ]( E& V/ J' D图7—07 \ ~/ I/ `) n5 J I% ]
缩放区——可以设置导出图像的缩放比例和宽、高度;0 S2 v; [1 d$ j1 t8 F
导出区域——选择该项后可直接在X,Y栏中输入起始坐标,在W,H栏中输入宽、高度。此时,在图像的预览区中,图像四周会出现六个控制点,通过拖动这些控制点也可以设定图像的导出区域。2 }! W' B( H. Q3 C. h! v$ \
2、输出GIF动画
j5 G+ t, ~* I# }7 _2 W8 p 在“导出预览”窗口中导出GIF动画时,可以先在“选项”设置中的格式栏内选择“GIF动画”,然后对该动画进行相关的优化设置后点击“动画”选项卡,如图7—08。) O1 L- q) D0 O8 N
6 N3 D! r; o0 J$ X' D/ H2 C! s

% p" \. f' {0 {% r1 S, ~+ B( ` 图7—08(点击可放大观看)
9 s0 ?/ J! J( G, g# H0 y 帧的处置——在该选项卡的上面有个垃圾桶图标,可用于指定帧的处置方法;( _( m( I; ^' @$ l
帧的延迟——在该项上面有个时钟的图标,可设置被选中帧的延迟时间;6 [2 ~6 D( P- n! y
帧的播放次数——在“永久”下拉菜单中可以设置动画文件在导出保存为网页格式时的播放次数;
7 k* {- S$ U' ? 裁剪每个帧——可将动画中的每一帧都裁剪成一个矩形区域,只输出各帧之间不同的图像区域;
! C6 m3 x- `# C2 R5 K0 d 保存帧之间的差异——取消该项后,只会输出各帧之间有变化的图像;7 I X0 P3 P+ ^; w% B8 r; I
各项设置完成后点击“导出预览”窗口右下角中的“导出”按钮,然后选择文件的保存格式及存放路径即可。
% \, g2 l$ O* q( ` 3、输出JPEG文件8 j; {! d+ m3 ]0 b3 L
由于JPEG格式的文件总是以24位颜色进行保存和输出,因此无法像GIF格式那样通过编辑其调色板进行优化。所以当选择输出JPEG格式的图像时,颜色表为空。如图7—09。
" L% @" P6 i D4 `. G* L- n( C9 n/ e9 |8 v E4 H- Z' ^

- r4 |! k& R8 t1 h' c( u9 T) f 图7—095 A9 z4 W4 q3 \3 m7 k
品质——设置JPEG图像的输出品质。品质越高文件也就越大;# D3 x( A: B$ U7 c: k
平滑——设置图像表面的光滑度;5 K5 B! p2 n; h) N4 d' k
渐进式浏览器显示——选择该项后,在浏览器上查看此图像时,将由模糊逐渐到清晰的方式来显示;4 u' ?; K6 x9 L& g; C' J) @1 N
锐化颜色边缘——将强化图像色边缘的锐化值,使图像更加清晰。 |
|