电脑技术学习

FW快速制作动态按钮四状态

dn001

上一页 1 2 3 4

  (15)按钮的Up状态我们就选择原来的按钮状态,不做改动,接着我们选择按钮的Over状态栏,这时候发现里面是空白的,如图19所示。不要着急,点击 我们可以将Up状态的按钮图像复制到Over状态,然后适当地修改文本和填充的颜色就可以制作好按钮的Over状态了,如图20所示。


图19 按钮Over状态没有图像


图20 复制Up状态修改后的效果

  (16)使用同样的方式在Down选项栏中复制Over状态的按钮图像,然后调整按钮的填充和字体颜色等,得到图21所示的按钮的Down状态图像。


图21 按钮的Down状态

  (17)接着用上面的方法制作按钮的Over While Down状态图像效果,如图22所示。


图22 按钮的Over While Down状态

  (18)接着选择"Active Area"选项栏,使用鼠标拖动活动区域切片的大小,使得它和按钮大小基本符合,如图23所示。


图23 设置按钮活动区域

  (19)完成之后选择"Done"按钮,回到工作区,切换到4幅模式的图像预览看看按钮的效果,如图24所示,这样我们的响应按钮就制作好了。原文件下载


图24 四幅视图模式预览按钮效果

标签: