软件开发培训班 >> 创意设计 >> Fireworks


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

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



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


4.我们用Rectangle工具在第一帧中圆的上方画一矩形,覆盖的面积以大的圆为准.这个区域是后面产生变化的区域,所以要注意.
5.完成后选取矩形,选择Object面板,选取值为0的可见度.如下图所示:


6.点选知形,选取Behaviors面板中的"+"号,会出现对话框:



选择slice--$#@62;再选择Simple Rollover


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