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

?
在网页中我们经常在制作按钮时给它加上许多的变化，其中有一种是在鼠标滑到按钮时，按钮变大或变小。这种效果小巧精致给网页增加了动感。由于变大或变小是以同一基准圆为核心的，因此制作的难度较大。但在FW中却容易完成。下面就是制作的方法：1、新建一文档：这里采用300X300，底色为白色。2、选择Ellipse（圆形工具）按住shift键画一个正圆。可以为这个正圆添加各种效果，这里是为它添加了阴影。点选对象，选择Effect面板中的下三角形，选取Shadow and Glow--$#@62;Draw shadow.效果如图所示:


7 u! C7 C  ?+ H7 j


1 S4 j0 a! c. T: [, F5 b3.选取Frames面板.把第一帧拖向下方的第二个键--即复制第一帧.然后再回到第一帧中,我们用Transform工具缩小或增大圆形对象.这里是进行的缩小.缩小后可以调整两帧中的圆形.


4.我们用Rectangle工具在第一帧中圆的上方画一矩形,覆盖的面积以大的圆为准.这个区域是后面产生变化的区域,所以要注意. 5.完成后选取矩形,选择Object面板,选取值为0的可见度.如下图所示:
8 `& A2 y( o  I/ ]4 e& R! n2 `
% a* ~& F" H- X' d& V+ A
- g( y0 ?) \4 I; W 6.点选知形,选取Behaviors面板中的\\\"+\\\"号,会出现对话框:
% m: f% ^7 O2 D" C1 a% s% I
' S; d6 e3 }+ b0 ]9 N3 J
选择slice--$#@62;再选择Simple Rollover

( U  W7 f: m) k* C) w0 z) N
这样我们基本上完成了制作过程.再输出为网页格式即可.**注意： 在输出时要注意,要选取Slicing:Use slice Objects才行。这只是按钮的制作,网页设计时,可以整页面设计.