gggds 发表于 2009-12-27 03:18:07

FW快速制作动态按钮四状态(4)





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

http://edu.itbulo.com/UploadFiles_1485/200512/20051221112333160.jpg
图19 按钮Over状态没有图像
http://edu.itbulo.com/UploadFiles_1485/200512/20051221112334715.jpg
图20 复制Up状态修改后的效果   (16)使用同样的方式在Down选项栏中复制Over状态的按钮图像,然后调整按钮的填充和字体颜色等,得到图21所示的按钮的Down状态图像。

http://edu.itbulo.com/UploadFiles_1485/200512/20051221112334492.jpg
图21 按钮的Down状态   (17)接着用上面的方法制作按钮的Over While Down状态图像效果,如图22所示。

http://edu.itbulo.com/UploadFiles_1485/200512/20051221112334713.jpg
图22 按钮的Over While Down状态   (18)接着选择\"Active Area\"选项栏,使用鼠标拖动活动区域切片的大小,使得它和按钮大小基本符合,如图23所示。

http://edu.itbulo.com/UploadFiles_1485/200512/20051221112335266.jpg
图23 设置按钮活动区域
  (19)完成之后选择\"Done\"按钮,回到工作区,切换到4幅模式的图像预览看看按钮的效果,如图24所示,这样我们的响应按钮就制作好了。


http://edu.itbulo.com/UploadFiles_1485/200512/20051221112335465.jpg
图24 四幅视图模式预览按钮效果
页: [1]
查看完整版本: FW快速制作动态按钮四状态(4)