Fireworks 打造精美导航效果

! ~3 G" w8 Z2 I! |8 R$ c1 {(图2.1)
下边我将教大家如何制作以上这个按钮：
先新建一个500*400大小的画布，画一个400*40的长方形，调成渐变，如图2.1.1


* j) t0 ]  l! k0 F4 q/ z（图2.1.1）
+ U6 P$ m# V$ G2 y4 O于是乎出来了一个我们做出来了个这个样子的图形如图2.1.2
# A& U1 \1 N9 W) m6 w3 R

0 x2 k' s/ J/ j（图2.1.2）
然后我们用部分固定选定工具
! L9 p, [5 x; m; y' M& {

: c& u( [: S& j; w$ v% }& ]选取长方形的上边两点如图2.1.3

7 C. l& m+ D# I2 N9 V
（图2.1.3）
按住shift键，按两下向右键。如图2.1.4


（图2.1.4）
+ f: }; t8 a' i2 f9 a4 O画一个绿色的长方形，我们通过部分选定工具得到一个如图2.1.5


（图2.1.5）
通过复制粘贴我们得到如图2.1.6
* z' p7 n0 h4 f: f( v) U

9 i- F. E- S1 V/ ?2 _3 a（图2.1.6）
  g+ @& |. u  z. o( Q% Q* a通过
/ W$ Q1 V2 r/ k- S

2 o) g, U" x. O, R2 b, I
- g- Z. `0 _. }  r( ?1 r我们得到如图2.1.7
1 G% f! \* X* U( U% Q: a3 {/ h/ L

5 L# ?) v5 Z9 ^4 v（图2.1.7）
. \6 S6 N4 N5 W/ \) A* I. m3 P$ r图形发光，白色属性如图2.1.8
1 H- F+ p: V* G* ~4 M) }% n
) D) p/ Q+ E( Z6 Z5 m
: ?* f' x! E6 {' n（图2.1.8）
然后再发光颜色为 #7B869A 得到如图2.1.9


! c) u9 b/ ]' m. s% B2 I
（图2.1.9）
& S9 U' d) B1 J) j- L* q2 ^9 z- K' q复制粘贴图形，去掉描边，向右移动两个像素，如图2.1.10


（图2.1.10）
画一个长方形黄色渐变。放置图形下层，如图2.1.11
) B7 [  ]( V$ d# F
+ ^: v( _9 Z6 t7 x
（图2.1.11）
+ h7 V# ]% `4 m4 c1 ]- N$ t画一个长方形如图2.1.12
. f( z9 C6 p! _* N( K& Q+ o/ V

(图2.1.12)
设置如图2.1.13


（图2.1.13）
+ J, K% m7 G3 l( t% _  Z2 V把宽度设为“1”旋转“20度” 复制粘贴。然后向右移动一个像素。渐变变成白色.然后复制粘贴。
- L1 ?* ~& Z9 \& M3 A) a如图2.1.14
% ^- D9 N! X9 ?; F: E7 `& T- X  s
7 a" k& r/ h7 _7 {" ]  W/ ?2 ^
- l" F; r3 V7 z- d+ ]% ?（图2.1.14）
6 S2 B% J  W8 [+ {6 u9 B画一个白色的1*1像素的点向右移动1个像素变成黑色。重复过程。如图2.1.15


（图2.1.15）
OK，到这里我们这个图形基本上就完毕咯。