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

李冰琪            来源:优草派

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

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

1、首先我们需要从电脑中打开Fireworks软件,新建文档,预设画布尺寸、分辨率等参数,进入到工作区域中。

2、从上方菜单栏中依次点击【编辑 - 插入 - 新建按钮】,调出按钮编辑器。

3、在按钮编辑器中,点击选择“释放”状态,绘制一个矩形,宽和高分别为90、30像素,x,y坐标都为0。

4、在“按钮编辑器”的释放状态下,从工具栏中选择【文本工具】,在按钮上输入命令内容;选中“滑过”状态,再点击“复制弹起时的图形”。

5、点击【效果 - 调整颜色 - 色相饱和度】菜单命令,通过提高亮度、调整色相/饱和度参数数值,处理出喜欢的按钮颜色效果。

6、接着我们需要重复“按下”状态和“按下时滑过”状态的颜色,为按钮增加链接:

· 选中“活动区域 ”,在属性面板的【链接】选项中,输入“#”,作为链接使用。

· 进入到库面板中,重复把按钮的实例拖到文档相应位置;选中不同的按钮实例,在属性面板上分别修改文本和链接地址。

7、最后点击【文件 - 导出】菜单命令,将文件导出为html网页文件即可。

以上就是关于如何在Fireworks软件中设计网页导航栏按钮的方法,大家可以通过练习熟练掌握制作按钮以及添加链接的步骤。

【原创声明】凡注明“来源:优草派”的文章,系本站原创,任何单位或个人未经本站书面授权不得转载、链接、转贴或以其他方式复制发表。否则,本站将依法追究其法律责任。
TOP 10
  • 周排行
  • 月排行