Vb教程 Vb.net教程 Vfp教程 C/C++教程 Vc/Vc++教程 Delphi教程 Java教程 Powerbuilder
  杀毒频道 | 短信频道 | 网络电视 | 论文中心 | 学上网 | 学软件 | 网页特效 | 电脑基础 | 论坛  
  NCRE | 软考 | CET | 职称英语 | 司法考试 | 报关员 | 公务员 | CATTI | CPA考试  
  Html教程 | Css教程 | Xml教程 | Asp教程 | Asp.net | Php教程 | Jsp教程 | Linux教程 | QQ技巧  
Photoshop Illustrator ImageReady Maya教程 3D Max教程 Lightscape Coredraw教程 Authorware Autocad教程 Freehand教程
Access教程 Mysql教程 Sql server Oracle教程 Word教程 Excel教程 Powerpoint Frontpage Asp.net源码 Php源代码
Flash教程 Fireworks Dreamweaver C#教程 outlook教程 系统安装 vbscript教程 Javascript Jsp源代码 Asp源代码
您的位置:首页 >> Fireworks教程 >> 正文

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

文章来源:互联网

在网页中我们经常在制作按钮时给它加上许多的变化,其中有一种是在鼠标滑到按钮时,按钮变大或变小。这种效果小巧精致给网页增加了动感。由于变大或变小是以同一基准圆为核心的,因此制作的难度较大。但在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才行。这只是按钮的制作,网页设计时,可以整页面设计.

[返回]

编程语言 web开发 数据库 网络技术 操作系统 服务器 网页设计 图形设计 办公软件 常用软件 学电脑

Copyright© www.bianceng.cn Powered by 编程入门网 All Rights Reserved.
关于本站 | 版权声明 | 联系我们 | 友情链接 |
编程入门网 版权所有