PS自制低多边形背景

   随着扁平化风靡而来,不声不响就开始流行一种抽象的低多边形背景,它大量出现在网页背景或海报设计中。它的类几何的外形,有一种简洁的未来感,和高上大标签一样被大家所追捧。今天我们要学习的就是如何使用AI软件制作低多边形背景图。

  制作抽象图形对于初学者来说会面临一个困惑,那就是无法做出随心所欲达到“自然而然”的效果。要消灭这种“人造”感,我认为最有效的方法,就是从别处去取材,通过对大自然环境光和自然色的取材。

  一、选取图片

  选取一张色彩丰富、符合设计环境需求的图片是至关重要的。在本例中,我选择了这样一张图片,在AI中打开。


  二、软件设置

  在我们开始动手制作多边形之前,我们打开AI后要做好下面的设置,视图下拉菜单:

  1、勾选“智能参考线”;

  2、“参考线”中“锁定参考线”;

  3、勾选“对齐点”;

  4、锁定背景照片;


  三、第一片三角形

  在图片中,让我们选一块我们认为可以作为背景图色彩的部分区域。例如我在这张图中,就选取了夕阳和海水融合的过度色作为背景图片的主要部分。

  在这个区域中,开始绘制第一片三角形。利用钢笔工具,不填充任何颜色,描边为蓝绿色。


  开始画一个三角形,透过背景图来看,这个三角形尽量为一片颜色差别不大三角形。这是为接下来填色的需要。


  四、画剩下的三角形

  接着,在这个三角形的旁边,选择另一块适合的区域又画上另外一个三角形。第二个三角形的三边至少要和第一个三角形的其中一边联结。如图:


  这时,鼠标滑过三角形的锚点时都会有提示,这有助于你定位其他三角形的锚点。慢慢画上其他剩余的三角形,确保每一个三角形都能无缝的联结在一起。

  这时,你一定会悔恨为什么没有选择自动生成的工具了。但是请记得,无论工具多么厉害,始终比不过你的眼睛和心。因为,只有你才能挑选你的角度来组合这些一片片的三角形。

  记住我在这里强调的:透过背景图画出的三角形,每一个三角形内部的色彩尽量保持单一的。

  好了,这是我的三角形拼片完成了:


  五、填色

  从这里开始,我们要用吸管工具,将背景图的颜色吸取过来填到每一片三角形中,三角形之间尽量保持颜色过渡而又尊重背景图原色。填色时也要去掉描边。这时,好像是在完成一幅拼色画。

  通过一边吸取底色一边填充三角形,这时,蓝色描边的三角形就被我一个个给消灭掉了。然后我再关掉背景图可见的按钮。效果如下:


  这时我们会看到还有一些缝隙,不要紧,这时使用直接选择工具对这些锚点做最后一步的小调整。调整好后,这时就会出现这块像钻石一样的晶莹剔透的石头啦!


  六、背景图应用

  既然是用多边形作背景,那么就拿一个WEBAPP的界面作为例子。当我的登陆界面想要它作为背景的时候,由于我们是用AI制作的矢量图,我可以按照实际需要将它放大到合适的大小再导出PNG图片。记得在放大之前将三角形都编组。


  下面是这个背景实际运用的例子,你也可以运用到海报、LOGO设计等情境中。


分类:

  • PS入门教程
时间: 2024-12-29 13:36:46

PS自制低多边形背景的相关文章

PS制作流行低多边形背景

  本例向PS初学者们介绍PS制作流行低多边形背景的方法和过程,适合新手,老鸟请飘过!这样的风格当下犹如时鲜小炒一样流行.推荐一下,喜欢的就给点好评啦!先来看看效果图: 具体的制作步骤如下: 首先我们现在网上找到一张图片 然后我们就开始进入PS编辑喽 首先要把背景复制出3份,都转化为智能图层进行编辑,如下图: 隐藏掉拷贝1,拷贝2,先编辑图层0.滤镜--高斯模糊(模糊数值取决于图片大小,模糊到朦朦胧胧那种就可以啦) 然后编辑第一个拷贝图层,滤镜--高斯模糊(同上模糊数值相同),滤镜--像素化--

Illustrator快速制作时尚的低多边形背景教程一览

