关于我们 广告服务 社区论坛
设为首页 加入收藏

行业新闻
服 务 器
模版下载
建站指南
冲浪宝典
办公软件
网站运营
操作系统
QQ 专题
网页制作
安全防御
视频教程
网络编程
SEO专区
软件下载
图像设计
Cisco
网页特效
Wap 技术
联盟赚钱
网页素材
 首页 | 企业建站 | 网页制作 | 网站运营 | 网络编程 | 图像设计 | 冲浪宝典 | 操作系统 | SEO专区 | 联盟赚钱 | Cisco

欢迎来到e天下网络首页>>图像设计>>Fireworks>>正文|Fireworks 打造精美导航效果

Fireworks 打造精美导航效果

[ 来路:蓝色理想      时间:2007-7-10 3:01:29    点击: ]

 

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.1.15)

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

::::站长友情提示:多花一分钟学点什么都好::::

 

上一篇:Fireworks 绘制Philips手机  下一篇:Fireworks制作打破玻璃的动画效果

 ::热点信息::

 

= = 免责声明 = =

① 欢迎转载我网所刊信息,请注明“来源:E天下网络”。
② 凡本网注明“来源:XXX(非E天下网络)”的作品,均转载自其它媒体,转载目的在于传递更多信息,并不代表本网赞同其观点和对其真实性负责。如因作品内容、版权和其它问题需要同本网联系的,请在30日内进行。
※联系方式:Airtofly@163.com

::推荐文章::

 

Photoshop 轻松打造神秘银河系

::网页制作::

 

初学:什么是DIV+CSS?有什么
网页制作实例CSS用一张图片实
用CSS控制图片自适应大小的方
小技巧:CSS列表标签出现问题
CSS网页设计中使用背景图片须
想让DIV居中,如何编写CSS的
总结两年以来使用DIV网页排版
DIV CSS技巧:对CSS命名的一
更多内容..

 

 

关于我们 广告服务 友情链接 合作伙伴 社区论坛 免责声明

Copyright © 2007   21kn.com Inc. All rights reserved.e天下网络工作室

网站白天客服QQ:26875416 (非24小时)  合作QQ:597004688    粤ICP备06026423号