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

[复制链接]
查看: 280|回复: 0
gggds 发表于 2009-12-27 01:17:59 | 显示全部楼层 |阅读模式
效果如图 0 Y/ o/ w- {+ p

( _7 ^" t6 O' j) q+ g) R, {7 z
$ o- j! y! g# [" t& V  1、选择矢量工具中的圆角矩形工具,绘制一个170px×60px的矩形; 9 c! T+ K0 [3 |. L. t, g, W8 }' [+ P+ e
6 E1 C4 S: \" D$ t, Q; G

/ T) T6 \: n3 g. H: O9 @  2、使用垂直线性填充;   K! J" V, d% p% {4 }, _# M
1 I# ?8 n% G( }0 U

. C/ P8 l3 D  u- X: T, d5 L8 F- x' O, W) B
$ B  F/ X. u7 G& _6 Z
  3、给矩形添加外部投影效果,得到如下效果;   I! @( u# o/ o* {+ K( J
% g3 J4 ~$ t7 M- N4 T& o# {
* C/ b1 L  h) a" d/ J

- Q. l  i5 n$ M# J  4、再给矩形添加内部投影,得到如下效果;
; _/ G+ F" x* j, o$ N. r9 T
* E! a/ Q3 y. S, l
) k1 h9 R, E) E0 D' c- {, l! s# y4 V+ ?
  5、添加文字,选择字体Verdana。9px大小并添加外部投影,得到如下效果;
2 @' {1 ]4 ]! w, c* t7 k! ^3 g1 V0 l# O5 N  d

- G7 x7 Y- s' [* ]- e+ z5 N* V; M- ~
( h. J- v' J9 D/ Z
  6、添加分割线。效果如图; 7 W) U5 l+ L; ]
" ~- q' a! O9 w% ?( V9 V: I

) s/ F* \5 a1 u/ F  7、摆放好文字并调整间距;
' ~3 L; V6 {; [5 U
# C/ T2 a- V" ^  _/ n/ Z# q8 w: o- n7 h" x$ R4 A0 ~
  8、如果想给Menu添加高光,则继续步骤,在最上方图层添加一个实心填充白色的椭圆,效果如图;
* Q( x6 Y* e) j! b9 \0 M' B, r
% v4 V1 ]- U* u' U$ w5 c; u% S" |( L) R8 H6 U. j
  9、选择最开始的圆角矩形,复制一个,点选白色椭圆,反键->编辑->粘贴为蒙板。并在属性栏选择灰度外观; 5 Z; Q) F) Z3 l; I" |: d( W* d) T

! o& K) b, ]+ A& p7 d
! J) }- W8 }$ l$ P: ?9 h6 v  10、最终效果。) v/ N: a6 x# M5 B: i4 N
: o' h' j6 p: S# W

本版积分规则

精彩图文

Copyright   ©2015-2016  展示网  Powered by©Discuz!  技术支持:凡尚展览     ( 粤ICP备14065977号 )