PS新手教程!手把手教你创建突出焦点的放射状背景

@飞屋睿UIdesign :当你想要突出某物的时候,在画面上我们普遍都会认同放射状背景的作用,而自制背景看上去似乎是繁琐的任务,放到PS里,几个滤镜就能轻松解决。好了,打开你的PS,让我们一起来体会一下这一奇妙的过程吧。

一、暗调光束

STEP 01

打开PS,新建一个宽1000px高800px的文件。将背景填充为暗色。为什么是暗色?因为我们接下来要做的放射状的光束,光束总是在黑暗中才发光的啊。在这里,我将背景填充为一个紫色的径向渐变。

PS新手教程!手把手教你创建突出焦点的放射状背景

STEP 02

接下,让我们开始制作放射状光束。如果有一直关注我的教程,就会记得我在《PS+AI教程!手把手教你打造低多边形星系海报》这篇文章里写过一个增加星点效果的办法。没错,这里,我也采用同样的方法,但我并非是为了表现出星空效果,而是为下一步作个铺垫。

再新建一个图层,填充纯黑色。然后进入到【滤镜>杂色>添加杂色】。杂色面板的设置为30%,高斯模糊,勾选单色。把这个新的图层重命名为“杂色”。

PS新手教程!手把手教你创建突出焦点的放射状背景

STEP 03

这时,继续选中杂色层,进入【图像>调整>色阶】,开启我们的色阶命令,利用色阶的滑块,减少杂色的数量。这里的参数根据你的需要而确定,如果你想光束较密集,那么保留的杂色不妨多一点。

PS新手教程!手把手教你创建突出焦点的放射状背景

STEP 04

剩下的杂色就是我们的光束“原点”了,很多人到这里不明白怎么回事,不是说好的是光束么?这里的点状背景要如何变成线条状?或者换成这个想法:当一个点以高速运行时,它的运行轨迹就变成直线了。那么,就让我们来试试和动向有关的动感模糊滤镜吧。让我们进入【滤镜>模糊>动感模糊】,在本案例中你的参数得调到最大,角度为90度,这样,点状就变为条状了。以后你遇到任何想要将点转换为线条时,可别忘了动感模糊这个滤镜。

PS新手教程!手把手教你创建突出焦点的放射状背景

STEP 05

它已经变为条状了,如何又从条状变为发散状呢?这得思考一个滤镜的原理了——极坐标。极坐标本身是关于牛顿所发明的数学公式,它能提供关于几何的算法。这里就是利用这种底层的算法来处理图形的。简单说,我们只需要了解的部分即是,极坐标滤镜是和圆有关的,大家可以顾名思义想想地球的“极点”就大概能了解关于这个原理的一些表象。尤其是发散状的图像大部分都离不开这个滤镜。

关于极坐标的应用:《PS教程!手把手教你打造酷炫的专属星球特效》

好了,回到正题,让我们进入【滤镜>扭曲>极坐标】,极坐标的面板参数只有两个选项,选择“从平面坐标到极坐标”。

PS新手教程!手把手教你创建突出焦点的放射状背景

STEP 06

发散状的光束已经出现了,但还远没有达到我们想要的效果是吗?不用担心,接下我们来改变这个图层的混合模式,将杂色层的混合模式改为“滤色”。这时,黑色的部分就被下方的图层吸收,变为一个渐变的发射光束。

PS新手教程!手把手教你创建突出焦点的放射状背景

STEP 07

这时如果仍然觉得光束不够强烈,那么,我们可以再复制杂色层,然后把这个图层高斯模糊3个像素。保持“滤色”的混合模式不变。

PS新手教程!手把手教你创建突出焦点的放射状背景

这时我们的背景图效果就制作完成了。

PS新手教程!手把手教你创建突出焦点的放射状背景

二、扁平光束

另有一种情况是扁平光束,所谓扁平光束就是用绘图的方式所画的光束,通常以纯色色块为主,几乎无其他修饰。这个光束的制作方式更为简单,先画上几条竖直的矩形。竖条按自己的想法来安排。我在这里就设计为2016的流行色:粉水晶和宁静蓝。

PS新手教程!手把手教你创建突出焦点的放射状背景

这里需要注意是:

1、矩形条得是栅格化的,用图形工具所画的矢量图形必须经过转换。

2、矩形条要大于整个画布,延伸到画布外延。极坐标滤镜会改变图形的边缘,因此为了让整个发散状的光束铺满背景,我们要把边缘“藏”起来。

把所有的条纹都合并一个图层,执行“极坐标”滤镜,这样我们的放射状扁平光束就一步到位了

PS新手教程!手把手教你创建突出焦点的放射状背景

后记

当我们学习到一种方法时,我们一定不能仅仅满足局限于此类效果的制作,而应该在继续探索下去,既然极坐标有如此神奇的魔力,不妨可以试试用横向的竖条或者网格,看看会产生什么效果。欢迎有任何疑问均可发邮件到我邮箱讨论raysimon@126.com。

【优设十二月最值得阅读的好文合集】

古龙级别的7种武器!
《大牛推荐!UI设计师工作必备的七个设计神器》

越努力的人未必越优秀:
《走出浮躁!为什么年轻设计师「越努力」未必「越幸运」?》

超应(海南)景的秋天落叶效果:
《PS新手教程!手把手教你绘制萧瑟的秋天落叶字效》

原文地址:ifeiwu
作者:@飞屋睿UIdesign

【优设网 原创文章 投稿邮箱:2650232288@qq.com】

================关于优设网================
"优设网uisdc.com"是国内人气最高的网页设计师学习平台,专注分享网页设计、无线端设计以及PS教程
【特色推荐】
设计师需要读的100本书:史上最全的设计师图书导航:http://hao.uisdc.com/book/
设计微博:拥有粉丝量106万的人气微博@优秀网页设计 ,欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航:全球顶尖设计网站推荐,设计师必备导航:http://hao.uisdc.com

收藏 20
点赞 6

复制本文链接 文章为作者独立观点不代表优设网立场,未经允许不得转载。