按钮大小变化在FW中的制作

[复制链接]
查看: 444|回复: 0
gggds 发表于 2009-12-27 13:40:20 | 显示全部楼层 |阅读模式
?
" t# A' c: ?7 ?5 U) o" C在网页中我们经常在制作按钮时给它加上许多的变化,其中有一种是在鼠标滑到按钮时,按钮变大或变小。这种效果小巧精致给网页增加了动感。由于变大或变小是以同一基准圆为核心的,因此制作的难度较大。但在FW中却容易完成。下面就是制作的方法:1、新建一文档:这里采用300X300,底色为白色。2、选择Ellipse(圆形工具)按住shift键画一个正圆。可以为这个正圆添加各种效果,这里是为它添加了阴影。点选对象,选择Effect面板中的下三角形,选取Shadow and Glow--$#@62;Draw shadow.效果如图所示:
. r* p# y8 U+ y# Q9 L9 w# J
+ w$ J% w( p% r# r: V$ C; _1 _+ V5 d% r

4 ~7 @! I7 [" q5 Q
* B9 i. |5 p* a- n4 [5 {0 Z$ L6 z/ m; V8 f
3.选取Frames面板.把第一帧拖向下方的第二个键--即复制第一帧.然后再回到第一帧中,我们用Transform工具缩小或增大圆形对象.这里是进行的缩小.缩小后可以调整两帧中的圆形.
$ F# {0 N7 \; ?/ T
1 P4 v! J' u0 }/ G8 v. @" [* D" h, Z
. F& g* T) n, H$ L' F8 ?* V& o0 Q 4.我们用Rectangle工具在第一帧中圆的上方画一矩形,覆盖的面积以大的圆为准.这个区域是后面产生变化的区域,所以要注意. 5.完成后选取矩形,选择Object面板,选取值为0的可见度.如下图所示:
" z+ \, p  W  D" ^, k  q3 y
+ a1 w  ]+ o- f8 M  r2 t: h9 J, y) H* C! I
6.点选知形,选取Behaviors面板中的\\\"+\\\"号,会出现对话框:
5 u: l, v. J+ b  N3 @/ C% I. E9 p  b& F0 X

- v$ J  T9 Z8 ]' A% J) `. k选择slice--$#@62;再选择Simple Rollover
) B1 w% N% t' T7 b3 B
( `% [6 e$ H  [% `8 n% e$ h- v& \& o! n' P- u/ n8 ~: J* R
这样我们基本上完成了制作过程.再输出为网页格式即可.**注意: 在输出时要注意,要选取Slicing:Use slice Objects才行。这只是按钮的制作,网页设计时,可以整页面设计.

本版积分规则

精彩图文

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