canvas教程

Fireworks制作渐隐线的技巧

字号+ 作者:H5之家 来源:H5之家 2017-03-05 13:04 我要评论( )

Fireworks制作渐隐线的技巧

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

  一种是矩形的填充..

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

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

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

Fireworks制作渐隐线的技巧   电脑高手

  面板讲解:大家可以看到最上面有两排箭头.其中

  这个标志的一排是透明度

  这个标志的一排是颜色.

  通过在上下点击面板添加新箭头....

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

  矩形做法二:

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

  扩展:

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

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

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

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

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

渐隐线

相关栏目 网页设计 平面设计

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • js html5 canvas制作多个小球碰撞的动画效果

    js html5 canvas制作多个小球碰撞的动画效果

    2017-03-05 09:00

  • 网页制作教程列表

    网页制作教程列表

    2017-02-28 15:02

  • 用H5中的Canvas等技术制作海报

    用H5中的Canvas等技术制作海报

    2017-02-24 14:00

  • 7个案例教你学会制作HTML5 Canvas动画

    7个案例教你学会制作HTML5 Canvas动画

    2017-02-20 16:01

网友点评
/