Fireworks 打造精美导航效果

(图2.1)
下边我将教大家如何制作以上这个按钮：
" R/ h7 m7 e1 c先新建一个500*400大小的画布，画一个400*40的长方形，调成渐变，如图2.1.1

9 D; A. C% v# u7 m. {
（图2.1.1）
于是乎出来了一个我们做出来了个这个样子的图形如图2.1.2

: l# m4 g' h! ~1 \8 c, V
（图2.1.2）
5 u7 c. c* m, w( c9 s- H然后我们用部分固定选定工具


选取长方形的上边两点如图2.1.3
% R  N  s* k, |
9 o! O- v0 |( {
6 k5 H4 r8 y6 l5 o（图2.1.3）
按住shift键，按两下向右键。如图2.1.4
* i, U& U9 t' K7 j  r3 o
' k) _4 ^1 e* {/ n8 x
（图2.1.4）
2 ]+ V$ e, f# ~* c% X画一个绿色的长方形，我们通过部分选定工具得到一个如图2.1.5


（图2.1.5）
通过复制粘贴我们得到如图2.1.6

+ o+ u' W3 X9 x. Z4 k/ \* x& k* W
4 b, a/ C- L/ B9 z7 m1 Q! ]1 T（图2.1.6）
# j- @+ s9 |2 |0 k! y7 ?& }- u+ w6 P) @通过
# x' B6 ?/ @2 I. {+ N+ c
# [( D$ C* P! x/ `+ ^) d
7 E. _3 I* Y9 o) f* Z$ v8 i
- N+ G8 a! G5 B% D3 w4 w" [/ W9 v) T我们得到如图2.1.7

, i( O- Y) f" x3 e( N
（图2.1.7）
$ r6 y+ [/ x  v! B2 B图形发光，白色属性如图2.1.8


/ h7 T* O  H8 j) `2 |* h（图2.1.8）
) K, d' ?0 {* p+ k: p然后再发光颜色为 #7B869A 得到如图2.1.9

) B- |, ~/ d3 {
9 \1 Y8 H( O! d
（图2.1.9）
  _; |: f5 ^' A; s) l复制粘贴图形，去掉描边，向右移动两个像素，如图2.1.10


（图2.1.10）
画一个长方形黄色渐变。放置图形下层，如图2.1.11


5 l& U3 U8 f3 g（图2.1.11）
画一个长方形如图2.1.12
/ D$ M0 u, }( k% A
( }/ ]' A/ t$ q' T# q: i6 M9 P$ Q5 ~
(图2.1.12)
设置如图2.1.13

* m9 l+ L- [& h  d) H/ W
（图2.1.13）
- B, x" T8 ~: }: x把宽度设为“1”旋转“20度” 复制粘贴。然后向右移动一个像素。渐变变成白色.然后复制粘贴。
% A# p/ P3 o/ k' s6 u如图2.1.14
0 r+ O  a" t9 E4 E  w8 U
2 w6 I4 w0 g" z& ]7 ^, Z& ]
（图2.1.14）
( h. n1 q: i" Q# t; o" Q/ e. ]8 W画一个白色的1*1像素的点向右移动1个像素变成黑色。重复过程。如图2.1.15
9 F9 i- _. i, w# T- I+ U6 [, v

（图2.1.15）
OK，到这里我们这个图形基本上就完毕咯。