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

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


* n! M- o% {' n; L! M. K- {

. J. |! j& T) U7 i2 d4 W2 U
" T5 d$ C3 v; h6 U
- {( W9 s3 L: h这里来介绍两种制作方法，不同的工具和步骤可以达到同样的结果。
第一种方法：
: M) A- O) h+ v0 n使用星形工具，位置在Fireworks界面左侧的工具栏，用鼠标点下默认的矩形工具右下角的箭头就可以看到了。
8 \9 |/ F) P5 \6 V+ X  S1 [
! Q# r8 z1 m0 ^4 J9 M

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



( v8 {) S8 x: B, q# G* u9 C注意五角星左下角的控制点，用鼠标按住向上拖拽，直到你需要的星形角数为止，拖拽过程中会有提示显示。

/ G. Z, K5 o  n9 d+ K2 ^8 D

多角星上方有四个控制点，按图中所示的红色标记选择半径控制点２向星形中心拖拽。


! w- b# r$ Q+ c6 ]$ |
拖成个海胆样了，见下图：
2 x+ ^* t( O( H7 Z6 [1 c3 l
' k0 ]! Z# b' q; b- q5 T

没关系，再继续按住弧度控制点２向外拖拽。

+ p* ?: o1 p" l4 P& i+ L- @
5 g& o0 [- t) ^% q/ H6 R7 Z
拖到这个程度差不多。
4 k+ G$ i6 B. X! q1 \+ p) C; ]

8 G8 W8 F8 y7 S) c: c: S
6 {7 N/ T% i) n  h6 Y再选择按住弧度控制点１向星形中心拖拽。
8 z. F$ \' r2 H; _

2 t6 a, D6 G  E+ W! }/ N1 |; U
4 B* v5 |  V, F( n/ A拉成个花芯很小的野雏菊状。

: ~9 b; t- L+ ?% f! W) p& A$ o

3 i3 S/ D" p- g, O改放射渐变。

. w3 e2 p" ]) @( o+ y, X# b
) E  n4 J. P5 J5 E; b4 w- L
& l5 ]! Y2 p. |! d6 t




再画个同样大小的正圆，也做放射渐变填充，颜色的选择要跟雏菊有差别。

9 r& @$ p; j0 ~2 }- C0 `

- n6 {$ p) W. y7 I2 K8 x; U$ j5 ?0 |把正圆放到雏菊的下层。


: i) p+ ~/ c4 D6 V- `$ ~# h
再画个没有填充的矩形，矩形中才是我们所需要的背景。

, q; s2 I3 [1 ], A. Y
3 [4 A7 t% t7 a
9 U8 I* b9 A$ h: R选中雏菊和正圆，Ctrl+X剪下，再点选剩下的矩形，Ctrl_Shift+V贴入图形内里，效果完成。
2 M+ i7 r$ D( N# w8 q: C
3 i1 y) T2 \- v1 V
* y& D- l8 u% f
加些文字和小星星就到位啦。
  l' k' L, U+ b( p
4 T$ m) N4 l7 o! ~( Y

+ f3 n8 `  Q6 l- M5 a第二种方法：
$ L, O; S# t/ `3 c是经典的补间实例。如果你的Fireworks版本比较低，工具栏还没有多边形工具，这个方法就比较适用。
先画个高度相当于画布一半的矩形，线性渐变填充。
0 U0 B$ p) w% k( a6 T; a

* c( Z  ~9 S! `. C
在矩形上按鼠标右键，弹出菜单下选择变形-->挤压（skew)，选图形底部右下角的控制点向中间推挤。


7 c+ K5 ]( t1 Z7 d
复制同样的图形，翻转，放到原图形底部对齐。
* z* @" h2 ?1 \+ [, U4 k
( y  {* w) V: i0 s# |  E
" e6 r+ [  O; S" e3 \8 y4 e
- ^- x* H2 Y% V
. V! ]& y# D: K# J



4 B, u$ j  U# l0 v按F8创建图形元件。并Ctrl+D原位复制一个。把新复制出来的元件原地旋转１８０度（图形上按右键，弹出菜单下变形-->旋转１８０度）。
% }) L# b+ b+ E3 S( N& W- E

) w8 A4 ^4 o3 \- ]
选中这两个元件，Ctrl+Alt+Shift+T调用补间实例命令。


8 Z/ r! U) e0 q0 m; [+ u. q
/ }& ~3 A3 }* f) _+ R弹出对话框内填上１０次，不勾选分散到帧。

4 b; E6 g9 G6 G2 V- L
8 \' T4 k9 m% x. L% c8 Z9 s( s
按下确认键以后的样子。
. c, R( C+ w2 v3 S0 b% A& b  y
. J- w# M3 P+ ^  z% i
8 z; F/ p" i/ Z9 o
下面垫上个放射渐变填充的圆。



" q# }- J) G% t6 A& L( B剩下的就跟方法一操作一样了，画矩形，剪切其他图形填入矩形内里，添加文字就是成品了。