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

效果如图
' Q- Q' [9 C9 u( l+ a/ `

# m9 \) M" I' F( K' Q　　1、选择矢量工具中的圆角矩形工具，绘制一个170px×60px的矩形；


) m% E6 ]% G, E' P/ \- U  P　　2、使用垂直线性填充；

1 U7 |, S  ^6 M  o
- u  H4 l) }) L" F0 M8 @
1 a1 }6 W( c/ q2 M
　　3、给矩形添加外部投影效果，得到如下效果；

% u( R/ x$ y$ N

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

+ H$ S$ X0 n* W
! L! d/ L$ p' t, F8 |
$ y# R! D& i. F3 ]5 F　　5、添加文字，选择字体Verdana。9px大小并添加外部投影，得到如下效果；
' V. v  d2 r, O' T



　　6、添加分割线。效果如图；
7 `0 w5 H. R9 a) ~0 M
2 e0 P) g+ @; f+ p9 }  }# s
( K, l7 S. `& w6 R- g5 _　　7、摆放好文字并调整间距；
1 k: U/ {* I6 y; o) }" s

　　8、如果想给Menu添加高光，则继续步骤，在最上方图层添加一个实心填充白色的椭圆，效果如图；


　　9、选择最开始的圆角矩形，复制一个，点选白色椭圆，反键->编辑->粘贴为蒙板。并在属性栏选择灰度外观；
6 ^- T% m2 l" f2 m0 b

. w' {  r" K* S* o. p2 q　　10、最终效果。

, h' n# ?% k4 `+ E6 k