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

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

2015/12/18 17223评论区

photoshop-focus-radiate-background

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

一、暗调光束

STEP 01

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

ifeiwutut55-01

STEP 02

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

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

ifeiwutut55-02

STEP 03

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

ifeiwutut55-03

STEP 04

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

ifeiwutut55-04

STEP 05

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

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

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

ifeiwutut55-05

STEP 06

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

ifeiwutut55-06

STEP 07

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

ifeiwutut55-07

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

ifeiwutut55-08

二、扁平光束

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

ifeiwutut55-09

这里需要注意是:

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

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

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

ifeiwutut55-10

后记

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

优设大课堂

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:https://www.uisdc.com/photoshop-focus-radiate-background

发表评论 加载中....

评论加载中....

uisdc

评论区都快饿瘪了,看看我期盼的小眼神...

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

您还没有登录

优设启用更安全省心的 微信扫码登录

微信扫码

300万设计师聚集地!优设网是极具人气的设计师平台
2012年成立至今,一直专注于设计师的学习成长交流

把好文章收藏到微信

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