简易教程出来啦!教你几步创建超火的多边形背景

最近多边形太热门了,今天分享一篇教程,效果类似多边形背景,但是仅仅11步就可以完成!虽然步骤简单,但效果绝对是杠杠的!对于甲方催命的设计师来说,这个教程绝对是15分钟紧急活命工具!特!别!强!调!几乎任何一张图都可以利用这种手法完成高大上背景的创建,堪称背景界的万金油!

简单的秘诀在于,我们是利用一张背景图来完成的,所以,你选择的大图决定了背景的色彩,在这里,我们选择这张图:

简易教程出来啦!教你几步创建超火的多边形背景

原始图片链接:download the photograph,高清达9M,作者:Fré Sonneveld

Step 1

新建文件,大小根据你的背景需求就好,3000 * 2000px 大小足以覆盖任何屏幕了。

简易教程出来啦!教你几步创建超火的多边形背景

Step 2

将背景图拖进来,右键转换成智能对象,复制两次,这样你就有了3个相同的图层

简易教程出来啦!教你几步创建超火的多边形背景

Step 3

重命名后将后俩图层隐藏起来(单击前边的小眼睛)。命名方式图层1,图层2,图层3

简易教程出来啦!教你几步创建超火的多边形背景

Step 4

在第一个背景图层里应用高斯模糊,半径是250 px。

简易教程出来啦!教你几步创建超火的多边形背景

Step 5

选择第二个图层,重复上一步操作。

简易教程出来啦!教你几步创建超火的多边形背景
简易教程出来啦!教你几步创建超火的多边形背景

Step 6

还是第二个图层,单击滤镜 > 像素化 > 晶格化,大小还是250 px,接着单击滤镜 > 风格化  > 查找边缘。

简易教程出来啦!教你几步创建超火的多边形背景
简易教程出来啦!教你几步创建超火的多边形背景

Step 7

添加一个反相调整图层与色彩/饱和度调整图层,都为它们创建剪切蒙版,这样就可以只应用在第二个图层了。

简易教程出来啦!教你几步创建超火的多边形背景

然后将饱和度拉到-100

简易教程出来啦!教你几步创建超火的多边形背景

Step 8

将第二个图层的混合方式改为滤色。

简易教程出来啦!教你几步创建超火的多边形背景

Step 9

回到图层3,同前面一样,应用高斯模糊和晶格化滤镜,参数如上。

简易教程出来啦!教你几步创建超火的多边形背景
简易教程出来啦!教你几步创建超火的多边形背景
简易教程出来啦!教你几步创建超火的多边形背景

Step 10

为图层3创建调色相/饱和度整图层,创建剪切蒙版,饱和度拉到-100

简易教程出来啦!教你几步创建超火的多边形背景

Step 11

图层混合模式改为叠加。

简易教程出来啦!教你几步创建超火的多边形背景

呐,就这么简单!大功告成!

简易教程出来啦!教你几步创建超火的多边形背景
简易教程出来啦!教你几步创建超火的多边形背景

有深浅,有对比,多边形效果瞬间出炉!

利用这种手法,创建的背景,像这样:

简易教程出来啦!教你几步创建超火的多边形背景
简易教程出来啦!教你几步创建超火的多边形背景

还有这样...

简易教程出来啦!教你几步创建超火的多边形背景

附多边形超火文:
《这效果超火!教你创建高大上的多边形字体》
《大福利!350M高分辨率低多边形背景图打包下载!》

原文地址:medialoot
优设网翻译:程远

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

================关于优设网================
"优设网uisdc.com"是一个分享网页设计、无线端设计以及PS教程的干货网站。
【特色推荐】
设计师需要读的100本书:史上最全的设计师图书导航:http://hao.uisdc.com/book/
设计微博:拥有粉丝量73万的人气微博@优秀网页设计 ,欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航:全球顶尖设计网站推荐,设计师必备导航:http://hao.uisdc.com
———————————————————–
想在手机上、被窝里获取设计教程、经验分享和各种意想不到的"福利"吗?
添加 优秀网页设计 微信号:【youshege】优设哥的全拼
您也可以通过扫描下方二维码快速添加:

简易教程出来啦!教你几步创建超火的多边形背景

收藏 16
点赞

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