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

效果如图

7 h6 Z6 q) b( i) G+ Z- c
　　1、选择矢量工具中的圆角矩形工具，绘制一个170px×60px的矩形；
* F& C& `& [! i6 A. a. e
/ a/ \0 N! M) L$ [# a( @1 H2 m
; u4 G; E0 h( t* z; R　　2、使用垂直线性填充；

0 M! R  o. v- f& j( I4 x

  |9 n6 {3 f6 [2 M# J7 _
　　3、给矩形添加外部投影效果，得到如下效果；
. E& q) i& v# {- R
( D( r  e% K8 H9 J
  |/ [$ `" ~; h  q% }1 a
" H9 [% `4 {2 W, N　　4、再给矩形添加内部投影，得到如下效果；
) G  y* G( R1 _3 X% c4 x
/ z# O+ i# Y$ p4 H; {( ^, Q

( n- H; p: }3 ?, \; m　　5、添加文字，选择字体Verdana。9px大小并添加外部投影，得到如下效果；

! p5 X$ E% }( k( y- t* u

2 g! c2 [% t3 C7 Q+ h6 Z( Q# P
8 S8 Q/ |) t  G% z　　6、添加分割线。效果如图；
+ z  P1 {; ^, @! [$ y$ A7 L

2 X1 M- W) y% X  G　　7、摆放好文字并调整间距；


　　8、如果想给Menu添加高光，则继续步骤，在最上方图层添加一个实心填充白色的椭圆，效果如图；
' I+ b/ M# L3 I; B- y

  [( Y: @! j4 D7 a6 X　　9、选择最开始的圆角矩形，复制一个，点选白色椭圆，反键->编辑->粘贴为蒙板。并在属性栏选择灰度外观；


9 p6 J7 b, ^: r7 ]) P' y　　10、最终效果。
! c' D# g7 }; \7 [% A- M