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

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

- ]. A& H6 s' q% |& l' r2 V/ ^
0 G- V- x  L/ R7 e9 s" ]4 J图19 按钮Over状态没有图像 # `4 B3 v. y6 K8 q* Z- g
3 G5 k5 [1 T  h1 m1 n" d6 Q
图20 复制Up状态修改后的效果   (16)使用同样的方式在Down选项栏中复制Over状态的按钮图像,然后调整按钮的填充和字体颜色等,得到图21所示的按钮的Down状态图像。 6 \  o1 K: z. ~" k, B

/ K  Z1 q) C4 A( s5 o. _1 d2 f& Y, s  j$ P3 e6 J' c
图21 按钮的Down状态   (17)接着用上面的方法制作按钮的Over While Down状态图像效果,如图22所示。
9 ~# D/ a. `" m" b' U2 k+ \; v* X  l
( R6 C' C$ {5 l' L' E
图22 按钮的Over While Down状态   (18)接着选择\"Active Area\"选项栏,使用鼠标拖动活动区域切片的大小,使得它和按钮大小基本符合,如图23所示。   F5 H  f- w5 V  T5 S, h- q

: e" `4 w* i3 W- d" O& c& u+ g. ^, v; f% k8 |2 M& f  W+ H
图23 设置按钮活动区域
$ m" X" O& t: Z1 G  (19)完成之后选择\"Done\"按钮,回到工作区,切换到4幅模式的图像预览看看按钮的效果,如图24所示,这样我们的响应按钮就制作好了。( f/ J2 ~. d3 q) R8 O
# D$ q! ^% A4 w: h0 ]4 o. e& f% U7 _
: G0 ~: F% o% t* _' _0 ?! x

: U: N8 z" \4 f% N) s( X) ]图24 四幅视图模式预览按钮效果

本版积分规则

精彩图文

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