先看下最后效果:

Fireworks打造滑动菜单教程
点击查看完整大图

html 效果

1、打开FW 8.0 (我用的是8.0,当然其它版本也是可以的了)

2、新建一个稳当大小760X400

3、用矩形工具画一个渐变的矩形,这里这个矩形是要做为导航条的背景,所以你可以调配自己喜欢的颜色。

Fireworks打造滑动菜单教程

4、然后我用直线工具画了两条线见下图,做为分隔线来用。

Fireworks打造滑动菜单教程

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

Fireworks打造滑动菜单教程
点击查看完整大图

6、呵呵下来这几部就比较关键了,按下快捷键Ctrl+f8,调出新建元件窗口选择“按钮”

Fireworks打造滑动菜单教程

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

扫码关注公众号 获取更多设计资源...
↓↓↓
白嫖福利 | 限时领取
摹客超级版会员(价值1250元)解锁摹客协作、摹客RP、摹客DT所有功能。
公众号主页发送 “激活” 免费获取 激活码
↓↓↓
公众号主页发送 “字体” 获取 全套可商用字体包...
↓↓↓
公众号主页发送 “vi” 获取 500个著名品牌vi设计手册...
标签:调色

相关文章

随机推荐