论坛交流
首页办公自动化| 网页制作| 平面设计| 动画制作| 数据库开发| 程序设计| 全部视频教程
应用视频: Windows | Word2007 | Excel2007 | PowerPoint2007 | Dreamweaver 8 | Fireworks 8 | Flash 8 | Photoshop cs | CorelDraw 12
编程视频: C语言视频教程 | HTML | Div+Css布局 | Javascript | Access数据库 | Asp | Sql Server数据库Asp.net  | Flash AS
当前位置 > 文字教程 > Fireworks教程
Tag:切片,gif,动画,文字,图标,照片,网页,效果图,表情,按钮,工作,8.0,cs,视频教程

导航条的制作的步骤

文章类别:Fireworks | 发表日期:2009-8-14 12:28:23

导航条的制作的步骤


 简单的web2.0导航条制作

本文介绍如何制作web2.0风格的导航条,方法十分简单,你可以使用photoshop或fireworks完成,适合新手学习

第1步

建立新文件750x250,白色背景
现在,创建一个新层,用矩形工具画一个高度为4象素的长条,宽度根据你网站的需要自订,填充颜色为#383838 。

第2步

创建一个新层,用矩形工具制作一个高度为50~60象素的长条。使用渐变工具从上往下制作渐变效果,如下图箭头所示,颜色为#686868到#433f3f,如下图:

你看到的效果因该如下图
 
第3步

创建一个新的图层,选择矩形工具画一蓝色长条,颜色为#3e7ece,再用线条工具画1像素白色
选择圆角矩形在其上画3~4个按钮,填充颜色为#3e7ece,效果如下图:

为你的导航条加上文字

视频教程列表
文章教程搜索
 
Fireworks推荐教程
Fireworks热门教程
看全部视频教程
购买方式/价格
购买视频教程: 咨询客服
tel:15972130058