陌北默

有同学问这类效果怎么做,今天@P大点S微博?手把手教同学们完成它,过程不难,主要是图案的基础运用,最终效果特别适合做背景,格调高有气氛。

最终效果图:

20fw20151021

首先,我们执行“编辑—首选项—参考线、网格和切片”,设置网格大小。

1fw20151021

选择“多边形工具”

2fw20151021

设置“多边形工具”选项

3fw20151021

在画布上画一个“六边形”,六边形的大小,我这里用的是30像素。

4fw20151021

选择“路径选择工具”,按住ALT,移动鼠标,复制出一个多边形的路径,改大小为25像素,模式减去。

5fw20151021

选择住两个多边形的路径,水平和垂直居中对齐,我们就得到了一个空心的多边形。

6fw20151021

同样的用“路径选择工具”,选择住两个多边形的路径,合并形状组件。

7fw20151021

下面,还是用“路径选择工具”,选取住这个空心多边形,按住ALT,拖动鼠标,复制多边形,并摆放如下:

8fw20151021

隐藏住背景层,隐藏背景的目的是因为我们想得到一到透明底的,只有蜂巢的图案,使用“矩形选框”工具,选取住如下图的选区,这里需要注意的是要确保我们所选取的部分,能够无缝拼接,有网格可以观察,相信没有什么难度。

9fw20151021

执行“编辑—定义图案”。

10fw20151021

创建一个4000*4000像素的文档,背景为透明,执行“编辑—填充”,内容选择“图案”,选择我们刚才制作的图案,刚才我们创建的图案有点大,所以在这里我CTRL+T,把这个图案图层缩小到25%左右。

11fw20151021

新建一个文件,设置背景为黑色,尺寸随意,我用的是660*450像素,把那个缩小后的图案图层拖进来,设置一个图层样式。

12fw2015102113fw20151021

设置完图层样式后,我们得到如下的效果。

14fw20151021

接下来,我们给“图案”添加一个图层蒙版,用画笔工具在四个角涂抹几下,营造一个暗角效果。

15fw20151021

下面,我们开始营造原图的色调。新建一层,命名为“绿色”,设置前景色为#263026,用圆角柔边画笔画一下。

16fw20151021

将“绿色”图层的图层混合模式更改为“线性减淡(添加)”,不透明度更改为60%,并添加一个图层蒙版,涂抹掉不和谐的地方。

17fw20151021

再新建一个图层,设置前景色为#30393b,同样的用大尺寸的圆角柔边画笔点一下,更改图层混合模式更改为“线性减淡(添加)”,同样的添加一个蒙版,涂抹掉不和谐的地方。

18fw20151021

最后,添加一个色阶调整层,参数如下:

19fw20151021

最终效果如图:

20fw201510211

素材与源文件:

down112

原文地址:pdadians

作者:@P大点S微博

转载请注明:学UI网—UI设计师学习教程平台 » 教你绘制一个蜂巢背景【PS教程】

登录收藏

学UI就上学UI网!越努力,越幸运!

“学UI网www.ccopus.com?”最值得关注的UI学习平台! 每天发布高质量的设计教程和分享设计经验,服务于20万UI设计师,帮助初学者快速转型。每周六晚上免费YY公开课(36013311),给大家提供更多免费学习的机会。想成为设计师的你快来关注吧!

【特色推荐】

APP截图站app.ccopus.com” 海量APP截图,让你灵感爆发!国内最好的APP截图站。

UI作业网 zuoye.ccopus.com” 每一个作业题都尽量配有教程,交作业就有大神免费帮你点评作业,爽歪歪!

UI设计导航站 hao.ccopus.com” 专为UI设计学习者打造的资源+学习,双用途的网址导航站。亲爱的,你收藏了吗?

【学UI网 原创文章 投稿邮箱:tougao@ccopus.com,也可以找各个群的管理】

 
你可能喜欢的:
VIP勋章拆解教程 [ps教程]VIP勋章拆解教程 [ps教程]
写实插头图标教程[PS教程]写实插头图标教程[PS教程]
《纪念碑谷2》图标教程[ps教程]《纪念碑谷2》图标教程[ps教程]
Pixel Sorter创建潮流线粒风格!Pixel Sorter创建潮流线粒风格!
用PS制作动感激爽水花文字用PS制作动感激爽水花文字
《Lit the Torch》解密游戏Icon[教程]《Lit the Torch》解密游戏Icon[教程]
立体字母LOGO设计[教程]立体字母LOGO设计[教程]
大合集!最新版iPhone X 展示模板样机下载!大合集!最新版iPhone X 展示模板样机下载!
教你创建炫酷的星际文本效果【PS教程】教你创建炫酷的星际文本效果【PS教程】
最新版IOS 11设计规范,官方源文件下载!最新版IOS 11设计规范,官方源文件下载!
?