Fireworks教程：光芒四射之殊途同归(1)

类似这样的背景光芒效果近来在很多网站广告和海报上频频出现，尤其配合粗体文字能起到烘托主题的作用，搭配插画风格的人物或产品也极具时尚气息。这种放射状的组合图形有纵深感，吸引眼球对重点的关注。那么在Fireworks要怎样实现这种光芒四射的背景效果呢？先看例图：


2 _( n* H) o7 R, y1 S

2 s1 E9 T& X6 h: e" h

: v1 n3 s3 h/ H3 |这里来介绍两种制作方法，不同的工具和步骤可以达到同样的结果。
- m5 N- P; N- e' }2 x7 P- x% q第一种方法：
0 I8 h8 N( D; d- i+ H: @使用星形工具，位置在Fireworks界面左侧的工具栏，用鼠标点下默认的矩形工具右下角的箭头就可以看到了。
1 G* ^+ f6 e. _6 u( r; L$ t


创建画布，因为这里只是做个范例，我的图片尺寸比较小，方便上传。各位在实际操作中可以创建更大的画布，在后面制作时效果会更好，也方便操作。言归正传，我用星形工具画了个默认的五角星。



注意五角星左下角的控制点，用鼠标按住向上拖拽，直到你需要的星形角数为止，拖拽过程中会有提示显示。
) u: O" ?" D+ W6 j# p
4 ~2 x) X2 _) m# i  s$ y/ N

多角星上方有四个控制点，按图中所示的红色标记选择半径控制点２向星形中心拖拽。
. n6 v. j# |# l% K) b, w# ]
0 @& o4 v9 I9 F; F8 \( L
8 ~/ F2 W' _: J# [* }# G! {
拖成个海胆样了，见下图：


) H4 V! \5 ]2 \! P
' O/ s$ R/ h; S% b% j没关系，再继续按住弧度控制点２向外拖拽。
- j! _! k" B" L2 i

- l6 [/ t5 I+ j1 p
$ O. Z5 G7 H' u* e拖到这个程度差不多。

, w: b/ }' t4 `: B+ J
, S: L4 E$ a& h
/ A1 A5 W8 _! t- e* T# m3 e* Q/ ]再选择按住弧度控制点１向星形中心拖拽。


. p( K' @- B: u; @6 }9 y; P6 u+ T: f% O
拉成个花芯很小的野雏菊状。
! Y# u* M. [, ?: x. J
* \% c+ d: L' a  o6 g5 X  ?( f
9 D4 S; Q6 ~3 i( [" G3 u
改放射渐变。
+ p$ J+ l% Y  y



7 B3 Z$ H+ Y- z. {; e8 T% r; D

3 ^  m8 f( @* a7 |- V
3 g! V* l- F2 e& J
- _+ y+ g* W1 a0 u6 W再画个同样大小的正圆，也做放射渐变填充，颜色的选择要跟雏菊有差别。
, N4 t& ^. G6 `# |4 L
2 x, O8 p& s/ l6 T

把正圆放到雏菊的下层。
! _  E3 }7 b) e3 X0 k


6 [3 @- H2 j9 ^( T再画个没有填充的矩形，矩形中才是我们所需要的背景。
: l3 G. O: y+ j; O# q
; Z9 P! B, ~! P8 b

6 z" P3 H5 J" ]) \1 z选中雏菊和正圆，Ctrl+X剪下，再点选剩下的矩形，Ctrl_Shift+V贴入图形内里，效果完成。

9 Q. }- i# g: i/ ?

加些文字和小星星就到位啦。

# n/ e9 B0 ]# u! ~5 x" j* V9 |( ^

4 F& F' C: G" E第二种方法：
% e" X- P8 {' Z: L( w6 @  v是经典的补间实例。如果你的Fireworks版本比较低，工具栏还没有多边形工具，这个方法就比较适用。
' f. L2 l- G$ m2 E* S: n* V0 z# V先画个高度相当于画布一半的矩形，线性渐变填充。


1 O! m0 \" j9 `$ S6 k
6 N8 j* ]* L* ~: ?+ N7 G在矩形上按鼠标右键，弹出菜单下选择变形-->挤压（skew)，选图形底部右下角的控制点向中间推挤。

0 l% B$ r" l1 b; h( ~  ?5 Q0 o

8 [6 q9 w  G- b) j; d% A9 [复制同样的图形，翻转，放到原图形底部对齐。





7 P/ ~( M9 M7 b2 t5 K

7 J' }/ Q) l) S( j2 Z7 `3 c: z
6 `/ L% N3 L' b  Y" F! C/ J8 B/ F按F8创建图形元件。并Ctrl+D原位复制一个。把新复制出来的元件原地旋转１８０度（图形上按右键，弹出菜单下变形-->旋转１８０度）。
, |# a" _0 N) R, U
) Y6 G5 ]6 }/ M8 [, B: T9 m6 l
% z& @- O* V. M8 w; I) }' X
选中这两个元件，Ctrl+Alt+Shift+T调用补间实例命令。
6 S3 p) Q; C2 \8 E0 V1 v9 _
) s- M, m% [8 b+ p8 n6 R& C
2 ?3 _4 \) |( ~4 ]; ]& N
  i: S" h: t6 x  \弹出对话框内填上１０次，不勾选分散到帧。
4 M& _+ K, \. a, S; G1 P4 a


按下确认键以后的样子。
# C* B, W) {0 q0 K' y


0 J0 R7 i; @3 g8 k下面垫上个放射渐变填充的圆。



1 r7 M6 q* p. e4 w' j& _剩下的就跟方法一操作一样了，画矩形，剪切其他图形填入矩形内里，添加文字就是成品了。