当前位置: 首页 > 图文教程 > 平面设计 > FireWorks > Fireworks教程:介绍两种渐隐线的制作方法

FireWorks
Fireworks命令插件:Change Text Size
Fireworks CS3体验之Pages面板
Fireworks绘制打印机图标
实用Fireworks企业标识不扣图反白法
Fireworks打造质感金属锁图标
Fireworks CS3基础教程:切片和优化功能的运用
Fireworks快速简单打造网页“闪字”动画
Fireworks打造逼真梵高之光特效
Fireworks轻松打造质感Vista LOGO
Fireworks教程:打造一个没有钨丝的灯泡
用Fireworks 8的位图工具打造精美网页效果图
疯狂的补间&元件&路径 制作仿3D光亮DNA桌面(试用版)
Fireworks CS3教程:蒙版的运用基础
网页设计翻译教程:图标缩小后变形的解决办法
fireworks教程:用笔触绘制“毁灭顶峰”效果
Firework教程:教你制作特殊的切角图形
Firework教程:韩式风格手提袋的绘制
Firewoks教程:制作液体金属表面文字效果
Fireworks教程:电视雪花动画效果的制作
Fireworks教程:制作一个简单的网页新闻播报框

FireWorks 中的 Fireworks教程:介绍两种渐隐线的制作方法


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

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

一种是矩形的填充..

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

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

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

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

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

矩形做法二:

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

扩展:

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

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

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

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

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