学习Fireworks制作渐隐线的技巧

作者:课课家教育更新于： 2016-08-27 14:12:31

　　使用Fireworks不仅可以轻松地制作出十分动感的GIF动画，还可以轻易地完成大图切割、动态按钮、动态翻转图等。因此，对于辅助网页编辑来说，Fireworks将是最大的功臣。所以今天小编就介绍一篇fireworks教程：制作渐隐线的技巧。相信大家都有看过渐隐线吧，其实渐隐线的做法真的是非常简单。一般来说，制作渐隐线有两种方法，其中的一种就是矩形的填充。

　　矩形做法一（适用于大部分的情况）

　　①绘制矩形

　　我们首先用Fireworks的矩形工具，画出一个像素高的矩形。如图所示：

　　②填充调节

　　然后我们就在面板处选择“线性填充”,具体的调节，我们可以如图所示：

　　③面板讲解

　　其实大家可以看到面板的最上面有两排箭头，其中有一排是透明度，而另外一排就是颜色。

　　我们可以通过在上下点击面板添加新箭头，通过这样的渐变，我们可以得到如下的效果，如图所示：

　　矩形做法二

　　如果是单个颜色背景的话，那么我们可以考虑直接选择颜色箭头中的两端为背景颜色，中间的就为我们所需要的线条颜色，当做是模拟透明的效果。

　　扩展知识

　　①矩形的高度，并不是一定需要1px的高度，其实我们是可以任意的调节。

　　②填充的时候，也不一定是非得需要线性的。如果我们想需要有更多的效果,那么可以考虑使用其他的渐变方法进行尝试。

　　③通过调节填充手柄，那么我们就可以很容易的控制渐隐的方向，如图所示：

　　④只要我们通过仔细观察渐变的效果，聪明的我们应该可以马上看出：firework的矩形，并不是纯矢量的。实际上,它还是像素的。

　　只要利用矩形渐隐的组合,那么我们就可以很容易的创建出如下的效果PNG的源文件，如图所示：

　　小编总结：

　　以上就是Fireworks教程的全部内容了，相信大家都已经学习利用Fireworks这个软件制作渐隐线的技巧，方法是有两种的。只要按照以上的教程，效果就可以呈现在大家的眼前了。是不是非常的简单易学呢？如果喜欢，大家快来动手试一试吧。更多有关Fireworks教程，可以登陆课课家官方进行观看在线学习。