Fireworks制作按钮简明教程

效果如图（PNG源文件，反键保存。）



+ k$ h) N+ d. I1、选择矢量工具中的圆角矩形工具，绘制一个90px×40px的矩形；



. f. Q& c7 F: V. G3 H1 R9 Z, r1 s6 _0 Z6 }2、使用椭圆形填充；
4 [) W2 n$ |: Y+ V) K

% `5 k) t9 {/ }9 ~
7 @6 u+ [2 `7 ]8 m6 t3、给矩形添加外部投影效果，得到如下效果；
+ n: Y( v! q  a5 r- _# z5 b
& a! Z9 _$ O2 R8 L1 u- {$ l



. t: o% X: }& P( P( n4、再绘制一个84px×22px的圆角矩形，用“扭曲”工具变形；
9 q; g: O  ?. p! a8 J0 w


6 e  e4 p" i* g) Q+ u+ b1 Z* e

5 V2 b: V" y/ d  G4 q5、使用椭圆形填充，透明度设为50，如下图所示；
' E0 F8 _8 K' W& k3 ~* O& C  v, i


9 w! k' k6 y, h  F+ s6、绘制一个90px×37px的白色圆角矩形，在复制一个设为蓝色放在白色矩形上方位置向下1px，选中两个矩形，修改->组合路径->打孔。并使用条状填充；

7 H/ P4 W' ^" N: Z0 a



7、复制2里面的矩形，放到最上层，透明图设为30；
; f3 W% r8 h' K* i% v1 z, {  A

! _8 ?# ]2 \' z4 ?/ H# Y


# l, w; N0 s# M7 H- u/ V4 R" |0 L$ S8、添加文字，选择字体Abadi MT Condensed Light，16px大小加粗并添加外部投影，得到如下效果；

! ^, |, F1 R" Y$ t$ A/ G
3 I- F" T8 E: j3 O) B2 [- d) L
' \0 F: v5 q1 r( }& \1 i7 A" X
3 J, H) }- U- T7 G8 q6 r
% ~: ]9 h9 l- k) u: T
4 t) W0 ~, K6 a3 a4 i4 ~8 `  p
10、最终效果如下：
3 X7 d7 j" g( l2 r! c
$ y( d5 p: r: {/ Y  t4 M6 I
# ~8 t, W# M) ~6 i