Fireworks 打造精美导航效果

2 @& T  v/ N" b! ?! F9 p" W(图2.1)
2 P2 M" r' Q3 R; Q下边我将教大家如何制作以上这个按钮：
先新建一个500*400大小的画布，画一个400*40的长方形，调成渐变，如图2.1.1
* V6 |  v1 h( }
! H1 A  d6 |' V6 f7 P3 c
（图2.1.1）
5 f/ s* @* [. |$ F0 C于是乎出来了一个我们做出来了个这个样子的图形如图2.1.2

% N# B& R$ `$ ~+ h( Y
2 x3 j2 \- r; a2 {2 @% z! `+ V（图2.1.2）
然后我们用部分固定选定工具
) [7 D- c8 V$ v# z/ [7 C3 C

$ W0 U) E* ~& {/ ^2 E4 ?选取长方形的上边两点如图2.1.3


; o! Q4 {6 [6 `# ~% P8 a. {（图2.1.3）
按住shift键，按两下向右键。如图2.1.4
4 _- |# \0 p- d

（图2.1.4）
: F. Y6 e5 I% I- L0 Z画一个绿色的长方形，我们通过部分选定工具得到一个如图2.1.5
  a" p( x+ ^0 }
, G3 {9 |5 e6 g3 D5 \0 }/ O: D6 Q
+ q& u' b/ p- `（图2.1.5）
7 v& l0 D, \# o# P通过复制粘贴我们得到如图2.1.6
3 Z. k2 [' [1 z& V9 w% X- u

（图2.1.6）
通过
9 q1 V) E8 j4 m; @+ t& S
+ B; n' i, d0 m% M% v' B% w( {

' f1 n0 S2 B1 Q) U5 D我们得到如图2.1.7

2 t# s0 W' V9 ^) t: e) S/ \, {
. j# ?4 I9 k/ C8 q5 f. A# K（图2.1.7）
图形发光，白色属性如图2.1.8
, Y( g8 A$ U2 r4 i. Y; j6 i- `

; Y" x6 D% y% b" n' C5 ^  Y（图2.1.8）
; ~4 Y! H# C& X  |: U  K2 I* {+ x然后再发光颜色为 #7B869A 得到如图2.1.9


. l$ e. `- T1 \3 |3 r5 J, h
（图2.1.9）
复制粘贴图形，去掉描边，向右移动两个像素，如图2.1.10


（图2.1.10）
画一个长方形黄色渐变。放置图形下层，如图2.1.11
- A% E. _( H+ a

* f+ B+ l- C* Z& E: B（图2.1.11）
画一个长方形如图2.1.12
8 G1 s. s. W4 H. i2 D

' p5 k+ j7 D" e! D5 G/ O( _2 Z(图2.1.12)
设置如图2.1.13

8 k( d9 ^9 i; \" h
& J4 W' s! F9 ~' ^+ \（图2.1.13）
9 @/ B5 E+ |! X7 H) b: a把宽度设为“1”旋转“20度” 复制粘贴。然后向右移动一个像素。渐变变成白色.然后复制粘贴。
" S$ I4 v/ h2 u/ s如图2.1.14
9 o# I! K% w- d

（图2.1.14）
7 O' `2 {0 b$ Y$ c3 [画一个白色的1*1像素的点向右移动1个像素变成黑色。重复过程。如图2.1.15
6 q8 P* p1 }: J$ m6 f
# e% e* S" u9 a& y0 S: V9 ^' ]
（图2.1.15）
+ H  n& P" L7 }1 d0 vOK，到这里我们这个图形基本上就完毕咯。