注册本站  论坛  繁體中文

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

Fireworks教程:简单制作渐隐线

文章来源:蓝色理想 Missx 作者:佚名 更新时间:2008-4-4 17:22:25 【 】 【加入收藏

问得多了,其实渐隐线的做法非常简单.一般来说有两种方法

一种是矩形的填充..

矩形做法一,适合大部分的情况:

1.用矩形工具画出一个像素高的矩形.

2.在面板处选择线性填充,具体的调节如下:

面板讲解:大家可以看到最上面有两排箭头.其中
这个标志的一排是透明度
这个标志的一排是颜色.
通过在上下点击面板添加新箭头....

通过这样的渐变可以得到如下的效果

矩形做法二:

如果是单色背景,可以考虑直接选择颜色箭头中的两端为背景色,中间为你需要的线条颜色,模拟透明效果.

扩展:

1.矩形并不是一定需要1px的高度,可以任意调节.

2.填充不一定是非得需要线性的,如果你需要更多的效果,可以考虑使用其他的渐变方法进行尝试.

 3.通过调节填充手柄,你可以很容易的控制渐隐的方向...

4.通过仔细查看渐变的效果,聪明的人应该可以马上看出,firework的矩形并不是纯矢量的,实际上,它还是像素的...

利用矩形渐隐的组合,我们可以很容易的创建如下的效果PNG源文件:

另外一种就是蒙版形成的渐隐了

相对于形状填充形成的渐隐效果来说,蒙版的渐隐使用的范围更广泛一些,因为矩形渐变并不能包括一些效果的渐变.例子如下:
例子1.

例子2[源文件].

至于如何做我就不多费口舌了,请看frogit版主的教程:
Fireworks蒙版基础教程

其中例子二应该是研究这个网站中的渐变效果做出来的.

  • 上一篇网页设计:

  • 下一篇网页设计:
  • 最 新 热 门
     Flash AS实例教程:简单的loading
     Flash实例教程:烛光动画特效
     Flash实例:打造佛光效果
     Fireworks教程:绘制精致的跑车
     Fireworks教程:不同切角效果
     Fireworks教程:制作韩国女包
     Fireworks教程:简单制作渐隐线
     Web标准应用之腾讯QQ首页改版
     比较文档位置
     32个典型的以分栏/网格为基础的网站
    最 新 推 荐
     Fireworks教程:绘制精致的跑车
     Fireworks教程:不同切角效果
     Fireworks教程:制作韩国女包
     Fireworks教程:简单制作渐隐线
     Fireworks8教程:用素材制作炫酷的闪字效果
     Fireworks打造javascript图片提示效果
     Firewoks实例:铅笔图标
     Firewoks教程:联通标志轻松做
     Fireworks教程:动画制作的技巧
     Firewoks教程:图片的渐变矢量风格
    相 关 文 章

    Fireworks教程:绘制精致的跑车
    Fireworks教程:不同切角效果
    Fireworks教程:制作韩国女包
    Web前端开发的Firefox插件
    Dreamweaver表格妙用线框制作
    Fireworks8教程:用素材制作炫酷的闪字效果
    Fireworks打造javascript图片提示效果
    Firewoks实例:铅笔图标
    Firewoks教程:联通标志轻松做
    Fireworks教程:动画制作的技巧

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

     

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