rockice 发表于 2014-7-19 01:44:36

Photoshop简单制作多边形背景教程

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

http://pic.16xx8.com/allimg/140718/211TT018-0.png
提示:教程详细步骤在二楼,不用回复也能看到!想下载该教程的可以回复获取下载网址:点击进入下载页教程编号:133974 作者:程远 出处:优设

rockice 发表于 2014-7-19 01:44:38

Photoshop简单制作多边形背景教程


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

http://pic.16xx8.com/allimg/140718/211TR110-1.jpg

rockice 发表于 2014-7-19 01:44:39

Photoshop简单制作多边形背景教程


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

http://pic.16xx8.com/allimg/140718/211TR0Y-2.jpg

rockice 发表于 2014-7-19 01:44:40

Photoshop简单制作多边形背景教程


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

http://pic.16xx8.com/allimg/140718/211TQ413-3.jpg

rockice 发表于 2014-7-19 01:44:41

Photoshop简单制作多边形背景教程


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

http://pic.16xx8.com/allimg/140718/211TW337-4.jpg

rockice 发表于 2014-7-19 01:44:42

Photoshop简单制作多边形背景教程

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

http://pic.16xx8.com/allimg/140718/211TR337-5.jpg


http://pic.16xx8.com/allimg/140718/211TV930-6.jpg

rockice 发表于 2014-7-19 01:44:43

Photoshop简单制作多边形背景教程


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

http://pic.16xx8.com/allimg/140718/211TVU1-7.jpg


http://pic.16xx8.com/allimg/140718/211TUH8-8.jpg

rockice 发表于 2014-7-19 01:44:44

Photoshop简单制作多边形背景教程


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

http://pic.16xx8.com/allimg/140718/211TT911-9.jpg

rockice 发表于 2014-7-19 01:44:45

Photoshop简单制作多边形背景教程


然后将饱和度拉到-100

http://pic.16xx8.com/allimg/140718/211TVD9-10.jpg

rockice 发表于 2014-7-19 01:44:46

Photoshop简单制作多边形背景教程


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

http://pic.16xx8.com/allimg/140718/211TQA9-11.jpg

rockice 发表于 2014-7-19 01:44:47

Photoshop简单制作多边形背景教程


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

http://pic.16xx8.com/allimg/140718/211TUR5-12.jpg


http://pic.16xx8.com/allimg/140718/211TW028-13.jpg


http://pic.16xx8.com/allimg/140718/211TV562-14.jpg

rockice 发表于 2014-7-19 01:44:48

Photoshop简单制作多边形背景教程

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

http://pic.16xx8.com/allimg/140718/211TT327-15.jpg

rockice 发表于 2014-7-19 01:44:49

Photoshop简单制作多边形背景教程


Step 11
图层混合模式改为叠加。

http://pic.16xx8.com/allimg/140718/211TT0a-16.jpg

rockice 发表于 2014-7-19 01:44:50

Photoshop简单制作多边形背景教程


就这么简单

http://pic.16xx8.com/allimg/140718/211TW532-17.jpg

rockice 发表于 2014-7-19 01:44:51

Photoshop简单制作多边形背景教程



http://pic.16xx8.com/allimg/140718/211TQ537-18.jpg
页: [1] 2
查看完整版本: Photoshop简单制作多边形背景教程