Fireworks 打造精美导航效果

[复制链接]
查看: 260|回复: 0
gggds 发表于 2009-12-27 03:13:49 | 显示全部楼层 |阅读模式

2 @& T  v/ N" b! ?! F9 p" W(图2.1)
2 P2 M" r' Q3 R; Q下边我将教大家如何制作以上这个按钮:4 L. c2 Z7 k# q' W+ T
先新建一个500*400大小的画布,画一个400*40的长方形,调成渐变,如图2.1.1
* V6 |  v1 h( }
! H1 A  d6 |' V6 f7 P3 c9 }4 R; P7 v  A$ v) y
(图2.1.1)
5 f/ s* @* [. |$ F0 C于是乎出来了一个我们做出来了个这个样子的图形如图2.1.26 @, p! y' v( J+ L1 K5 T( ^" }% F$ c8 @

% N# B& R$ `$ ~+ h( Y
2 x3 j2 \- r; a2 {2 @% z! `+ V(图2.1.2); |5 w& o! J* a# y' n# }
然后我们用部分固定选定工具
) [7 D- c8 V$ v# z/ [7 C3 C# l& R) F, u7 C/ b

$ W0 U) E* ~& {/ ^2 E4 ?选取长方形的上边两点如图2.1.3! [: @1 B, c% j/ y1 _6 f
& R8 Z( e5 g8 n$ ^* {8 s/ v: |2 Y

; o! Q4 {6 [6 `# ~% P8 a. {(图2.1.3)3 _+ h7 e* K" ]$ Q1 `" p& o, G
按住shift键,按两下向右键。如图2.1.4
4 _- |# \0 p- d4 Y, m2 u$ P9 z5 E1 A! R
/ l6 d. w) F% l6 K
(图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  S" y. E2 C; ~4 b( |* r. Q
( |- s: v2 Q8 I, `4 n0 I
(图2.1.6); y9 s/ l" S: }# B
通过
9 q1 V) E8 j4 m; @+ t& S
+ B; n' i, d0 m% M% v' B% w( {' {# ~6 {1 [9 c* z* N

' f1 n0 S2 B1 Q) U5 D我们得到如图2.1.7. d" ~) W) o( @, V& o

2 t# s0 W' V9 ^) t: e) S/ \, {
. j# ?4 I9 k/ C8 q5 f. A# K(图2.1.7)8 r: n0 x' o, G6 D: X
图形发光,白色属性如图2.1.8
, Y( g8 A$ U2 r4 i. Y; j6 i- `1 q# T& X, P: w( t- f" g. C

; Y" x6 D% y% b" n' C5 ^  Y(图2.1.8)
; ~4 Y! H# C& X  |: U  K2 I* {+ x然后再发光颜色为 #7B869A 得到如图2.1.9: B2 R) D$ ?; ^% w! o& W: R+ g
$ [# M* }) M7 s" |

. l$ e. `- T1 \3 |3 r5 J, h9 j7 L# k) I! l6 d3 j$ |( S
(图2.1.9), T5 R' t! u9 v+ w4 w9 |, C2 d
复制粘贴图形,去掉描边,向右移动两个像素,如图2.1.10. O, G/ G4 d' G
+ N! ~: H0 P) o! G1 Q: I9 c' Y3 A
9 [3 U" d7 S9 r1 H$ g0 Q0 J
(图2.1.10)3 q1 _& O2 B+ j
画一个长方形黄色渐变。放置图形下层,如图2.1.11
- A% E. _( H+ a7 s) j$ Z! Y. Z6 e: K

* f+ B+ l- C* Z& E: B(图2.1.11)  _6 k0 b9 t$ C3 B  ?/ E: y
画一个长方形如图2.1.12
8 G1 s. s. W4 H. i2 D( ]2 S6 x8 c  {  n, R

' p5 k+ j7 D" e! D5 G/ O( _2 Z(图2.1.12)" i& z- q! f3 L) o+ x
设置如图2.1.13/ @( }; L$ P# ]3 J, [

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  `+ }6 l- b" P: Q( B
6 S$ p/ R2 ], i! w- V
(图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 ^' ]6 B' Z4 k) u+ a0 V. Y; A" Y
(图2.1.15)
+ H  n& P" L7 }1 d0 vOK,到这里我们这个图形基本上就完毕咯。

本版积分规则

精彩图文

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