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

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

2014/07/18 40725评论区

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

最近多边形太热门了,今天分享一篇教程,效果类似多边形背景,但是仅仅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

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

blurred abstract mosaic photoshop tutorial

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】优设哥的全拼
您也可以通过扫描下方二维码快速添加:

sdcweixin

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

发表评论 加载中....

评论加载中....

uisdc

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

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

您还没有登录

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

微信扫码

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

把好文章收藏到微信

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