实用经验:如何去除PS渐变时存在色阶问题

2013/04/30 53263

@姚轻平 多次在群里讨论色阶问题,我现在说说经验。最近大家对这个问题比较关注也在探讨,我想你也肯定会在以后的设计工作中遇到,推荐收藏,请查看大图!

想必大家都遇到过这样的情况,作图会在背景常用一些渐变,这样就很容易出现一个问题,就是传说中的“色带”。任凭你用各种方法去解决,你感觉它总是存在。
下面就是简单两步,对于这个可耻的色带我是怎么解决的。在PS中,由黑到白是有255个层级的,也就是当你拉一个从黑到白的径向渐变,实际上是由255个圈环组成。如果你足够仔细也许可以看到。RGB三个通道也是同理。
下面是一个灰色渐变,由于白没有到255,黑也没有到0,所以这个可能只有100个圈环组成——“当然我没办法数清O(∩_∩)O哈哈~”像这样层级很少的渐变色带就特别明显。

看图一,有明显的色带,切入正题了!

图一

第一步
打开滤镜库/画壁描边/喷溅 (图二)
先把平滑度直接调成1,再调喷色半径,查看预览图就能得到图三的效果。当然这一步很多人用添加杂色也可以实现,但是比较麻烦。还是新建图层更好。

图二

图三

第二步
细心地朋友可以观察到,其实这个美丽的平滑效果是存在噪点的。解决噪点问题,不用我说都知道——高斯模糊一下就好了。
这一步我要说明的是:点到为止,放大了来调数值,只要噪点消失就不要再模糊了,否则又会出现色带,而且和原图相比变化会很大。

图四

这是灰色,有其他颜色我都试过很多次,一样适用。当然这并不是唯一的方法,有更好的方法还希望拿出来分享,哈哈……

作者:@姚轻平
本文由优设网@好一朵大柚子 编辑发布

 

================关于优设网================

“优设网uisdc.com”是一个分享网页设计、无线端设计以及PS教程的干货网站。

特色推荐
设计讲座:定期邀请国内互联网公司的设计前辈及行业总监在群内及YY语音(YY频道:15335158)分享实战经验。
设计微博:我们拥有粉丝量26万的人气微博@优秀网页设计 ,欢迎大家关注及时获取设计资源。
设计导航:史上最赞最全面的设计师网址导航:http://hao.uisdc.com
———————————————————–
想在手机上、被窝里获取设计教程、经验分享和各种意想不到的”福利”吗?
添加 优秀网页设计 微信号:【youshege】优设哥的全拼
您还可以扫描下方二维码快速添加:

youshege
 

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:http://www.uisdc.com/how-to-remove-the-ps-gradient-color-order-problems

界面设计 HTML5 素材 交互设计师 好文 UI 用户体验设计 转场动效 设计师专访 设计师 排版布局 扁平化设计 设计规范 素材下载 视觉设计 职场 产品设计 设计趋势 配色 web前端开发 海报设计 AI教程 字体下载 设计理论 动效设计 神器下载 图标设计 psd下载 logo设计 神器推荐 ICON 职场规划 App设计 酷站推荐 字体设计 交互设计 ui设计 用户体验 设计师职场 优秀网页设计 酷站 ps技巧 PS教程 网页设计 经验分享
wechat

优设官方微信

50万设计师关注

微信号:youshege

把好文章收藏到微信

打开微信,扫码分享
学设计 优设网 在这里