论坛交流
首页办公自动化| 网页制作| 平面设计| 动画制作| 数据库开发| 程序设计| 全部视频教程
应用视频: 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 8:59:48

精美导航效果的制作

整理的一些常用的按钮,以及一些网页常用的边框。

边框:(图2.1)下边我将教大家如何制作以上这个按钮。

图1.1教程:

先新建一个500*400大小的画布,画一个400*40的长方形,调成渐变,如图2.1.1
(图2.1.1)

于是乎出来了一个我们做出来了个这个样子的图形如图2.1.2
(图2.1.2)

然后我们用部分固定选定工具选取长方形的上边两点如图2.1.3(图2.1.3)

按住shift键,按两下向右键。如图2.1.4(图2.1.4)

画一个绿色的长方形,我们通过部分选定工具得到一个如图2.1.5(图2.1.5)

通过复制粘贴我们得到如图2.1.6(图2.1.6)

通过我们得到如图2.1.7(图2.1.7)

图形发光,白色属性如图2.1.8然后再发光颜色为 #7B869A 得到如图2.1.9(图2.1.9)

复制粘贴图形,去掉描边,向右移动两个像素,如图2.1.10(图2.1.10)

画一个长方形黄色渐变。放置图形下层,如图2.1.11(图2.1.11)

画一个长方形如图2.1.12(图2.1.12)

设置如图2.1.13(图2.1.13)

把宽度设为“1”旋转“20度” 复制粘贴。然后向右移动一个像素。渐变变成白色.然后复制粘贴。

如图2.1.14(图2.1.14)

画一个白色的1*1像素的点向右移动1个像素变成黑色。重复过程。如图2.1.15(图2.1.15)

OK,到这里我们这个图形基本上就完毕。

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