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

[复制链接]
查看: 251|回复: 0
gggds 发表于 2009-12-27 03:11:25 | 显示全部楼层 |阅读模式
效果如图 ) v% y- H+ h$ E6 I* u; h3 `2 n8 l

" }4 ?! |# @2 K- m, H8 W
- ?' |6 x* N' T3 D# F1 i6 a  1、选择矢量工具中的圆角矩形工具,绘制一个170px×60px的矩形;
1 v6 H+ R, O3 Q! O& z
- }& Z  j3 o0 d# u9 ?$ ^, E4 C" s" C/ I" ^- C* S, K
  2、使用垂直线性填充;
1 t' S" Z( [. n0 ~) U( B0 P/ j( `
+ R! a: u- E' ]% ^/ e9 a
! Z# M2 _& ^' t& \" [' I
8 y7 g) i9 W( ?  W2 _
+ d6 H, U2 u- V* I4 B1 W2 ^  3、给矩形添加外部投影效果,得到如下效果;
( \) ~( M- r3 i' q8 s( t9 ^# q3 s. P5 a

8 P5 s/ F# }( N# F1 c- \' f7 U: f5 N# d+ E9 m; z% p) s# J& ^
  4、再给矩形添加内部投影,得到如下效果;
6 P! }/ I& t/ {4 K' d* n2 k0 v. N% y

0 M0 j3 w, ]4 r% `$ g% s
& |$ R) m% ~4 {- q0 a+ U  5、添加文字,选择字体Verdana。9px大小并添加外部投影,得到如下效果;
. X$ F, y) ]" i% M/ e' _
$ D8 x3 C5 g3 r$ R1 _9 I: }
% z) V6 T. x% M
( s: R4 f% L4 Z7 M2 s
6 J! K4 I, j" R1 y- {1 N  6、添加分割线。效果如图; 9 `' ]7 O) y4 |- K5 |3 t& u$ L+ T

# ?7 L0 [- |6 \# U8 P5 Q, [. D
  7、摆放好文字并调整间距;
" ]% e4 O6 Y3 B' G
4 q; e" M; r: y& G
/ i% g0 Z# Z+ S  8、如果想给Menu添加高光,则继续步骤,在最上方图层添加一个实心填充白色的椭圆,效果如图; % B2 [$ i. p( h' s- X2 q8 Y
9 C- k' j, L4 A/ R  }# S/ Q

6 g3 q5 L8 l+ [  9、选择最开始的圆角矩形,复制一个,点选白色椭圆,反键->编辑->粘贴为蒙板。并在属性栏选择灰度外观;
4 u! @( E/ O4 {  a) l3 T* k; H$ l) h
7 Y, E9 I0 G( o' o
  10、最终效果。) H! W" K( p" R' S+ F; z
2 u# l' L, T, {4 D+ h$ _! M

本版积分规则

精彩图文

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