当前位置: 首页 > 图文教程 > 平面设计 > FireWorks > Fireworks制作Vista毛玻璃效果

FireWorks
Macromedia Fireworks MX的新特性一
Macromedia Fireworks MX的新特性二
Macromedia Fireworks MX的新特性三
Macromedia Fireworks MX的新特性四
Fireworks4 巧用无缝填充处理图片
Fireworks4 制作透明字
Fireworks中螺旋运动字的制作
Fireworks常见问题解答(7)
Fireworks常见问题解答(6)
Fireworks常见问题解答(5)
样式在FW MX 2004中的应用
用Fireworks轻松制作网页交互按钮
巧用Style制作立体感文字
Fireworks制作产品展示图
FireWorks象素按纽教程
Fireworks MX 之 初体验5-2
Fireworks MX 之初体验3-1
撕纸边缘效果制作方法详解
立体贴图字特效制作
Fireworks MX 2004特效字系列教程:晶莹文字制作

FireWorks 中的 Fireworks制作Vista毛玻璃效果


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-11-22   浏览: 197 ::
收藏到网摘: n/a

在完成Chinay-MSN校园大赛页面的时候,朋友问我如何制作这种类似vista毛玻璃的效果。于是乎,就有了这个教程!

局部效果图:

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

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

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

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

5、添加杂点8px

 

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

7、得到如下效果

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

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

10、得到效果。

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