当前位置: 首页 > 图文教程 > 平面设计 > FireWorks > Fireworks制作超酷质感按钮

FireWorks
Macromedia Fireworks MX的新特性一
Macromedia Fireworks MX的新特性二
Macromedia Fireworks MX的新特性三
Macromedia Fireworks MX的新特性四
Fireworks4 巧用无缝填充处理图片
Fireworks4 制作透明字
Fireworks中螺旋运动字的制作
Fireworks常见问题解答(7)
Fireworks常见问题解答(6)
Fireworks常见问题解答(5)
样式在FW MX 2004中的应用
用Fireworks轻松制作网页交互按钮
巧用Style制作立体感文字
Fireworks制作产品展示图
FireWorks象素按纽教程
Fireworks MX 之 初体验5-2
Fireworks MX 之初体验3-1
撕纸边缘效果制作方法详解
立体贴图字特效制作
Fireworks MX 2004特效字系列教程:晶莹文字制作

FireWorks 中的 Fireworks制作超酷质感按钮


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-16   浏览: 204 ::
收藏到网摘: n/a

  效果图:

Fireworks制作超酷质感按钮
  1、建立一个483*450的画布;
  2、用矩形工具画一个矩形设置如下:

Fireworks制作超酷质感按钮

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

Fireworks制作超酷质感按钮

图2



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

Fireworks制作超酷质感按钮

图3
  5、用矩形工具画一个200*1的矩形设置如下:
  6、复制这个矩形,位置向下调一个像素,再调整色相饱和度,设置如下:
  7、合并这两个矩形,复制三个调整大小后分别放到四个角,效果如顶图:

Fireworks制作超酷质感按钮

图4



  8、用钢笔工具画一个如下的图形,设置如下:
  9、复制两个用钢笔工具调整大小,透明度分别为80、40、20,效果如下:
  10、合并这三个图层,复制-粘帖-修改-变形-垂直翻转,再向下移动,透明度设为20,效果如下:

Fireworks制作超酷质感按钮

图5
  11、用钢笔工具画一个如下的图形,设置如下:
  12、复制三个分别调整角度并放到矩形的四个角,效果如顶图:

Fireworks制作超酷质感按钮

图6



  13、用椭圆工具画一个如下的椭圆,设置如下:

Fireworks制作超酷质感按钮

图7
  14、设置顶部高光
  15、先画一个椭圆,然后设置运动模糊,再复制一个缩小一些,再向左  移动,如下图所示:
  16、用钢笔工具画两个光源,设置如下:

Fireworks制作超酷质感按钮

图8
  17、设置你要的文字,复制一层修改-变形-垂直翻转-命令-创意-图象渐隐,效果如下:

Fireworks制作超酷质感按钮
  最后调整一下各层的位置,完成了。