下载安卓APP箭头
箭头给我发消息

客服QQ:3315713922

学习Fireworks制作渐隐线的技巧

作者:课课家教育     来源: http://www.kokojia.com点击数:1365发布时间: 2016-08-27 16:17:44

标签: Fireworks矩形工具线性填充

想学设计?来看看大师是如何完成作品的?

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

  矩形做法一(适用于大部分的情况)

  ①绘制矩形

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

①绘制矩形

  ②填充调节

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

②填充调节

  ③面板讲解

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

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

③面板讲解

  矩形做法二

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

  扩展知识

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

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

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

扩展知识1

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

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

扩展知识2

  小编总结:

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

赞(0)
踩(0)
分享到:
华为认证网络工程师 HCIE直播课视频教程