(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 四幅视图模式预览按钮效果