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

[复制链接]
查看: 243|回复: 0
gggds 发表于 2009-12-27 01:17:35 | 显示全部楼层 |阅读模式
这是' p8 p( o7 v) d: x  A
Mac
: S. D& |# C% p( bromedia
0 w# J% ?( E" U2 f- c4 D- |Fireworks! U7 F: k8 _$ l5 e
8官方网站上新版Fireworks功能宣传一个5 s3 c+ k. a7 x! |7 Q3 l: V% m: ~
Flash
" d/ @- {1 \5 Z: _1 K3 a按钮,暂时把这个按钮效果叫Macromedia按钮吧,呵呵。: o7 S% i4 J. T" `7 S2 }
; T; f6 p" l6 {  e4 `' |5 c
/ L1 |2 b, P6 B1 y* c

9 U+ U! i/ a+ Z% T2 f下面我们使用
" O' C( @# N. k  P+ M3 `$ W( oFireworks0 t; y2 p/ W: E. g
来制作一款这样的按钮,看最终效果。看图:
, H( b3 o7 D. b2 b* Q6 |) ]
- H0 T6 q* R: X2 f- h  O$ W) T& ?
' K% C+ ~: ~! Y# d; y% O
好下面我们开始
! r1 [  ~/ _/ X# O3 v4 IFireworks
( o- R" X3 j; G制作9 N8 y7 q: U: ]3 ]! p
Mac
( y+ r$ a4 g9 T" L  E0 ]" Jroedia按钮。
+ D" \  q$ G% i) z6 O  _1 T5 T* ]) q/ {( l# u, J

/ ~9 W  J! s9 y& N: S( N/ d8 b/ o6 }0 G- y: d/ M. @) H& E
首先启动2 x" F+ p. `5 V4 Z- h9 @
Fireworks
4 l, q8 C. ]- p; L& v, B,新建一个宽450px,高300px的图形文档.绘制四个矩形;p1:利用矩形工具绘制一个宽450px,高300px的矩形为背景图.设置填充为,图像>>叶片.- p0 N: z1 M& M2 E
% n, m% R# c) X) [4 I
8 ]* n6 d! f) p  L7 S. q* U* B! B

4 K" G1 k. e1 |8 ]) w, |再利用矩形工具绘制一个宽350px,高50px的矩形.设置为无填充,1像素柔化的白色边框,矩形圆度为15,不透明度为80%,效果为阴影和光晕>>发光.参数如图
( E+ ~( l* b' e
+ m. R/ l# ?# C5 M! A' {$ J+ `8 m5 _! _
- `- q9 n+ O* g. x/ _
再利用矩形工具绘制一个宽350px,高23px的矩形.设置为渐变>>线性填充,如图,两端都为白色,左边透明度为80%,右边透明度为40%,,无边框,矩形圆度为15,不透明度为100%.
8 c' ?' v3 @% l/ `+ Z3 w# H# i! v再利用矩形工具绘制一个宽350px,高27px的矩形.设置为白色实心填充,无边框,矩形圆度为15,不透明度为30%.8 ]- t% O. ~& ~% c0 q6 K% U$ [

3 z' Q3 c" u2 \2 ~
7 G. R" U5 N% Q! g3 q
/ S* U: T% B6 |0 X2 L! V3 C! N把P3和P4往P2中间移动拼合,得到如图效果:
  Z# |$ W7 e$ t6 U) h
, z: x/ Q( {% A
+ a/ R, L, m! F3 ?! z: ^6 h" X+ Z5 N+ U8 k- L
在加上文字效果阴影和光晕>>投影.就得到了最终效果. OK,大功告成8 b& c( T' A; g4 O$ I/ B- D
' j" S, A) F  Q$ K0 d

本版积分规则

精彩图文

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