Google
      
发新话题
打印

Fireworks 打造精美导航效果

Fireworks 打造精美导航效果

: A) Q' L" @, e7 V1 ~

下边我将教大家如何制作以上这个按钮:
  |6 N: o8 R. r# {( K先新建一个500*400大小的画布,画一个400*40的长方形,调成渐变,如图2.1.1 + w- W- n; x8 h1 Q$ J( A


  [1 G" H- ~: V) H* O, ~4 Z! J  K2 q! P  ^& n' ]' O
(图2.1.1)

于是乎出来了一个我们做出来了个这个样子的图形如图2.1.2, M$ f; W1 {, g

. }! Z) }, W: {2 y
* t: Q7 Z, \, c  c
(图2.1.2)

然后我们用部分固定选定工具
; S! h: h# Q8 k3 o. q7 X, b
! k# T3 t( r: U: p$ ]& X4 J  l! n选取长方形的上边两点如图2.1.3
5 H7 R6 Y+ [! C8 H" I( E' [


- c; g/ \5 Z4 t: @+ r6 m/ _9 o9 J+ z
(图2.1.3)

按住shift键,按两下向右键。如图2.1.4
- B1 N8 G& N6 d. Z- g/ Q

+ {) y" H5 [( s2 _

- x/ p" l/ p; O6 M( u6 B" E(图2.1.4)

画一个绿色的长方形,我们通过部分选定工具得到一个如图2.1.5

  M3 Z1 r# y6 t7 Y0 U% b! l/ O

  Q. p0 F3 m6 C% J. q+ ?(图2.1.5)

通过复制粘贴我们得到如图2.1.6& {) p: D$ x8 R


; [2 _8 G& y- J4 ^3 k" m0 ^+ ]5 \
(图2.1.6)

通过! ]$ }4 l6 T: P

& P6 C0 \9 v* S7 M8 M) G) ?0 D

我们得到如图2.1.7$ R& o0 B4 m, V. C

, ]  ^  _$ o" K7 L+ l5 a

& R8 m- h& {# J" Z6 Y(图2.1.7)

图形发光,白色属性如图2.1.8
5 b0 [3 V& S4 z  ~3 N7 K3 [


* i& j7 E/ J* Z6 e+ U( u( M6 J2 ]! B" ?/ y- G  {% T4 O/ P+ ?
(图2.1.8)

然后再发光颜色为 #7B869A 得到如图2.1.9
. J: h# Q; R& H, Z8 g/ [

$ C* k  c! `+ _: c% V' _0 Z

(图2.1.9)

复制粘贴图形,去掉描边,向右移动两个像素,如图2.1.10$ {& d7 t1 u( X- R, u


2 _# |/ l6 s+ L
7 s3 ]2 o. ?: {5 c7 E9 d% V/ @(图2.1.10)

画一个长方形黄色渐变。放置图形下层,如图2.1.11/ `- D2 e6 x5 v+ ~

; e' l7 X9 `5 P) w

/ P7 t2 `$ w+ n- L( C: ?3 k(图2.1.11)

画一个长方形如图2.1.12) Y5 q) Y4 ~, t$ f: w

4 B- C0 o8 [9 v( r5 o

: w8 z) ?; ]' q% @$ z(图2.1.12)

设置如图2.1.13! z2 q0 ?- F* s# L; {# D$ ]) g

2 w( C( s* V5 Q+ h4 F4 t3 {
. A8 _- F8 s" E. N4 t
(图2.1.13)

把宽度设为“1”旋转“20度” 复制粘贴。然后向右移动一个像素。渐变变成白色.然后复制粘贴。
: \! v: J! R! v/ y( |如图2.1.14/ |6 B2 L: n2 q, W' G9 ^  v


8 ?. D! b$ z  L& s9 t, n! a7 a
5 r' n* Z* {7 A7 P) h(图2.1.14)

画一个白色的1*1像素的点向右移动1个像素变成黑色。重复过程。如图2.1.15* Y4 \. t8 B2 [; H" o1 v2 }' Q


: [& ^' n2 Z0 Q; S! D) {: q7 N- m/ s4 h2 Y
(图2.1.15)

OK,到这里我们这个图形基本上就完毕咯。


风往尘香花已尽,日晚倦梳头。物是人非事事休,欲语泪先流。
闻说双溪春尚好,也拟泛轻舟。只恐双溪舴艋舟,载不动,许多愁。

TOP

发新话题