0元购京东自营斐讯K2路由器返399元活动
置顶

Photoshop 快速制作线条颜色渐变

作者:     目录: 图设计处理     发表: 2010年08月11日

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

制作的原理

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

制作步骤

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

Photoshop 快速制作线条颜色渐变

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

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

Photoshop 快速制作线条颜色渐变

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

10 个评论

  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. 哇。这个好,很实用 😛

视觉博客进行回复 取消回复

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