Fireworks如何设计网页导航栏按钮?Fireworks导航栏按钮制作教程

Fireworks软件被广泛运用于网页设计领域中,可以用来制作网络图形、动态原型、动画效果等设计任务 。本文小编来教大家如何在Fireworks软件中设计网页导航栏按钮效果 。

Fireworks如何设计网页导航栏按钮?Fireworks导航栏按钮制作教程

文章插图
1、首先我们需要从电脑中打开Fireworks软件,新建文档,预设画布尺寸、分辨率等参数,进入到工作区域中 。
2、从上方菜单栏中依次点击【编辑 - 插入 - 新建按钮】,调出按钮编辑器 。
3、在按钮编辑器中,点击选择“释放”状态,绘制一个矩形,宽和高分别为90、30像素,x,y坐标都为0 。
【Fireworks如何设计网页导航栏按钮?Fireworks导航栏按钮制作教程】4、在“按钮编辑器”的释放状态下,从工具栏中选择【文本工具】,在按钮上输入命令内容;选中“滑过”状态,再点击“复制弹起时的图形” 。
5、点击【效果 - 调整颜色 - 色相饱和度】菜单命令,通过提高亮度、调整色相/饱和度参数数值,处理出喜欢的按钮颜色效果 。
6、接着我们需要重复“按下”状态和“按下时滑过”状态的颜色,为按钮增加链接:
· 选中“活动区域 ”,在属性面板的【链接】选项中,输入“#”,作为链接使用 。
· 进入到库面板中,重复把按钮的实例拖到文档相应位置;选中不同的按钮实例,在属性面板上分别修改文本和链接地址 。
7、最后点击【文件 - 导出】菜单命令,将文件导出为html网页文件即可 。
以上就是关于如何在Fireworks软件中设计网页导航栏按钮的方法,大家可以通过练习熟练掌握制作按钮以及添加链接的步骤 。

    推荐阅读