Fireworks 8如何轻松打造滑动导航菜单

  最后效果:



  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、选择“文件-导出”



  这里一定要选择“将图像放入子文件夹",要不你的图片倒出来就很乱。

(0)

相关推荐

  • 美图秀秀帮你轻松打造精致小脸 无需纠结拍摄角度

    这个冬天很冷,似乎纵容着我们的慵懒,为了抵御严寒吃的多了、动的少了,身体明显“肿”了。一拍照才发现脸部轮廓又大了好几圈,无论以什么角度拍摄都无法掩饰那些烦人的肉肉。大家都知道想甩掉脸部肉肉是个漫长的过 ...

  • 干货分享!关于APP导航菜单设计你应该了解的一切

    导航菜单是人机交互的最主要的桥梁和平台,主要作用是不让用户迷失方向.现在市面上产品的菜单栏种类繁多,到底什么样的才是优秀的导航菜单设计呢?好的菜单设计不仅能提升整个产品的用户体验,而且还能让用户耳目一 ...

  • 30个APP导航菜单(设计欣赏)

    30个不同形式的菜单欣赏,让你一次看个够~!这些是做APP的时候,常用的菜单形式,基本上排版的形式全都到齐了.大图请前往app.xueui.cn的菜单导航里去取. 推荐阅读: APP登录注册页面欣赏 ...

  • 如何关闭USIM卡开机导航菜单

    如何关闭USIM卡开机导航菜单呢?下面小编来教大家. 操作方法 01 首先,我们打开我们的手机,然后我们点击手机桌面上的实用工具: 02 弹出的界面,我们向左滑动界面,从而显示后面的界面: 03 之后 ...

  • 美图秀秀iPhone新版 轻松打造夏日清新

    炎热的夏天来了,女孩们展示好身材的时候也到了,随时随地用手机自拍当然少不了。而且,越是炎热的夏日越是要拍出女孩们清新可爱的风采!刚好 “美图秀秀iPhone版”1.2.4新版推出了一系列“日系”、“柔 ...

  • 如何设置营销QQ的导航菜单来实现全自动客服

    安装好营销QQ客户端后,桌面上会生成一个营销QQ的客户端快捷方式(如图),鼠标左键双击打开。 营销QQ客户端打开后,会出现一个登录框(如图),帐号框输入“1001@您的营销QQ号码”(比如您的营销QQ ...

  • win10右键边角导航菜单命令提示符变成Windows powerShell的解决方法

    在win10系统下,用户通过按win+X快捷键即可呼出系统管理窗口,再改窗口中包含有程序和功能.电源.事件查看器.网络连接.磁盘管理.cmd.搜索.关机等常见功能,通常情况下很多用户喜欢使用" ...

  • Axure RP怎么设计一款导航菜单?

    Axure RP中想要设计一个导航菜单,该怎么设计呢?下面我们就来看看详细的制作过程. 一.前期准备 1.打开Axure RP软件,点击工程,选择页面样式编辑器,在页面样式编辑器里有对齐,字体选项,将 ...

  • 在网页中设计导航菜单的三个原则(附案例)

    导航菜单可能是网页设计中最重要的部分了.每个用户浏览网站时一定有所需,因此导航菜单能够帮助用户寻找信息.好的导航菜单像是导游,告诉用户网站是干什么的,内容分类有哪些,在哪里可以找到什么信息. 而且导航 ...