Fireworks - 象素按钮

关键词：矩形工具(rectangle tool),效果(Effect),文字工具(Text Tool)
这个教程将讲述网页上常见的一种导航栏的按纽制作过程。教程的部分图片大小被放大了200%。记住，在得到最终结果之前，你随时可以用Ctrl+Z来撤消你上一步的操作。
/ b6 x# S6 E: H  @+ c8 P  i创建新文档，File>New(快捷键Ctrl+N)。文档大小：150*150 pixels.如果图片用于网络发布，保持默认分辨率为72不变。
选择矩形工具，绘制矩形长为40 pixels，高为11 pixels。可以通过Info面板精确控制矩形大小。
2 _; [& S+ g9 M: [) |2 l


+ d1 R% i$ Z0 F保持矩形为选择状态，在Effects面板里选择Bevel and Emboss>Inner Bevel,参数设置如图，完成后，矩形按纽的形状应该如下图所示。

9 N6 r8 D; ^+ }, [/ d. i( \
% Q2 f+ |( O8 P  @4 P( Z
7 e$ v8 _- M: @0 R6 D& n
3 ~9 H+ k+ ]" F% @: t

保持矩形为选中状态，继续添加Effect,选择Shadown and Glow >Drop Shadown ,参数设置如下：
1 s' S. z) L: \8 A. j0 o
8 b8 P5 ?! q: q
. O+ l  W1 _: W& G0 {. ^+ `


& N2 L+ K7 f# B& Q, \5 I
. N4 D* ]: E. a+ E1 U现在我们需要在按钮上添加文字。这里我使用的是一种04系列的字体。选择文字工具，在字体下拉列表里选择04b_21，大小为8 px。这里我打下了QUIT，如下图所示。
4 ~/ _: x  u) ?# F2 I9 S- C

0 k# k4 B# T% a0 h! X
. M; f5 P% D4 y/ V1 x0 ?  [% O) |; [
, J3 [2 q& e8 @