Fireworks 打造精美导航效果

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

# N9 O) k/ c. ?. ?(图2.1)1 S% l$ y. x9 f
下边我将教大家如何制作以上这个按钮:
" }- I- s2 |9 F5 f5 r! |! l# @先新建一个500*400大小的画布,画一个400*40的长方形,调成渐变,如图2.1.1
* v4 w( f: b/ i
4 r6 m! |/ [1 N0 x  O6 G5 y# B$ Q! F* l/ y% C3 ?8 X
(图2.1.1)
  c/ D$ k* W$ _, B9 T9 m于是乎出来了一个我们做出来了个这个样子的图形如图2.1.2
5 L9 |- t4 |  U* B" ^- {5 n+ P( L/ s

1 ?4 A, _3 l( K1 P(图2.1.2)9 z4 I& i) \* A2 [
然后我们用部分固定选定工具( P+ W1 a# t& v" _/ G: e
2 ^) |) L# P# o8 _! f/ @9 @
% r+ W  V! T, ]8 _6 c# |9 q; c7 h2 Y7 w
选取长方形的上边两点如图2.1.3- f3 u9 B  b3 U8 ~$ _6 r
. o- z/ ]( Z( |- L
8 E  T3 e! }# n& J4 i
(图2.1.3)
8 ]  X, p- C# T7 H6 d按住shift键,按两下向右键。如图2.1.4
1 ^6 L* \: B6 f+ m& t/ N5 ^- \9 n7 l- n; ]' S' i" M+ \6 b

4 X9 O6 w& ]" x( T(图2.1.4)
+ F& e; i7 E/ ?5 g# s画一个绿色的长方形,我们通过部分选定工具得到一个如图2.1.5
2 `, {0 Z" F& W7 r: m3 M
1 z; y$ F3 [% L2 c; t' U% L$ a& ]8 e' `$ S7 |2 J
(图2.1.5)# c& t2 P& M3 }3 i  v) E4 j( x. A3 m. v
通过复制粘贴我们得到如图2.1.67 g$ R0 O' O3 i: Y; _9 n
4 \, |: J, s. d  a( k( v. [6 R& |

  A: M8 I1 \! b2 @& z8 Y0 Z% Z7 |$ `(图2.1.6)( r6 j# k; I# W$ [
通过# I/ n' |3 m: ?4 N7 W0 y$ O
8 G4 F/ H% w; l4 ?$ D, g% t* O
3 N6 |, X1 ~) P4 j% v2 R

; i7 o5 A# Y4 n$ ?4 a# f我们得到如图2.1.75 Z  h$ w# V9 k% U
2 p0 J. N0 X2 h) G  ?

% i" z0 j8 F& [(图2.1.7)# k$ I4 n4 J* s# O
图形发光,白色属性如图2.1.81 \' H6 Y/ g; T. b2 K/ V
+ ]# |" u( S+ u  d, N# s* z

$ c: |# n0 w" z" M% x# f; @( u(图2.1.8)# a* i6 U3 J) e' k; b7 |" }
然后再发光颜色为 #7B869A 得到如图2.1.9# h7 @! k, F' ?& `* a9 G' |

+ U/ `8 g4 F3 H3 U1 C7 C/ s- r  Z5 h$ V

8 I2 V# w' Y: Q2 A(图2.1.9)
' m+ Z7 J# r$ n3 x复制粘贴图形,去掉描边,向右移动两个像素,如图2.1.107 `" @/ Z" S- r" t

* x7 \9 [( d" J! v- \! ~4 q( c4 V) R1 S/ j( l4 B- A8 C. v! X% }
(图2.1.10)
8 h0 n& c- C8 T/ S0 |9 P画一个长方形黄色渐变。放置图形下层,如图2.1.117 S2 P3 _  t+ ^9 f
1 d: F( c3 y+ i1 O( J& g! u
  B1 s2 P0 |( `1 C; {7 g
(图2.1.11)
5 _: I* d9 ~3 Z- a* V! F: _画一个长方形如图2.1.12
* W/ [. G, }  E0 q' u+ V4 \7 S& ?0 @2 G: z

6 D' W; f, T' j' ^(图2.1.12)
; {, _& J& F; s设置如图2.1.13
' P: R7 z# j9 e5 @2 \& W8 K5 F$ Y7 S+ X

8 p! u0 }' S4 p(图2.1.13)4 s, Y* ~  K1 Z- k
把宽度设为“1”旋转“20度” 复制粘贴。然后向右移动一个像素。渐变变成白色.然后复制粘贴。2 e+ z7 }8 i; V) e; l; n$ Q) r$ r8 Z
如图2.1.14
' f, I- _  w$ ~5 C( q3 L. F0 O" R: ]2 D2 z
7 B+ W# \, q  S' B
(图2.1.14)* h. q' E6 C& O$ s' A0 |( C) m! A
画一个白色的1*1像素的点向右移动1个像素变成黑色。重复过程。如图2.1.15! e5 i$ Q8 q! A& o; A
- D8 T/ j: J% V; A; T/ U' V% @

, j; Q( A5 h4 U& ~9 o(图2.1.15)
- h, q* U: x" `  e$ u( iOK,到这里我们这个图形基本上就完毕咯。

本版积分规则

精彩图文

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