Fireworks 制作精美导航效果教程

所属分类: 平面设计 / Fireworks教程 阅读数: 1591
收藏 0 赞 0 分享

本教程是向大家介绍利用Fireworks 制作精美导航效果,制作难度不大,教程介绍地非常详细,新手朋友也可以过来学习,希望这篇教程对大家有所帮助!我们先来看看最终效果图:

Fireworks 打造精美导航效果
(图2.1)

下边我将教大家如何制作以上这个按钮:

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

Fireworks 打造精美导航效果
(图2.1.1)

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

Fireworks 打造精美导航效果
(图2.1.2)

然后我们用部分固定选定工具

Fireworks 打造精美导航效果选取长方形的上边两点如图2.1.3

Fireworks 打造精美导航效果
(图2.1.3)

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

Fireworks 打造精美导航效果
(图2.1.4)

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

Fireworks 打造精美导航效果
(图2.1.5)

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

Fireworks 打造精美导航效果
(图2.1.6)

通过

Fireworks 打造精美导航效果

我们得到如图2.1.7

Fireworks 打造精美导航效果
(图2.1.7)

图形发光,白色属性如图2.1.8

Fireworks 打造精美导航效果
(图2.1.8)

然后再发光颜色为 #7B869A 得到如图2.1.9

Fireworks 打造精美导航效果

(图2.1.9)

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

Fireworks 打造精美导航效果
(图2.1.10)

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

Fireworks 打造精美导航效果
(图2.1.11)

画一个长方形如图2.1.12

Fireworks 打造精美导航效果
(图2.1.12)

设置如图2.1.13

Fireworks 打造精美导航效果
(图2.1.13)

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

如图2.1.14

Fireworks 打造精美导航效果


(图2.1.14)

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

Fireworks 打造精美导航效果(2)
(图2.1.15)

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

教程结束,以上就是Fireworks 制作精美导航效果过程,现在大家是否都已经学会了,喜欢的朋友可以自己尝试制作一个导航,效果肯定非常棒!

更多精彩内容其他人还在看

Firewoks打造黑水晶立体质感文字效果

本教程是向大家介绍如何利用Firewoks打造黑水晶立体质感文字效果,制作过程很简单,效果非常酷,初学Firewoks也可过来学习一下,希望这篇教程对大家有所帮助
收藏 0 赞 0 分享

Fireworks设计绘制有意境的清新翠绿的竹子实例教程

笔者感觉竹子最重要的部分就是关节部分(2段竹子的结合处)这也是竹子的特点;还有就是竹段中,类似丝状的纹理
收藏 0 赞 0 分享

用Fireworks软件为图片制作窗格效果实例教程

用Fireworks软件,为图片添加窗格效果,进行图片特效的制作
收藏 0 赞 0 分享

Fireworks简单设计制作残破边缘图片实例教程

本章的残破边缘效果图片的做法是用钢笔工具来勾勒出的,然后大家可以在这个基础上任意变化样式
收藏 0 赞 0 分享

Fireworks基础教程:保存和导入样式

您可以将已创建或编辑的样式保存为样式库。样式名称按字母顺序排列。还可以对组、自动形状和元件应用样式
收藏 0 赞 0 分享

Fireworks基础知识:编辑或重新定义样式教程共享

在编辑或重新定义样式时,已应用该样式的所有对象将自动更新。但是,您可以中断所选对象与样式之间的链接
收藏 0 赞 0 分享

Fireworks基础知识 创建和删除样式教程

创建对象,选择该对象,然后将其保存为新样式,请确保不要选择“新建样式”属性对话框中的任何选项。“默认”和“空白”样式可重设其他样式中的任何属性,但不会将对象恢复为原来的外观
收藏 0 赞 0 分享

Fireworks基础知识:创建空遮照教程

收藏 0 赞 0 分享

Fireworks利用交互式填充工具绘制精致网页导航菜单实例教程

其实这样的网页菜单并不复杂,无非是渐变的填充,用Fireworks 强大的交互式填充工具来制作,那简直是手到擒来,即使是Fireworks 的初学者也能顺利掌握
收藏 0 赞 0 分享

Fireworks利用EyeCandy滤镜工具设计制作旋转立体四叶草动画实例教程

本章主要是利用Fireworks绘图软件中的EyeCandy滤镜工具来制作出,具有动画效果的四叶草图片
收藏 0 赞 0 分享
查看更多