Photoshop绘制深沉典雅的蜂巢背景效果图

UI / UI设计教程 / PS教程 /      

uimaker
UI设计师 / 江苏 南京

来源:网络   作者:P大点S

关键词

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

最终效果图

Photoshop绘制深沉典雅的蜂巢背景效果图

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

选择多边工具

Photoshop绘制深沉典雅的蜂巢背景效果图

设置多边工具”选项

Photoshop绘制深沉典雅的蜂巢背景效果图

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

Photoshop绘制深沉典雅的蜂巢背景效果图

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

Photoshop绘制深沉典雅的蜂巢背景效果图

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

Photoshop绘制深沉典雅的蜂巢背景效果图

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

Photoshop绘制深沉典雅的蜂巢背景效果图

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

Photoshop绘制深沉典雅的蜂巢背景效果图

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

Photoshop绘制深沉典雅的蜂巢背景效果图

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

Photoshop绘制深沉典雅的蜂巢背景效果图

 收藏