给各位Illustrator软件的使用者们来详细的解析分享一下快速制作时尚的低多边形背景的教程. 教程分享: 一.选取图片 选取一张色彩丰富.符合设计环境需求的图片是至关重要的.在本例中,我选择了这样一张图片,在AI中打开.   二.软件设置 在我们开始动手制作多边形之前,我们打开AI后要做好下面的设置,视图下拉菜单: 1.勾选"智能参考线"; 2."参考线"中"锁定参考线"; 3.勾选"对齐点"; 4.锁定背景照片;   三

PS打造超火的低多边形字体设计

  1添加云彩滤镜 低多边形(Low-Poly)字体设计是目前最新.最火的一个设计趋势.低多边形字体设计主要是基于有少量多边形的3D网格,同时结合一些渲染技术和灯光效果,使这些网格看上去像纸工艺或折纸作品. 低多边形通常需要使用3D软件来实现,但这篇PS教程将教会大家如何使用基本的Photoshop工具来实现它的2D简化版,同时为了使低多边形效果更加精美,我们会用到一个非常简单的App- Image Triangulator App.以下为神器的部分功能和成果展现:) 图01 图02 图03 图

PS+AI教程!手把手教你打造低多边形星系海报

  前言 笔刷.纹理.甚至是Photoshop的杂色滤镜都能做出星系的样子,但是我觉得远远不够.它或许不够直接,又很难用任何一种形状就能将它表达完全.所以,我们所画的星系似乎都只是概念中的星系.本教程要教大家用AI和PS来打造一张星系海报,当然,如果用星空做背景那就太平淡了.这次,让我们尝试用低多边形来为星系造型. 一.星系的造型 1.打开AI,新建一个任意大小的文档.矢量图的尺寸大小当然不太重要.在此我创建的是800px*800px,我想提醒一下,如果是想要画出非常纤细的星系线条(线条小于1p

PS+AI手把手教你打造低多边形星系海报

  前言 笔刷.纹理.甚至是Photoshop的杂色滤镜都能做出星系的样子,但是我觉得远远不够.它或许不够直接,又很难用任何一种形状就能将它表达完全.所以,我们所画的星系似乎都只是概念中的星系.本教程要教大家用AI和PS来打造一张星系海报,当然,如果用星空做背景那就太平淡了.这次,让我们尝试用低多边形来为星系造型. 一.星系的造型 1.打开AI,新建一个任意大小的文档.矢量图的尺寸大小当然不太重要.在此我创建的是800px*800px,我想提醒一下,如果是想要画出非常纤细的星系线条(线条小于1p

PS与AI结合快速把人物转为低多边形肖像

Low Poly为3D中的低精度模型,应用到人像中就是低多边形肖像,平面设计中经常用到. 制作过程:先找好一副像素较高的人物图片,截取想要的部分.然后在PS中根据人像轮廓画出三角形及多边形组合,完成后倒入到AI中,再用钢笔按照手绘的图形绘制矢量网格.最后把每个网格的图形填充相应区域颜色的中间值即可. 最终效果 [1] [2] [3] [4]  下一页

PS教你几步创建超火的多边形背景

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

PS简单快速将图片变成多边形背景

  随着扁平化风靡而来,越来越多的地方开始流行使用多边形背景.就让我们也来学习一下如何制作出这类抽象多边形风格的背景图吧. 制作抽象图形对于初学者来说会面临一个困惑,那就是无法做出随心所欲达到"自然而然"的效果.要消灭这种"人造"感,我认为最有效的方法,就是从别处去取材,通过对大自然环境光和自然色的取材, 一.选取图片 选取一张色彩丰富.符合设计环境需求的图片是至关重要的.在本例中,我选择了这样一张图片,在AI中打开. 二.软件设置 在我们开始动手制作多边形之前,我

PS自制南瓜灯技巧

PS自制南瓜灯技巧   PS中创建新文件 1280×1024 RGB色彩模式 72dpi.使用油漆桶工具将背景图层填充为黑色. 找一张南瓜图片,抠图,去掉背景,可以使用钢笔工具.魔棒工具.套索工具等等,方法不再赘述. 创建新图层,导入所抠的图像. 图层样式,内发光. 然后可以开始下一步了. 分类: PS入门教程