Fireworks制作按钮简明教程

[复制链接]
查看: 292|回复: 0
gggds 发表于 2009-12-27 03:12:19 | 显示全部楼层 |阅读模式
效果如图(PNG源文件,反键保存。)
7 ?2 e8 h4 T2 V; L$ A4 X, O6 Q9 N! @& I5 f7 M; B- g

! _0 o- A; {+ k, p9 J; H
6 [% u5 R! v* s. C& {. ]1、选择矢量工具中的圆角矩形工具,绘制一个90px×40px的矩形; - W- q8 ~# ?( h( V
% N6 _2 a* M6 Q: w% k" c; M% q% J
+ r8 e$ T4 I5 K# T! q
% k& h+ P: }+ a/ M' o+ r
2、使用椭圆形填充; ; \4 L. F4 k. o* Y, L7 ^( J1 D
6 a( [( s4 g& ?

% g; @2 \5 c; F8 G - T: t* R$ N/ o% g
3、给矩形添加外部投影效果,得到如下效果; 0 x$ u  N  }' F! Z
* G4 n: k. x  T% p% e
2 s+ N9 c9 u' M! n! O( d

9 r) E: {% X- S- P3 @3 m( \# z; E& n/ O2 g

) ~% v$ U7 y- l9 a! g4、再绘制一个84px×22px的圆角矩形,用“扭曲”工具变形;
9 z& o- R) l: P+ d$ q( Z5 @6 }" P. r- t/ K; l$ d

  G+ t/ V$ g5 Y9 ?) }& x$ I  d! u3 e. i6 ]6 J2 }) _

/ n% o; M) @, v* L- U 9 l) d) q; a. l8 U+ ^* h
5、使用椭圆形填充,透明度设为50,如下图所示;
, F3 }) f; g1 f: b4 q) i- x( V. @; f+ n# ]# B8 r

$ \" x* F+ h) n
. A5 ~4 b  d) Q+ @( G" {& o  g) V# s6、绘制一个90px×37px的白色圆角矩形,在复制一个设为蓝色放在白色矩形上方位置向下1px,选中两个矩形,修改->组合路径->打孔。并使用条状填充;
% R* \) W- X3 o) a4 R3 K
6 i5 Q8 T; N. B9 c- c+ U" f- ^: f7 t9 f$ ?
+ i, {: G- J) ?

. H& O2 v( Z+ N0 e& T
4 i: w8 \" m  h- O- x7、复制2里面的矩形,放到最上层,透明图设为30;
) }* j! Y& G) S5 i5 Y$ y: i2 {3 w
( Q2 e  ]7 G2 \# R( Z: {+ B
8 W+ O- }- g) z! ^" N8 ^7 P
0 y, e. t7 J( h! `' h
. V# P6 u# C, \2 F7 }) j1 x  T9 p. k9 l+ p; {* y$ W- v% {8 ?
8、添加文字,选择字体Abadi MT Condensed Light,16px大小加粗并添加外部投影,得到如下效果; : k2 @4 Y8 g: H3 X2 M( F

/ G8 R: D( g+ W' S( {7 Z  g) {
+ U) W4 x$ `3 o+ _# U9 O! c6 j. h: ]4 b& B

/ x/ k% ^8 d% F! k+ ~. L$ ~- r
6 o/ e" i7 e' z4 B; Z
7 p( }4 m) ]. g% d/ Q* O
% c( m2 T+ f" B: m2 ~10、最终效果如下:
3 N7 N+ j3 d7 a2 V" _& L- t2 }; ?) m" U& C3 x; c

4 z' c, Q' i1 d4 g6 A& h9 t6 O! {5 X: L6 i3 ]. h0 b$ _

本版积分规则

精彩图文

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