注册本站  论坛  繁體中文

电脑技巧
手机 | MP3 | MP4 | 显卡 | 主板 | 显示器 | 光存储 | 笔记本 | 网络设备 | 移动存储 | 数码相机
键鼠 | CPU | 音箱 | GPS | 电视 | 服务器 | 投影机 | 机箱电源 | 品牌电脑 | 办公打印 |
| 网站首页 | Cisco | Windows | Linux | Java | Dotnet | Oracle | 网页设计 | 平面设计 | 安全 | 软件应用 | 电脑维修 | 办公维修 |
您现在的位置: 电脑技巧 >> 网页设计 >> Fireworks >> 设计实例 >> 网页设计正文

Fireworks打造Vista毛玻璃效果

文章来源:中国IT实验室收集整理 作者:佚名 更新时间:2008-6-28 20:27:40 【 】 【加入收藏
  进入网络咨询平台

局部效果图:

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打造Vista毛玻璃效果
     Fireworks网格化图像效果教程
     Fireworks打造无限宇宙特效
     Flash as教程:图片模糊运动
     flash as简单制作飘雪动画
     Flash as3.0教程:弹性小球
     Flash ActionScript 3.0教程:学习Dot类
     Flash模拟地震摇晃动画效果
     Flash动画实例:柳枝,小鱼,涟漪和水波动画
     Flash鼠绘技巧:红绿色的树叶
    最 新 推 荐
     Fireworks打造Vista毛玻璃效果
     Fireworks网格化图像效果教程
     Fireworks打造无限宇宙特效
     Fireworks制作矢量风格渐变效果
     Fireworks锐化马赛克效果
     Fireworks自制树叶笔触绘制榕树
     Fireworks制作韩国女包教程
     Fireworks制作不同切角效果
     Fireworks制作纸张卷边效果
     Fireworks教程:绘制精致的跑车
    相 关 文 章

    Fireworks网格化图像效果教程
    Fireworks打造无限宇宙特效
    Fireworks的高级操作技巧集合
    Fireworks制作矢量风格渐变效果
    Fireworks锐化马赛克效果
    document.createElement()用法及注意事项
    Dreamweaver CS3中Spry详细区域功能
    Fireworks自制树叶笔触绘制榕树
    Fireworks制作韩国女包教程
    Fireworks制作不同切角效果

    | 设为首页 | 加入收藏 | 联系站长 | 友情链接 | 版权申明 | 网站公告

     

    Copyright 2006-2008 pcjx.com All Rights Reserved
    电脑技巧 版权所有 粤ICP备06059145号 地图
    本网站所有内容未经许可不得转载或做其他使用