收藏本站
 
设为主页
     您的位置:首页资源库图片处理Fireworks教程
== 资 源 搜 索 ==
 
高级搜索
== 学 习 资 源 ==
操 作 系 统
Windows DOS
Linux Unix
Novell OS/2
办 公 软 件
Word Excel
Access Powerpoint
Outlook Wps
媒 体 处 理
网页制作 动画制作
图片处理 视频处理
媒体播放 音频处理
课件制作 其它……
网 络 工 具
网页浏览 下载工具
FTP 工具 邮件工具
网络安全 服 务 器
联络聊天 其它……
工 具 软 件
压缩工具 系统工具
文件工具 磁盘工具
病毒防治 阅读工具
测试工具 程序设计
== 素 材 资 源 ==
GIF动画 Flash动画
按钮图库 图标图库
线条图库 背景图库
创意图库 音频素材
== 教 程 下 载 ==
 
二、做一个按钮

作者:Candy / 5D多媒体

 

 画一个矩形

首先我们要在辅助线的帮助下,画一个矩形。

1,从菜单上将View > Guides的Show Guides和Snap to Guides 选上,这样就可以显示辅助线并且确保对齐到辅助线(Guids)。

2,单击工具条上的矩形工具(Rectangle tool)

3,将矩形工具(Rectangle tool)指针贴近辅助线(Guides)矩形区域的一个角,按下鼠标并拖动到对角上。





渐变填充

为了让这个矩形更象一个按钮,我们要给这个矩形进行渐变填充并且加上立体效果。

1,打开fill(填充)面板,然后确保矩形仍然处于选中的状态,在fill面板上的Fill Category 下拉菜单上选择Linear(线型渐变)方式。

2,然后在Fill name下拉菜单上选择Black, White。



3,点击编辑按钮(edit)然后把左边的颜色样本象右边拖一点,使黑白渐变更加暗淡一点。



添加效果(Effects)

Effects面板可以给图象和文字加上特别的效果,比如渐变和浮雕。

1,如果Effects(效果)面板不可见,从菜单中选择 Window > Effect。

2,在Effects(效果)面板最上面的下拉菜单中选择“Bevel and Emboss-Inner Bevel”(渐变和浮雕-内斜面)。

3,并且在斜边形状的下拉菜单中选择Sloped,然后把边缘宽度设为4。





注意: 在加上效果以后如果想修改可以点击Effects面板上的按钮



要创建一个JavaScript 按钮 ,必须先将物件转化为Symbols(符号),fireworks中的(符号)是存储在文档的库(Library)中可以重复利用的元素。
转化为Symbols(符号)

1,选定这个矩形区域,从菜单中选择 Insert > Convert to Symbol.

2,在Name(名称)一栏中填入 MyButton 。

3,选择按钮(Button)选项,然后单击“ok”。



现在你可以看到,这个按钮被一层绿色所覆盖,并且在左下角有一个小箭头,这层绿色表示这是一个分割区(Slice)。而这个箭头表明这个矩形区域是存储在文档的库(Library)中Symbols的一个例图(Instance)。 然后,你将会使用这个圆形的(behavior control )动作控制器 来创建一个翻转图象。

4,选择菜单 Window > Library可以看到在库(Library)中的按钮,



给按钮加上文字

1,双击这个按钮打开按钮编辑器

2,选择文字工具(Text tool),然后在按钮编辑器中的按钮上单击鼠标。

3,在文字编辑器(Text Editor)中可以选择字体选择,字号对齐方式等,在这里我们选择Impact字体, 大小为16-point,居中对齐。颜色设顶为橘黄色。





4,输入“Adventure Planner ”,并单击ok。



对齐文字

对齐按钮上的文字,你需要使用菜单命令。

1,用指针(Pointer)选中按钮,并且按住shift同时选中文字。

2,点击菜单中的Modify > Align > Center Vertical(垂直中心对齐)

3,并且点击Modify > Align > Center Horizontal(水平中心对齐)这样将使文字对齐按钮中心。
创建翻转效果

1,单击按钮编辑器的滑过(Over)标签然后单击复制弹起图像( Copy Up Graphic)按钮。在滑过(Over)标签中的图像是指在已完成的网页中当鼠标指针滑过这个按钮时显示的图像。

2,选中文字,使用fill(填充)面板,将文字变为红色。



3,关闭按钮编辑器

记得要经常的保存你的工作哦

预览一下

1,点击工具面板下面的隐藏切片图标,就可以隐藏掉按钮上覆盖的绿色。



2,点击preview标签,

3,把鼠标移到按钮上面就可以看到变色的效果了。

给按钮加上链接

1,点击Object面板上的 Link Wizard (链接向导)

2,在Link Wizard (链接向导)上的link标签上输入链接地址。


 

Copyright © 2001-2002 东莞中学信息技术科 All Rights Reserved
IE4.0 or later / 800*600  For The Best View