Fireworks教程:制作水晶按钮教程

[复制链接]
查看: 239|回复: 0
gggds 发表于 2009-12-27 03:11:09 | 显示全部楼层 |阅读模式
这是Macromedia Fireworks 8官方网站上新版Fireworks功能宣传一个Flash按钮,暂时把这个按钮效果叫Macromedia按钮吧,呵呵。+ o0 s. Y$ P! ]. n! H6 t

$ Y- @$ L' v+ b" s' F
1 }7 Y! B2 s3 p( Q4 V& l8 W, g  }  a/ ]+ a: n
下面我们使用Fireworks来制作一款这样的按钮,看最终效果。看图:
) e9 t) J) C8 d  `6 }* I% O- i6 L7 O* q9 O) N2 G  e' j
+ P" P  P5 t/ x& M, W% x6 u/ E- K  N
7 }' u/ s: Q% k' x) [$ x+ t
好下面我们开始Fireworks制作Macroedia按钮。: A) p3 o4 j. K' t9 J5 F& B
+ _) _- {! B6 v4 x5 ]" a) i7 ]2 [
) k) U' r- W$ e: T
- C" e! _" q# u8 u9 r
首先启动Fireworks,新建一个宽450px,高300px的图形文档.绘制四个矩形;p1:利用矩形工具绘制一个宽450px,高300px的矩形为背景图.设置填充为,图像>>叶片.+ v  j+ G% O2 s+ v' q0 s% z! i
/ j+ e, y6 V! U$ o* }3 l' u
$ l/ R/ d$ U' o# x

2 O5 x( ?# v* h% }4 z" I8 B再利用矩形工具绘制一个宽350px,高50px的矩形.设置为无填充,1像素柔化的白色边框,矩形圆度为15,不透明度为80%,效果为阴影和光晕>>发光.参数如图
  E% n+ C0 H, N3 `
$ a, j4 \: p" I5 _0 f' b) A  a& f6 d" O8 `2 v& h

9 @% z2 K6 x4 I3 j- P( a# Y再利用矩形工具绘制一个宽350px,高23px的矩形.设置为渐变>>线性填充,如图,两端都为白色,左边透明度为80%,右边透明度为40%,,无边框,矩形圆度为15,不透明度为100%.
; w7 F5 P) F2 t( |5 H再利用矩形工具绘制一个宽350px,高27px的矩形.设置为白色实心填充,无边框,矩形圆度为15,不透明度为30%.* s) a: @9 y$ N6 W) G! b7 C
$ z1 l0 @* ?' p/ G, q2 u

# J4 V, z0 v7 g/ j/ U. U
  s9 O7 F- p% G5 u! j把P3和P4往P2中间移动拼合,得到如图效果:  q$ D: [$ l) E
7 y% J5 X2 @# {" ~8 d' S# N

8 I# }: g- H: m( o& q% h' r
% ]  t  K' e8 h- m  e9 H6 i在加上文字效果阴影和光晕>>投影.就得到了最终效果. OK,大功告成
  C# r9 R5 Z/ ]) l+ L
. I9 q& m; Y( B+ S

本版积分规则

精彩图文

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