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

[复制链接]
查看: 310|回复: 0
gggds 发表于 2009-12-27 03:18:07 | 显示全部楼层 |阅读模式
(15)按钮的Up状态我们就选择原来的按钮状态,不做改动,接着我们选择按钮的Over状态栏,这时候发现里面是空白的,如图19所示。不要着急,点击 我们可以将Up状态的按钮图像复制到Over状态,然后适当地修改文本和填充的颜色就可以制作好按钮的Over状态了,如图20所示。 8 p/ ~. `% A% f5 B
, K% g& I- }2 O( k" c

6 }- @/ U- Y' }图19 按钮Over状态没有图像
) B: q/ J4 v; y. ^$ J" X" L
' {5 _* a+ O- m+ [: A图20 复制Up状态修改后的效果   (16)使用同样的方式在Down选项栏中复制Over状态的按钮图像,然后调整按钮的填充和字体颜色等,得到图21所示的按钮的Down状态图像。
" U+ L5 r$ i  R
4 B! \0 H" H, ?4 k% A- ^- N8 }2 [/ P7 B/ U3 S
图21 按钮的Down状态   (17)接着用上面的方法制作按钮的Over While Down状态图像效果,如图22所示。
+ c7 d  o1 I7 [# x  Z4 K# a! D: @; Q+ [+ J0 k

3 H% O( a; t1 D7 a( J1 k# O图22 按钮的Over While Down状态   (18)接着选择\"Active Area\"选项栏,使用鼠标拖动活动区域切片的大小,使得它和按钮大小基本符合,如图23所示。
; M& v7 V9 w$ Q, H3 n6 N2 j
( n# H) m# G7 z7 X* N
$ P4 W- E+ D% j% I" `图23 设置按钮活动区域
5 r3 F, U% j4 P# ]  T' i  (19)完成之后选择\"Done\"按钮,回到工作区,切换到4幅模式的图像预览看看按钮的效果,如图24所示,这样我们的响应按钮就制作好了。1 J+ Z8 [9 c: H' L

5 w- G5 V; m/ m4 K
& @) F) Z9 P" r) _1 x2 Z0 E
( H9 E) r) z% H+ {. i( D6 F% ~- y图24 四幅视图模式预览按钮效果

本版积分规则

精彩图文

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