Fireworks接触效果按钮的制作

核心提示： 6、输入相关文字提示，这样按钮的Up状态就完成了，Fireworks接触效果按钮的制作(2)，如下图所示：7、接下来，我们编辑按钮的Over状态，可以参考这里的相关的基础文章介绍，好了，8、直接位于点击编辑区下方的按钮，这样就将Up状态的按钮内容全部复制到Over状态来了

6、输入相关文字提示，这样按钮的Up状态就完成了，如下图所示：

7、接下来，我们编辑按钮的Over状态。8、直接位于点击编辑区下方的按钮，这样就将Up状态的按钮内容全部复制到Over状态来了。9、接下来的操作就是我们制作按钮按触效果产生的关键了，选定位于上层的圆角矩形对象，打开Effect（效果）面板，执行其中的“Effect--Shadow and Glow--Drop Shadow”效果命令，在随后弹出的阴影设置框内不需进行其余设定，保持其默认设置即可，如下图所示：

10、在上层的圆角矩形对象仍处于选中状态下，继续对其进行Effect效果命令处理，执行“Effect--Shadow and Glow--Inner Shadow”效果命令，在随后出现的内阴影效果设置框中，将阴影的距离大小进行细微调整，数值变小些，这里设为了6像素大小，其余设定保持默认值即可，具体设定请参看下图：

11、还有一步操作比较关键，为了让按触的效果更逼真，将位于上层的圆角矩形分别向右向下移动一个像素的距离，使用键盘的方向键进行调整即可，同时将文本对象也相应的向右向下移动3到4像素的距离，调整后的Over状态的按钮如下图所示：

12、接下来编辑按钮的Down状态。直接点击位于编辑区下方的按钮即可，我们可以对Down状态的按钮再次进行调整，这就按照你的心意来办了！呵呵~~~:)13、按钮的其他状态就不需要再次调整了，上述操作完成，直接关闭按钮的编辑区，返回到主编辑区，我们可以发现，我们制作完工的按钮已经出现在编辑区了，如下图所示：

14、直接点击Preview选项进行预览，按触效果是不是已经出现了？

15、接下来我们就需要导出制作好的按钮到网页中去了，具体的方法不作介绍了，如果对这一块的内容不太熟悉的话，可以参考这里的相关的基础文章介绍，好了，本节学习到此结束。

最终效果源文件：