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

[复制链接]
查看: 320|回复: 0
gggds 发表于 2009-12-27 03:18:07 | 显示全部楼层 |阅读模式
(15)按钮的Up状态我们就选择原来的按钮状态,不做改动,接着我们选择按钮的Over状态栏,这时候发现里面是空白的,如图19所示。不要着急,点击 我们可以将Up状态的按钮图像复制到Over状态,然后适当地修改文本和填充的颜色就可以制作好按钮的Over状态了,如图20所示。 , P6 a  ~9 P) K: o; b  W' R

) O, R, J4 N" d( q3 |- L  @
2 |" C" g# s* D! n图19 按钮Over状态没有图像
  }) E4 G. S  B9 s' T
4 t* F+ Z. d: _0 E8 q( e图20 复制Up状态修改后的效果   (16)使用同样的方式在Down选项栏中复制Over状态的按钮图像,然后调整按钮的填充和字体颜色等,得到图21所示的按钮的Down状态图像。
4 {$ o8 b! X) R1 y) B5 f+ Z/ S
$ o9 O+ q5 ~% ?# V
) b# ?0 I$ T5 a" {图21 按钮的Down状态   (17)接着用上面的方法制作按钮的Over While Down状态图像效果,如图22所示。
0 h5 q; b) J6 V) {5 X7 u6 ^1 r' k/ Q& r% a* R
" W& a1 y  p) b7 v( x9 @
图22 按钮的Over While Down状态   (18)接着选择\"Active Area\"选项栏,使用鼠标拖动活动区域切片的大小,使得它和按钮大小基本符合,如图23所示。
* m4 y2 Q0 h3 w) x: c
# @- p8 P3 o( c: ?7 v% l0 U) R6 i2 O9 U0 k0 d, b# ^
图23 设置按钮活动区域 - W" `5 }; O& ?% M" v1 X7 o* p. u
  (19)完成之后选择\"Done\"按钮,回到工作区,切换到4幅模式的图像预览看看按钮的效果,如图24所示,这样我们的响应按钮就制作好了。
0 K2 @3 ?" M; _, @3 k& Y. Q5 Y& C' A. M9 t
( i. r  o+ ~" y

1 M) N( m/ A( Z( i# G  L! i图24 四幅视图模式预览按钮效果

本版积分规则

精彩图文

Copyright   ©2015-2016  展示网  Powered by©Discuz!  技术支持:凡尚展览     ( 粤ICP备14065977号 )