Photoshop 快速制作线条颜色渐变

颜色渐变的线条能与背景颜色更好的融合到一起,给人浑然天成的感觉,而且制作单纯的线条颜色渐变相对来说很简单,这里介绍一种利用橡皮擦功能制作颜色渐变的线条。

制作的原理

利用橡皮擦功能,调节橡皮擦的不透明度,然后擦拭需要颜色渐变区域的线条,使之融合到背景颜色中。

制作步骤

1. 制作直线。其实本例中使用的是两根紧邻的直线,最终形成有凸凹效果的分割线

Photoshop 快速制作线条颜色渐变

本例中的使用的颜色:背景:#333333;深颜色线条:#000000;浅颜色线条:#373737。

2. 由于橡皮擦只能擦拭一个图层中的图面,因此需要合并 深颜色和浅颜色直线所在的图层,本例中先复制了这个直线所在的图层,然后将2个复制后的图层合并,最终图层为 浅颜色 副本 ,选中合并后的 浅颜色 副本 图层,然后将橡皮擦的 不透明度 调整到适当的比例(尽量调低一点,本例调到30%),最后多次擦拭直线的末端区域,最终效果如下图。

Photoshop 快速制作线条颜色渐变

总结:这种分割线还是很美观的,而且制作起来也很简单,在做网页美工设计的时候不妨考虑一下。

10 Comments

  1. 本地智慧 says:

    我的美工很菜的,学习了

  2. diyidu says:

    你这个主题我越看越喜欢。呵呵:)

  3. 老张博客 says:

    又学到一招,不过PS很少用了,就是做LOGO的时候用到。

  4. 任鸟飞 says:

    @diyidu 嘿嘿!很高兴听到别人这么说啊……,本来打算改改主题的,发现自己真的挺懒的啊,打算等周末把留言部分大刀阔斧的改一下。

  5. 任鸟飞 says:

    @老张博客 我倒是经常用PS,工作上经常需要裁图,不过感觉自己没什么灵感和创造力……

  6. raiya says:

    一般都设置的渐变蒙版,感觉更连贯一些,一个图层也就够了的。不过这样子做缩小了也看不出来~支持。

  7. 视觉博客 says:

    很喜欢cs4的UI设计。这个方法在网页美工设计中用的很是广泛。

  8. 飞飞 says:

    恩,我以后就来这里学习网页美工了,目前我还没有找到国内比较好的比较专业的网页设计博客呢。。。

  9. oogps says:

    就是画两条线?

发表评论

电子邮件地址不会被公开。 必填项已用 * 标注

*

您可以使用这些 HTML 标签和属性: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

:wink: :-| :-x :twisted: :) 8-O :( :roll: :-P :oops: :-o :mrgreen: :lol: :idea: :-D :evil: :cry: 8) :arrow: :-? :?: :!:

无觅相关文章插件,快速提升流量

任鸟飞网页设计博客 谜题推理 No.1 Web Design Gallery IndustryIdea LookForDesign AWebGallery Mobile Web Template iDesign Wallpaper Big Funny Picture iPhone Faves iPhone Mobi iPad Faves Android Faves BlackBerry Faves Best Design Magazine All Banner Templates Blog Earn Tips 是谁啊 只爱美人 家乡美 唯美爱 美人衣妆 AutoCAD 2D | Pro/E 3D江苏名企The HTML5 Templates