Photoshop结合AI制作蜂窝状背景图案

2016-02-15 21:57 72 1 收藏

今天给大家分享的是由图老师小编精心为您推荐的Photoshop结合AI制作蜂窝状背景图案,喜欢的朋友可以分享一下,也算是给小编一份支持,大家都不容易啊!

【 tulaoshi.com - PS 】

今天我们要学的蜂巢炫彩图案,过程简单,且学会这个方法,可以帮你打造成千上万的背景。相信我,相比到图库里找现成的背景,动手制作永远是退货率最低而自己也能从中学习到更多的方式。

Photoshop结合AI制作蜂窝状背景图案,PS教程,图老师教程网

一、制作背景色

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/ps/)

这里,我将采用我习惯的利用图片作为炫彩背景色素材的取色方式,我曾经写过的教程《配色弱有救了!教你利用图片创建独有的色彩方案!》已经有具体地阐述过,找图的时候最好找一些颜色相对丰富一点的图片。然后打开PS,新建一个1800px*1200px的文档,将图片拖入其中,调整到合适的大小。

Photoshop结合AI制作蜂窝状背景图案,PS教程,图老师教程网

采用快捷键Ctrl+J复制背景图,将复制后的背景层的图层名称改为模糊层。根据改动的名称,大家也许已经猜到我要做什么了。没错!对这个模糊层进行高斯模糊。进入【滤镜模糊高斯模糊】,模糊大小尽量偏大,我在这里设置为400px。

Photoshop结合AI制作蜂窝状背景图案,PS教程,图老师教程网

接下来让我们为图层增加一点杂色颗粒效果,复制模糊层(Ctrl+J),进入【滤镜杂色添加杂色】,杂色数量为15%,高斯分布,取消单色。大家可以在玩参数的时候,仔细观察相应的效果变化,日后对该滤镜的运用会更加自如,当然也就更加方便快捷。

Photoshop结合AI制作蜂窝状背景图案,PS教程,图老师教程网

这时,让我们将杂色层的混合模式改为叠加,并对填充降低至60%。

Photoshop结合AI制作蜂窝状背景图案,PS教程,图老师教程网

如果对色彩效果不甚满意,还可以利用调色工具继续调试。例如我在这里利用亮度/对比度调整图层,稍微增加了一些亮度和对比度。这里由于使用的图片不一样,大家对图片调色方式也不太一样。我的背景色最后效果如下:

Photoshop结合AI制作蜂窝状背景图案,PS教程,图老师教程网

二、绘制蜂巢图案

打开AI,绘制蜂巢图案。新建一个和PS里原有图像大小相同的文档。

Photoshop结合AI制作蜂窝状背景图案,PS教程,图老师教程网

在新建文档中,利用多边形工具,在画布上绘制第一个六边形。对于蜂巢,相信大家已经见过很多,大自然的视觉秘密之一就是任何图案都可以利用最基础的几何图形加以组合就能绘制出来。对于这个秘密,AI软件应该对此心知肚明,所以只为我们准备了基础的几何图形,通过相应的组合和变化我们就可以创作出任何图像。对于这一点,我们平时就要细心留意大自然给我们的视觉信息,加以收集积累。

选中多边形图形工具,在画布上双击鼠标左键,即弹出多边形的对话框。在此可以设置多边形的大小和边数。我们的蜂巢图案是由6个等边组成,因此边数设置为6,这里的半径也是指多边形的边长到中心点的距离,这里我设置为30px。这时的填充是保持为默认的白色填充和黑色描边。

Photoshop结合AI制作蜂窝状背景图案,PS教程,图老师教程网

如果我们再仔细回忆蜂巢的图案造型,就会发现组成蜂巢的多边形角度和我现在画上的多边形角度是不同的,我所画的多边形是边长为底,蜂巢的图案则是边角为底。这就需要为这个基础图案进行旋转处理。旋转的角度,根据多边形的法则,每个边角角度为60°,那么现在我们要将边角旋转60°的一半,也就是30°。艺术的本质是科学,大家在这里可以稍加体会。

选中图形,点击鼠标右键,右键弹出的菜单中点击旋转,在旋转设置面板中,旋转角度设置为30°。

Photoshop结合AI制作蜂窝状背景图案,PS教程,图老师教程网

