• 奇爱公告:
  • 设为首页
  • |
  • 收藏本站
  • |
  • RSS阅读
  • |
  • 网站地图
  • |
  • 站内搜索
  • 奇爱素材网

  • 首页 酷站 PNG 矢量 GIF 笔刷 背景 PSD 欣赏 代码 FLA 教程 图库 书店
  • 您现在的位置: 奇爱素材网 >> 设计教程 >> 网页设计 >> Fireworks >> 正文 |
  • Fireworks制作晶莹剔透的质感按钮ICON教程

    作者:raynal 素材来源:蓝色理想 点击数: 更新时间:2007-8-17 20:09:11

    一组按钮效果:

    Fireworks制作晶莹剔透的质感按钮ICON教程

    第一步、画一个略扁的圆,线形垂直填充。

    Fireworks制作晶莹剔透的质感按钮ICON教程

    Fireworks制作晶莹剔透的质感按钮ICON教程

    第二步、复制这个圆,并且长和宽各减少4个像素,线形垂直填充。

    Fireworks制作晶莹剔透的质感按钮ICON教程

    Fireworks制作晶莹剔透的质感按钮ICON教程

    第三步、再次复制这个圆,并且长和宽个减少18个像素,线形垂直填充。

    Fireworks制作晶莹剔透的质感按钮ICON教程

    Fireworks制作晶莹剔透的质感按钮ICON教程

    第四步、继续复制这个圆,用钢笔工具调整到下图形状,线形填充100%~20%,透明度40%。

    Fireworks制作晶莹剔透的质感按钮ICON教程

    Fireworks制作晶莹剔透的质感按钮ICON教程

    第五步、用钢笔画出下面两个部分,耐心点调整放置于椭圆的下方形成3D效果。

    Fireworks制作晶莹剔透的质感按钮ICON教程

    Fireworks制作晶莹剔透的质感按钮ICON教程

     

    第六步、关键的质感高光制作:用通常的上下两个椭圆组合而成,用蒙板遮盖掉多余部分,注意颜色搭配。

    Fireworks制作晶莹剔透的质感按钮ICON教程

    Fireworks制作晶莹剔透的质感按钮ICON教程

    第七步、这个形状随便你了:投影,距离0,白色100%

    Fireworks制作晶莹剔透的质感按钮ICON教程

    Fireworks制作晶莹剔透的质感按钮ICON教程

    第八步、最后把所有的组合起来,加上投影柔化4,距离4,角度270,黑色80%。

    Fireworks制作晶莹剔透的质感按钮ICON教程

    Fireworks制作晶莹剔透的质感按钮ICON教程

  • 上一篇教程: 学习Fireworks教程:组合路径功能小解
  • 下一篇教程: Fireworks制作草生草长之草样年华gif动画
    • 提点建议 | 友情链接 | 广告服务 | 免责声明 | 联系我们 | 网站地图 | RSS阅读
      Copyright © 2006-2008 Www.72sc.coM, All Rights Reserved 版权所有 奇爱素材网 鄂ICP备07010427号
      ++技术交流QQ群号码:1226944 ++业务联系QQ:19295971