用户名: 密码: 免费注册 忘记密码? 网站地图 | 加入收藏 | 设为首页
首页 | 新闻 | 工具 | 系统 | 办公 | 聊天 | 多媒体 | 网页 | 运营 | 平面 | 欣赏 | 数据库 | 程序 | 服务器 | 组网
网页 | 3dmax | Ghost | Windows Xp| Dreamweaver | photoshop | Flash | office | Alexa | Css | QQ | Asp | PHP | Jsp | Access
Flash MX 2004入门 | 网站推广策略 | CorelDRAW入门 | ASP学习 | 网站建设大师功 | Word入门
  iTbulo.com > 学院 > 网页制作教程 > Fireworks教程 > Fireworks设计实例 > 正文
Fireworks表现Vista毛玻璃朦胧效果
iTbulo.COM 2007-8-5 5key.net()
今天我们用Fireworks制作类似vista毛玻璃半透明的效果,局部效果图如下:

  Fireworks制作Vista毛玻璃效果

  1、建立画布,导入背景素材

  Fireworks制作Vista毛玻璃效果

  2、绘制圆角矩形,垂直线性渐变填充

  Fireworks制作Vista毛玻璃效果

  3、绘制矩形高光部分,复制矩形,原位粘贴,并删除下半部分,进行垂直线性渐变,调整透明度

  Fireworks制作Vista毛玻璃效果

  4、开始制作毛玻璃效果,线性渐变绘制一个圆形,羽化10px

  Fireworks制作Vista毛玻璃效果

  5、添加杂点8px

  Fireworks制作Vista毛玻璃效果

  6、选择先前绘制矩形,在刚才画的圆形上点击反键-编辑-粘贴为蒙版

  Fireworks制作Vista毛玻璃效果

  7、得到如下效果

  Fireworks制作Vista毛玻璃效果

  8、同上步骤再绘制一个矩形、放射性填充、羽化及添加杂点步骤

  Fireworks制作Vista毛玻璃效果

  9、在msn小人这块区域绘制一个椭圆行,使用绸缎填充,按如上步骤得到下图效果。

  Fireworks制作Vista毛玻璃效果

  10、得到效果。

  Fireworks制作Vista毛玻璃效果

  11、最后在标题栏上面加一条白色直线,透明度30%。

  Fireworks制作Vista毛玻璃效果

文章搜索
相关资讯
相关文章 相关下载
Fireworks软件新颖实用操作技巧集合
用Fireworks绘制的跑车
Fireworks教程:不同切角效果
Fireworks制作韩国女包
Fireworks教程: 制作纸张卷边效果
焦点信息