Fireworks设计制作标签式的网页导航条实例教程

1、打开FW 8.0 (笔者行使的是8.0版，虽然其余版本也是可以的了)

2、新建一个稳健巨细760X400

3、用矩形器材画一个渐变的矩形，这里这个矩形是要做为导航条的配景，以是你可以调配本身喜好的颜色。

4、然后用直线器材画两条线；见下图，做为脱离线来用。

5、然后按住Shift+G把这两条线组合成工具，复制这个工具，从窗口对齐面板最后见下图：

6、下来这几部就较量要害了，按下快捷键Ctrl+f8，调出新建元件窗口选择“按钮”。

假如你望见这个对话框那么你这步是正确的的了。

7、来让我们在这里创作按钮吧！用圆角矩形器材画下图，渐变见下图，边框为一个像素。

8、然后复制这个图形去掉边框，调理巨细使按钮有凸出的感受。

9、此刻我们来做下面谁人三角形我用的是路径。

（1）在适才谁人图形的上面点右键选折打消组合

（2）选折钢笔器材在下面路径加三个节点见下图：

选择白箭头器材,向下拖沓中间的节点成三角形

（3）写上笔墨

（4）到这里着实我们直径完成了70%的事变量。我们继承往下看：

望见元件编辑区这里的滑过，按下。。。。。。

别离点击滑过，按下。。。。

而且每步都要选者复制弹起时的图形，这个在什么处所见下图：

假如还找不到的话，你就睁大眼睛使劲找了！

（5）这里先不急着点完成，而是先回到开释状态下把按钮的配景图形删除，不要把笔墨也删了啊！

（6）点击完成。

10、此刻我们又回加入景下，按F11打开库面板拖出按钮从库里。

11、你可以按照你要做的数量拖出你必要的按钮数。

12、别离选择按钮，在属性栏输入差异的笔墨。

13、调理好按钮之间的间隔。

14。选择“文件”->“导出”

这里必然要选择“将图像防入字文件夹"，要不你的图片就到出是了。

好了，用赏识器看下是不是可以了。虽然，你还可以倒到DW处理赏罚下代码，也可以行使更美丽的美工结果来让标签越发雅观；笔者在这里就不多说了。

（编辑：湖南网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!