让我们为蜂巢填色,我在这里打算利用渐变来为它填色,描边继续保持不变。这样的填色方式让最终效果显现出透明感。选中图形,然后进入外观的面板。在外观的填色中选择渐变色板,然后打开渐变填色,渐变的设置如下图所示。

Photoshop结合AI制作蜂窝状背景图案,PS教程,图老师教程网

采用快捷键Ctrl+U,打开智能参考线,然后选中这个多边形后,同时按下ALT键,拖动图形,这时智能参考线会帮助你对齐两个图形。让它们并列排列在一起。这时再选中复制后的图形,继续使用快捷组合键Ctrl+D,重复上一步操作。也就是不断重复将新的拷贝图形再进行拷贝并对其排列。这样我们很轻松就获得一排整齐多边形。这时为了让多边形方便不断重复操作形成排列,最好把第一个多边形放置于画布的一角。

Photoshop结合AI制作蜂窝状背景图案,PS教程,图老师教程网

把一整排多边形编组后,再复制该组,放置于其上方。然后继续这样复制,让多边形铺满差不多整个画布。当然你也可以完成第一次复制后,剩下的重复步骤采用Ctrl+D的快捷键方法。前提是要保证第一步要让多边形的边对齐。

这时,它已经有了蜂巢的样式了。

Photoshop结合AI制作蜂窝状背景图案,PS教程,图老师教程网

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/ps/)

三、融合背景色

做好的蜂巢图案可以将它们在AI全部编组后,点击Ctrl+C,直接复制,然后打开第一步在PS中做好的背景色文档,直接粘贴Ctrl+V。在弹出的粘贴选项中选择智能对象,点击确定。

Photoshop结合AI制作蜂窝状背景图案,PS教程,图老师教程网

如果我们要为这个图案变换颜色,只需要增加一个颜色叠加的图层样式。例如我在这里选择白色叠加。

Photoshop结合AI制作蜂窝状背景图案,PS教程,图老师教程网

然后将这个图案图层的混合模式改为颜色减淡,透明度降低为30%。

Photoshop结合AI制作蜂窝状背景图案,PS教程,图老师教程网

作为背景来搭配相应的图形和文字,表现效果良好。

Photoshop结合AI制作蜂窝状背景图案,PS教程,图老师教程网

看了我的实例,相信还是只有动手才能对本篇教程深入体会。认真感受每个步骤所能探索的极限,而不要完全参照实例。尝试让自己走得更远。

来源:http://www.tulaoshi.com/n/20160215/1564420.html

延伸阅读
标签: PS PS基础
关于网页图案 首先需要说明的是,用作页面背景的网页图案一定要简单,效果不能太强烈,只需要提供一点点质感就可以了,要不就抢了页面内容的风头。而实际上页面内容才应该是整个网站的视觉焦点。这种经验我们可以在给手机换壁纸的时候收获到,我们经常是本能的去挑选那些非常漂亮的风景照或者非常抢眼的图片作为手机的背景图片,可等真正将壁...
标签: PS PS基础
3D字虽然现在不是特别流行,但是有的图用一下效果还是很好的,今天就带来一个海报中常用3D字的教程方法很简单,只是很多时候我不说你不知道。 首先是效果图: 教程开始 1、先打开AI写上要制作的3D字的文字(平面图形也可以的哦),选个粗点的字体,不要选黑白灰色,其他随意 2、ctrl+shift+o文字转曲,ctrl+h隐藏路径,多复制一个备用 ...
标签: Web开发
先来看图: 如何实现这样的效果呢? 首先,要准备一张这样的图片:   如何做出这样的图片呢? 一、打开Photoshop,新建一个640×480像素的文档 二、新建图层,按D键将前景色和背景色恢复为前黑后白,再按X键交换前景色和背景色。选择圆角矩形工具(快捷键U),半径设置为10个像素,画一个宽400像素,高50像素的...

经验教程

29

收藏

24
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部

如果您有什么好的建议或者疑问,可以联系我们。 商务合作QQ:3272218541;3282258740。商务合作微信:13319608704;13319603564。

加好友请备注机构名称。让我们一起学习、一起进步tulaoshi.com 版权所有 © 2019 All Rights Reserved. 湘ICP备19009391号-3

微信公众号