Fireworks教程:制作精致英文网页导航(1)

效果如图


　　1、选择矢量工具中的圆角矩形工具，绘制一个170px×60px的矩形；
0 I$ J3 \) Y) \, y% H1 v! ?6 D
& Z8 b2 {' D3 E8 \( D( V+ A- N- ?
/ u- u  Q/ }# Q: K2 n4 O　　2、使用垂直线性填充；




( c  K% \5 ^" ~0 q　　3、给矩形添加外部投影效果，得到如下效果；

/ I" m; k3 G2 @! w' H! N* J

　　4、再给矩形添加内部投影，得到如下效果；


5 }" Z5 [. u8 G% N% s; u
9 f% i. ^( i( x/ w) `9 P　　5、添加文字，选择字体Verdana。9px大小并添加外部投影，得到如下效果；
8 ~3 F- x: v1 V5 N: {% t/ c
0 m- U" \9 v5 x8 f5 {4 `
8 I/ L5 ]  D4 B# }

+ W1 t" v/ f9 _% I- S% Y6 s  ]; I+ _　　6、添加分割线。效果如图；


3 |  j6 l5 i" I5 I$ V' w' `　　7、摆放好文字并调整间距；

8 {! Q% n/ u7 L' O8 W( I
　　8、如果想给Menu添加高光，则继续步骤，在最上方图层添加一个实心填充白色的椭圆，效果如图；
0 J! [. k2 x4 Y: z6 @& C/ @: L7 H
- m) f2 ?2 b7 J0 l$ t1 Z3 r3 A
0 x6 S! h- m' r# N& j4 [- h0 M　　9、选择最开始的圆角矩形，复制一个，点选白色椭圆，反键->编辑->粘贴为蒙板。并在属性栏选择灰度外观；

* A( s! n5 O: {7 f7 A/ ^4 F1 v
# [1 @: Y( @% F' d8 W　　10、最终效果。
+ u% y3 G/ K0 p# ~7 r% e
' `3 ~: q; H* A4 e. ^