达达首页 | 设计教程 | 辅助工具 | 字体字库 | 素材贴图 | 非 主 流 | PS 笔刷 | 签名模版 | 网页模版 | 访客留言
设为首页

加入收藏

联系我们
PhotoShop 教程 | Illustrator 教程 | CorelDraw 教程 | FireWorks 教程 | 3D MAX 教程 | MAYA 教程 | Flash 教程 | After Effects 教程
相关教程
普通教程 Fireworks 8制作精美…
普通教程 Fireworks设计网页平…
普通教程 Fireworks 打造精美…
普通教程 Fireworks打造滑动菜…
普通教程 怎样设计人性化的登…
普通教程 Fireworks制作水晶般…
普通教程 用Fireworks制作简洁…
普通教程 Fireworks打造超酷质…
普通教程 Fireworks打造精致播…
普通教程 Fireworks精细绘制菜…
最新更新

Fireworks教程:简…

Fireworks打造jav…

Fireworks打造超酷…

Fireworks制作晶莹…
您现在的位置: 达达派 >> 教程中心 >> FireWorks教程 >> 网页篇 >> 教程正文
Fireworks制作晶莹剔透的质感按钮ICON教程
作者:未知 文章来源:网络采集 点击数: 更新时间:2007-7-15 17:32:16
教程录入:令彬    责任编辑:令彬  添加到雅虎收藏+

一组按钮效果:

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教程

  • 上一篇教程:

  • 下一篇教程:
  • 【字体: 】【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口
    关于我们 | 帮助(?) | 广告服务 | 版权声明 | 商业合作 | 发展历程 | 联系我们

    Copyright ? 2005-2008 CGFancy.com, All Rights Reserved,达达网络:陕ICP备06010337号

    技术交流:71125455(平面)、545534707(三维),业务合作:71125455