• --:)欢迎访问锋网源码(:--
  • 首页
  • RSS订阅
  • 常用软件
  • 网页模板
  • 网站运作
  • 锋网学院
  • 繁體中文

  • 学院首页
  • 新闻资讯
  • 网站运营
  • 网站开发
  • 美工设计
  • 数据库类
  • 服务器类
  • 网络应用
  • 操作系统
  • 软件教学
编程开发   认证考试   网络安全   文章搜索: 高级搜索
会员登录/控制面版 您的位置: 学院首页 >> 美工设计 >> FIREWORKS教程 >> 文章内容
 

精彩推荐

 
 

本类推荐文章

  • 翻译:Fireworks ::钢笔教程..
  • Fireworks 模拟闪光灯效果
  • 用 Fireworks MX 锻造黄金质..
  • Fireworks 动态模糊技巧综述..
  • Fireworks 动态模糊技巧综述..
 
 

本类阅读排行

  • Fireworks8教程:用素材制作炫..
  • Windows 桌面风格页面制作点..
  • Fireworks教程:简单制作网站..
  • 翻译:Fireworks ::钢笔教程..
  • Fireworks 模拟闪光灯效果
  • 用Fireworks渐变工具做简单图..
  • FW中几种字体效果的制作
  • 简简单单几步搞定水晶字
  • 用 Fireworks MX 锻造黄金质..
  • Fireworks 动态模糊技巧综述..
  • FW MX 2004新增等高渐变填充
  • 译:用 Fireworks MX 制作水..
  • Fireworks 动态模糊技巧综述..
  • Fireworks打造javascript图片..
  • Fireworks MX 实现 MAC 文字..
  • Fireworks教程:液体金属表面..
  • LOGO制作实例教程
  • Fireworks制作按钮简明教程
  • Fireworks粒子插件帮助AE制作..
  • Fireworks教程:立体质感水晶..
 
 

Fireworks制作透明按钮一例

  • 日期:2007-10-24     人气:     出处:     作者:
  • 字体大小:
  • 小
  • 中
  • 大

  今天我们看看大家都喜欢的透明按钮在Fireworks里的一种制作方法。

  1、创建新文档,大小200*200 Pixels,背景颜色:#AAAAAA.

  2、选择Ellipse Tool(圆工具),绘制一个大小为150*150的圆形。放在画布中间。

  提示:将绘制的元素放在画布的中央可以在主菜单里选择:Commands>Document>Center Document。

  3、选择圆形,此时他处于高亮状态。在Fill填充面板里选择Radial(球形渐变)。在FILL颜色井弹出的编辑渐变参数中,改变颜色为从#0000bb到#ffffff。现在你的图片应该如下所示:



  4、选择圆形保持高亮状态,在工具面板里选择"paint bucket"。你应该可以看到有一条细黑线,并在某一端有调节柄(如下图)。调节渐变如下图所示:



  5、创建一个新圆,大小为130 * 130 pixels,颜色为#ffffff.将它置于画布的中央(按照第二步的提示)。此时,正处于被选择的高亮状态,在主菜单中选择Edit>Copy(ctrl+C),然后选择Edit>Paste(CTrl+V) 。



  6、你现在应该有了两个大小为130*130的圆形。此时,选择上面的白色圆形,按住shit键不放,按动小键盘上的向下键移动两次。结果是移动白色圆形20个象素。如下所示:



  提示:按住shit键不放,按小键盘选择方向键可以一次移动10个象素。这次我们是向下移动了20个象素。

  现在两个圆形均可见,下面的圆形为高亮选择状态。按住shit键不放,选择上面的白色原形。现在两个处于高亮状态。在主菜单中选择Modify>Combine>Punch。结果是一弧形产生了。


  7、现在弧形处于高亮选择状态,在层面板layers Panel中将透明度修改为70%。

 

  8、现在可以看出球体按钮已经开始成型。选择刚刚创建的弧形,在Effect区内选择Blur>Glaussian Blur。在弹出的菜单内我增加了4.5个数值的模糊效果。你可以凭你的喜好选择模糊程度。这个部分可以由你自由发挥。(以下作者描述了下不同数值的结果,不在赘述,困猫注)

  提示:你可以使用Subselection Tool(见下图)来调整弧形的各个节点,使它变的厚一些,或者薄一些。选择Subselection Tool工具,然后选择弧形,点中需要调整的节点,这时候它会由白色的空心变成绿色的实心(也会显现他的手柄点)。使用小键盘的方向键进行细致的移动调节,或者用鼠标拖动节点。

  

  你应该已经得到这样的一个图形:



  9、我们现再加一个新圆形,来作为最终效果图的边缘。选择有蓝白渐变的圆形。克隆(ctrl+shift+D)一个新圆.在信息面板(Info Panel,MX已经整合到了Properties)里设置圆的大小为165*165 pixels。在填充选项里将球形渐变变为线形渐变(Linear),并编辑渐变颜色为从#ffffff到#555555.选择Paint Bucket工具。调整渐变的效果,使颜色重点的在上面,颜色淡的在下面 (调节的时候,可以暂时使其他元素在层面板里表示为不可见)

  现在把新圆拖到层的最底部(Shift+ctrl+向下的方向键)。我们得到了教程实例的最终结果,应该类似于下图:



  我还在这个按钮上加了些效果元素。其中蓝色圆形的描边为1px,让他看起来有点深度。上部的弧形还附加了些阴影效果。

相关文章
  • Fireworks教程:绘制精致的跑车
  • Fireworks教程:不同切角效果
  • Fireworks教程:制作韩国女包
  • Fireworks教程:简单制作渐隐线
  • Fireworks教程:动画制作的技巧
  • Fireworks教程:制作实物光影
  • Fireworks教程:绘制网页虚线的方法
  • Fireworks教程:绘制小老鼠图案邮票
  • Fireworks教程:简单制作网站Logo
  • Fireworks制作按钮简明教程
相关软件

  • 网友评论:
  • 查看所有评论
  • 我要发表评论
 

关于本站 | 广告联系 | 版权声明 | 网站地图 | 加入收藏 | 帮助中心 |

Copyright © 2006-2007 fwvv.net  程序支持:木翼  皖ICP备06004916号