Fireworks制作按钮简明教程

效果如图（PNG源文件，反键保存。）
7 ?2 e8 h4 T2 V; L$ A4 X, O

! _0 o- A; {+ k, p9 J; H
6 [% u5 R! v* s. C& {. ]1、选择矢量工具中的圆角矩形工具，绘制一个90px×40px的矩形；



2、使用椭圆形填充；


% g; @2 \5 c; F8 G
3、给矩形添加外部投影效果，得到如下效果；



9 r) E: {% X- S- P

) ~% v$ U7 y- l9 a! g4、再绘制一个84px×22px的圆角矩形，用“扭曲”工具变形；
9 z& o- R) l: P+ d$ q( Z

  G+ t/ V$ g5 Y9 ?) }& x$ I

/ n% o; M) @, v* L- U
5、使用椭圆形填充，透明度设为50，如下图所示；
, F3 }) f; g1 f: b4 q) i- x

$ \" 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


. 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
8、添加文字，选择字体Abadi MT Condensed Light，16px大小加粗并添加外部投影，得到如下效果；

/ G8 R: D( g+ W' S( {7 Z  g) {
+ U) W4 x$ `3 o+ _

/ 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" _

4 z' c, Q' i1 d4 g6 A& h