Fireworks 打造精美导航效果

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

! ~3 G" w8 Z2 I! |8 R$ c1 {(图2.1)/ ~! P7 V1 i3 A, L  T% X3 H
下边我将教大家如何制作以上这个按钮:$ ?9 \5 r; ]" r  f9 ?( e$ @
先新建一个500*400大小的画布,画一个400*40的长方形,调成渐变,如图2.1.1 5 C6 t# l0 E: Z8 y$ X) z! R& q
% S5 ]1 f1 A5 Q2 B2 p  ?7 T

* j) t0 ]  l! k0 F4 q/ z(图2.1.1)
+ U6 P$ m# V$ G2 y4 O于是乎出来了一个我们做出来了个这个样子的图形如图2.1.2
# A& U1 \1 N9 W) m6 w3 R9 d- R( N- j" v5 J

0 x2 k' s/ J/ j(图2.1.2)$ d  t9 ~  ~! M' b( ?- I9 A. @$ J
然后我们用部分固定选定工具
! L9 p, [5 x; m; y' M& {  _4 \0 }" {  o. h' A/ g/ W+ d6 _( n$ i  q

: c& u( [: S& j; w$ v% }& ]选取长方形的上边两点如图2.1.39 C! l4 Z1 s( g0 [. `/ b3 n8 ?

7 C. l& m+ D# I2 N9 V1 N& Z# k4 ^) Q8 W# g  p* K
(图2.1.3)2 Y) s' X4 V) }7 K+ j: Z- T* ]+ @
按住shift键,按两下向右键。如图2.1.4/ g3 q4 {! |3 k  y. D
6 a2 R, _. I/ E# C/ \/ ?) x
" X$ D& e/ u9 h/ ]& u
(图2.1.4)
+ f: }; t8 a' i2 f9 a4 O画一个绿色的长方形,我们通过部分选定工具得到一个如图2.1.5" R& d& W2 I4 O5 z- h( G5 a
; g& h" \; T6 T/ _0 u3 _0 U9 T
% @8 n3 ]; E  \8 m( Z6 R
(图2.1.5)/ |) t5 h, g2 m$ D* {$ p% @; _1 C3 d
通过复制粘贴我们得到如图2.1.6
* z' p7 n0 h4 f: f( v) U! U1 L7 A: S' o

9 i- F. E- S1 V/ ?2 _3 a(图2.1.6)
  g+ @& |. u  z. o( Q% Q* a通过
/ W$ Q1 V2 r/ k- S+ O4 i6 {4 }5 T. M- L

2 o) g, U" x. O, R2 b, I
- g- Z. `0 _. }  r( ?1 r我们得到如图2.1.7
1 G% f! \* X* U( U% Q: a3 {/ h/ L4 b9 }6 E- ~# k% G/ m

5 L# ?) v5 Z9 ^4 v(图2.1.7)
. \6 S6 N4 N5 W/ \) A* I. m3 P$ r图形发光,白色属性如图2.1.8
1 H- F+ p: V* G* ~4 M) }% n
) D) p/ Q+ E( Z6 Z5 m
: ?* f' x! E6 {' n(图2.1.8)& F! r2 z  W  J" s. x. u2 o+ K
然后再发光颜色为 #7B869A 得到如图2.1.9/ `, q/ D) I, M' p0 }" G/ A- k
2 g6 i* o1 v* H0 J2 @

! c) u9 b/ ]' m. s% B2 I$ F, v% j& V, _6 \5 N. z% l) I( z
(图2.1.9)
& S9 U' d) B1 J) j- L* q2 ^9 z- K' q复制粘贴图形,去掉描边,向右移动两个像素,如图2.1.109 |7 ~/ H" k5 O8 S: j  [
3 X' j, e1 R+ e/ F5 H! S
& n# \3 N$ A0 R) W) t$ |
(图2.1.10)2 z9 U, ]- H7 s8 o
画一个长方形黄色渐变。放置图形下层,如图2.1.11
) B7 [  ]( V$ d# F
+ ^: v( _9 Z6 t7 x7 k+ p. r! @# M9 z
(图2.1.11)
+ h7 V# ]% `4 m4 c1 ]- N$ t画一个长方形如图2.1.12
. f( z9 C6 p! _* N( K& Q+ o/ V1 s% e* w5 h2 n% e6 f
& H  ^* u0 c$ D: |9 i
(图2.1.12)- q7 S5 s4 w+ D5 w7 d5 e9 k0 K
设置如图2.1.132 {8 ^, p- ]& P. T& L& E
; U& ^' u9 Y% k
, e+ P1 n& C3 E' c) X+ x) S4 R; ?
(图2.1.13)
+ J, K% m7 G3 l( t% _  Z2 V把宽度设为“1”旋转“20度” 复制粘贴。然后向右移动一个像素。渐变变成白色.然后复制粘贴。
- L1 ?* ~& Z9 \& M3 A) a如图2.1.14
% ^- D9 N! X9 ?; F: E7 `& T- X  s
7 a" k& r/ h7 _7 {" ]  W/ ?2 ^
- l" F; r3 V7 z- d+ ]% ?(图2.1.14)
6 S2 B% J  W8 [+ {6 u9 B画一个白色的1*1像素的点向右移动1个像素变成黑色。重复过程。如图2.1.153 [0 f9 V, n: \. N6 X  W' n, ?
9 m8 y( B7 O( D9 h5 o
% X6 S" z* l- Y( H9 K
(图2.1.15)  Y! s0 c8 P3 {' X2 k, e
OK,到这里我们这个图形基本上就完毕咯。

本版积分规则

精彩图文

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