教你绘制一个蜂巢背景【PS教程】

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

最终效果图:

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

选择“多边形工具”

设置“多边形工具”选项

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

最终效果如图:

素材与源文件:

pdadians

作者:@P大点S微博

Photoshop
(0)

相关推荐

  • 手把手教你绘制购物袋图标(PS教程)

    Duang的一声一转眼元宵节都过去了,说好的每天一标呢,要每天补起来了,开年不能输在起跑线上,今天给大家带来的教程是@看不见的敌人28发布的用PS绘制一个写实的购物袋图标,这种购物袋图标在很多地方都能 ...

  • PS教程:教你做一个简单的PS图片

    怎么制作一个简单的PS图片呢?下面,就让小编给大家介绍一下吧. 操作方法 01 首先,我们打开ps软件. 02 接着,我们新建一个画布. 03 然后,我们添加分层云彩滤镜效果. 04 接着,我们建立一 ...

  • 超详细教你绘制萌萌哒奶牛(AI教程)

    AI在UI设计中也是经常用到的软件,比如我在画一些线性图标或者做字的时候就经常用到它,可能有的童鞋对AI还不太熟悉,其实跟PS差不多.今天给大家带来的教程就是有关AI的,来自@DATS设计翻译组的超详 ...

  • 教你打造冰淇淋ICON(PS教程)

    小编:今天给大家分享的是来自Mohammad Jeprie带来的一个美味的冰激凌ICON的PS教程,这个教程对于大家来说可能最重要的是耐心,作者提供的参数不多,大家可以多思考一下思路,也可以发挥一下自 ...

  • 手把手教你打造精致麦克风(PS教程)

    不知不觉年就过完了,还沉浸在假日氛围的童鞋该收收心了,新年新气象,就从打造一个麦克风icon开始吧,也希望通过这个小小的麦克风让更多人了解到学UI网,一起来学习UI设计,教程里用的是纯PS,而且@ed ...

  • 手把手教你绘制一个写实USB图标(PS教程)

    小编:分享一个写实的USB图标给大家,在制作这个图标的过程中,主要是图层样式的运用!作者cua_cq手把手教,快速上手,包学会. 首先,我们来绘制背景.设置前景色为#c0c0c0,背景色为#a7a7a ...

  • 教你绘制一个精致的分贝检测仪【ps教程】

    今天,我们带给大家一个分贝检测仪的ICON,重点依旧还是一些图层样式的添加,教程非常详细,适合初学者哦!不懂的小伙伴记得要耐心.细心的看教程,因为这也是设计师的必修课哦! 我们从背景的创建开始,我用的 ...

  • 教你绘制一个逼真的仪表盘【AI教程】

    小编:仪表盘的重要性在现在的智能时代已经不可或缺了,作为UI设计师学会画仪表盘是非常有必要的.今天的教程传授的都是基础工具及技巧,且有快捷键提示,新手可以很方便地熟练起来,每个步骤详细的写明了具体操作 ...

  • 绘制写实打印机(ps教程+纹理图案下载)

    小编:不知不觉该上班咯~但是为了新的一年自己设定的目标努力吧!今天给大家带来@edlang翻译的写实打印机,教程写很详细,当然不要怕教程太长就退缩咯! 上一期看到大家做的东西存在一个问题,有必要提醒大 ...