当前位置:软件学习 > 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才行。这只是按钮的制作,网页设计时,可以整页面设计.


上一个:Fireworks 4 先睹为快(1)
下一个:环绕路径文字的制作

更多Fireworks疑问解答:
Fireworks 制作 IE 浏览器图标
Fireworks蒙版制作图片窗格效果
Fireworks制作下雨动画效果
巧用Fireworks设计个性化印章
使用Fireworks制作漂亮的礼花
用Fireworks做出苹果的晶亮透明
用Fireworks制作连续跳跃数字
用Fireworks制作Logo心得体会
用Fireworks设计自己的邮票(3)
用Fireworks设计自己的邮票(2)
用Fireworks设计自己的邮票(1)
Firefox技巧拾零:六招秘籍
火狐Firefox配置文件经典技巧
Fireworks4下拉菜单
Firework绘画大众甲壳虫汽车
Dreamweaver
Fireworks
FrontPage
Flash
Photoshop
Coreldraw
Excel
Word
Powerpoint
outlook
wps
AfterEffects
3D MAX
Director
Authorware
PremierePro
Foxmail
Maya
ISA
会声会影
其它软件
AutoCAD
如果你遇到软件学习难题:
请访问www.zzzyk.com 试试
CopyRight © 2012 站长网 编程知识问答 www.zzzyk.com All Rights Reserved
部份技术文章来自网络,