用Fireworks打造超酷质感的网页按钮

2009-12-17 16:09:28   作者:不详   来源:互联网

效果图:

Fireworks制作超酷质感按钮

1、建立一个483*450的画布;

2、用矩形工具画一个矩形设置如下:

Fireworks制作超酷质感按钮

图1

3、用矩形工具画一个336*78的矩形设置如下:

Fireworks制作超酷质感按钮

图2

4、用矩形工具画一个322*65的矩形设置如下:

Fireworks制作超酷质感按钮

图3

5、用矩形工具画一个200*1的矩形设置如下:

6、复制这个矩形,位置向下调一个像素,再调整色相饱和度,设置如下:

7、合并这两个矩形,复制三个调整大小后分别放到四个角,效果如顶图:

Fireworks制作超酷质感按钮

图4


栏目搜索>>分类导航
Flash幻灯 jQuery幻灯 JS幻灯 Flash相册 jQuery相册 图片特效 导航菜单 广告代码 在线客服 表单按钮 其它特效

HTML CSS JavaScript Dreamweaver Fireworks 设计分享

建站教程 网站运营 实用工具 网页模板 网页素材

CSS酷站 网上购物 设计团队 设计博客
教程排行榜
如何用Fireworks制作水晶效果的导航条?
Fireworks教程:制作闪光掠过的GIF动画
Fireworks教程:GIF动画效果的BANNER制作过程
用Fireworks打造光芒四射背景的图片效果
用Fireworks合成设计制作一个化妆品网站首页
Fireworks CS5抢先报道--值得期待的四大亮点!
用Fireworks打造超酷质感的网页按钮
Fireworks新手教程:制作五彩炫光效果
手把手教你用Fireworks CS3对图标进行细节刻画
Fireworks轻松制作渐隐线条
Abode Fireworks CS5、CS4、CS3版本的功能比较(图示)
FireWorks教程:外发光效果的几种应用
Fireworks教程:立体质感水晶的制作图解
用EyeCandy插件来制作3D旋转GIF动画
Fireworks图解教程:打造碳纤维风格图标
学习Fireworks CS3的切片和优化功能
下载排行榜
基于jQuery的超炫酷的3D切换JS幻灯焦点图特效代码
半透明立体质感的宽屏flash+xml焦点幻灯代码
简洁效果多图切换flash幻灯焦点图代码
带标题和数字导航的JS焦点幻灯特效代码
适合摄影网站超漂亮的宽屏flash+xml幻灯轮换代码
31款简单实用的CSS+JS下拉菜单脚本
3D立体效果金字塔环形旋转的flash+xml相册代码
基于jQuery实现的瀑布流布局列表特效代码
透明质感上下滑动带小图预览5屏JS焦点图幻...
超酷的3D摩天轮flash+xml相册幻灯图片代码
能沿多个方向滑动切换的jquery幻灯代码
自带多种幻灯效果支持缩略图导航的jquery画...
可改图片尺寸和张数的flash幻灯轮换代码
很好看的带缓冲效果CSS下拉菜单导航代码
基于jquery很有趣的360度全景图片预览特效
6屏幻灯上下滑动式带缩略图和文字介绍的fla...