网站首页 手机版
 注册 登录
您现在的位置: 畅无忧设计 >> 平面设计 >> Fireworks >> Fireworks实例 >> 正文
最新文章
· Fireworks制作水晶般剔透的banner
· 用Fireworks打造精致葡萄酒
· FW制作立体质感水晶字
· Fireworks绘制清新翠绿的竹子
· Fireworks绘制一支闪亮卡通风格的铅笔
· Fireworks制作网站后台界面
· FireWorks绘制小老鼠图案邮票
· FireWorks制作实物光影
· FireWorks制作放射光感字体
· FireWorks制作漂亮的羽扇
热门文章
 Fireworks制作网站后台界面
 FireWorks制作立体感的旋转GIF动画
 FW制作立体质感水晶字
 Fireworks制作经典的扫光字GIF动画
 FireWorks制作实物光影
 Fireworks绘制一支闪亮卡通风格的铅
 FireWorks制作放射光感字体
 FireWorks绘制小老鼠图案邮票
 Fireworks简单制作网站Logo
 Fireworks打造一把清新淡雅的扇子
相关文章
Fireworks利用元件补间制作图形
Fireworks CS3切片工具的使用简述
Fireworks的18个实用操作技巧
Fireworks绘制清新翠绿的竹子
Photoshop制作web2.0注册按钮
Fireworks制作网站后台界面
Fireworks五种抠图方法介绍
Fireworks制作经典的扫光字GIF动画
Fireworks打造动态banner全过程
Fireworks制作按钮简明教程
来源:蓝色理想 更新时间:2009/6/10 0:26:50 阅读次数:
字体:[ ] 我要投稿

  Fireworks制作按钮简明教程效果如图(PNG源文件,右键保存。)

  

Fireworks制作按钮简明教程_设计家园dwww.cn

  1、选择矢量工具中的圆角矩形工具,绘制一个90px×40px的矩形;

  

Fireworks制作按钮简明教程_设计家园dwww.cn

  2、使用椭圆形填充;

  

Fireworks制作按钮简明教程_设计家园dwww.cn

  3、给矩形添加外部投影效果,得到如下效果;

  

Fireworks制作按钮简明教程_设计家园dwww.cn

  4、再绘制一个84px×22px的圆角矩形,用“扭曲”工具变形;

  

Fireworks制作按钮简明教程_设计家园dwww.cn

  5、使用椭圆形填充,透明度设为50,如下图所示;

  

Fireworks制作按钮简明教程_设计家园dwww.cn

  6、绘制一个90px×37px的白色圆角矩形,在复制一个设为蓝色放在白色矩形上方位置向下1px,选中两个矩形,修改->组合路径->打孔。并使用条状填充;

  

Fireworks制作按钮简明教程_设计家园dwww.cn

  7、复制2里面的矩形,放到最上层,透明图设为30;

  

Fireworks制作按钮简明教程_设计家园dwww.cn

  8、添加文字,选择字体Abadi MT Condensed Light,16px大小加粗并添加外部投影,得到如下效果;

  

Fireworks制作按钮简明教程_设计家园dwww.cn

  10、最终效果如下:

  

Fireworks制作按钮简明教程_设计家园dwww.cn
  • 上一篇文章:
  • 下一篇文章:
  • 关于我们 - 联系我们 - 广告服务 - 在线投稿 - 友情链接 - 网站地图 - 版权声明
    CopyRight 2008-2010, CWYDESIGN.COM - 畅无忧设计, Inc. All Rights Reserved
    滇ICP备09005765号