使用Fireworks中的渐变效果来制作一个看上去很象真的3D按钮。闲话少说，我们开始吧。

第一步：

开一个新文件，选椭圆（Ellipse）工具，画一个圆（按住SHIFT键可画正圆）。

第二步：

选取刚画的这个圆，用填充工具（Fill），以线性渐变进行填充。我在这里用的是红黑渐变，如图1。

图1

第三步：

选取这个圆，打开效果（Effect）面板，在下拉菜单中选择Bevel and Emboss >Inner Bevel，然后设置以下参数：

你的图片应该变成这样，如图2：

图2

第四步：

克隆这个圆（Ctrl+Shift+D），这时，第二个圆已经位于原来那个圆的上部。

鼠标右击这个这个圆，选择Transform >Numeric transform ，并在Constrain Proportions 前打勾，输入数值75%。确定。

第五步：

选取这个圆，选油漆筒（Paint bucket）工具。这时你会看到两个调整手柄，其中方形的那个是用于旋转渐变方向用的，而圆形的则用于调整偏移量。下面将方形手柄旋转180度并稍微拖动圆形手柄，让它看起来象下图那样，如图3s：

图3

将该文件存为illusion.png。

瞧！一个漂亮的3D按钮就完成了！

下面我们要给这个按钮加一个“按下”的动态效果。

第一步：

打开illusion.png。打开层（Layers）面板，你可以清楚地看到这个图片包含两层，如图4。

图4

[1] [2] 下一页