Photoshop结合AI制作超酷的低多边形头像

2016-02-15 23:26 39 1 收藏

关注图老师电脑网络栏目可以让大家能更好的了解电脑,知道有关于电脑的更多有趣教程,今天给大家分享Photoshop结合AI制作超酷的低多边形头像教程,希望对大家能有一点小小的帮助。

【 tulaoshi.com - PS 】

最近一款叫脸萌的APP突然火了起来,图老师小编朋友圈都被脸萌刷屏了,愤怒之下看到了这个教程教你利用PS和AI创建个性的多边形头像,效果太帅了,当即大喜,赶紧分享出来。图老师小编看到很多外国朋友学习后立刻换了头像,喜欢这种效果的小伙伴们也赶紧练下手。

在这里,巴西设计师布雷诺Bitencourt将为你介绍如何在Illustrator和Photoshop中一步一步的制作时尚的低多边形肖像。

这种风格的作品的秘密在于有一张高质量的原始照片。首先,布雷诺演示了如何来绘制这些三角形。然后他演示了如何在Photoshop中完成这些工作,然后在Illustrator创建矢量版本。

布雷诺说,学习本教程并不需要你是一个Illustrator或Photoshop的高手,只需要有好的眼睛和耐心。

Photoshop结合AI制作超酷的低多边形头像,PS教程,图老师教程网

第一步

首先你需要一个好的底片。在本教程中,我决定制作一个自画像,所以我需要我朋友的帮助来拍摄一些照片。

重要提示:这里是用透视法来表现深度,即底片要有良好的高光和阴影的变化,并尽量保证您的底片里有一些有硬边缘配件,这将与软的皮肤和衣物形成对比(例如像眼镜,珠宝或笔挺的衣领)。

你需要从这些照片中找出最好的部分来合成你所需要的底片。正如你在这张截图上看到的,我首先从一张照片中选定脸,再从其他照片中选中眼镜和其他细节。在这个阶段挑剔一些是非常重要的。

对于每一部分,大致裁剪出需要的部分。然后在Photoshop中新建一个黑色背景的文档,然后将每部分照片放到不同图层上。

Photoshop结合AI制作超酷的低多边形头像,PS教程,图老师教程网

第二步

现在,你需要将它们结合起来创建完美的底片。删除不必要的部分,将你所选择的部分拼贴 使用遮罩和混合模式把它们放在一起。

你不必完全按照原始照片来拼,你只是想制作一个像我一样英俊潇洒的底片。举例来说,我不喜欢眼镜腿放在我耳朵上的样子,所以我延长了。

我也改变了我的部分头发,是不是很有趣。

Photoshop结合AI制作超酷的低多边形头像,PS教程,图老师教程网

第三步

在你合成的图像的基础上,调整对比度,色彩平衡,色阶之类的来创建一个更有活力的形象。

我真的不应该这样说,但我经常使用Photoshop的自动对比度,自动颜色和自动色阶功能(在图像菜单),如果你不想手动调整的话,使用这些自动功能是非常实用的。

Photoshop结合AI制作超酷的低多边形头像,PS教程,图老师教程网

第四步

我希望我最后作品的色调比刚才的底片更暖一些,为了把它变得接近我想要的,我加了紫色的图层与滤色混合模式。

Photoshop结合AI制作超酷的低多边形头像,PS教程,图老师教程网

第五步

现在我们就来做耗时部分:三角网格。这个没有秘招,你需要手工去做。为什么呢?因为你的大脑在绘制脸部轮廓时比任何脚本或自动化的软件更好。

不过这里有一些建议。小的部分需要小三角形。永远不要四边形他们只是被看错了,坚持三角形。如果你的照片已经有和我一样挺直的鼻梁就比较好做了,圆润的鼻子是很繁琐的。

用小的笔刷在一个空的图像上创建你的网格。使用一种与图片相比来说较浅的颜色。我喜欢蓝色或绿色,因为这两种颜色都是底片上没有的颜色(除非脖子上有螳螂纹身)。

Photoshop结合AI制作超酷的低多边形头像,PS教程,图老师教程网

第六步

如果你已经走到这一步,拍拍自己的胸,你已经做了很多艰苦的工作。现在是时候改进任何有错误的三角形了。你需要把心思放在网格上,所以隐藏底片吧。查找你忘记创建三角形的地方。一旦你已经完善了它,三角形网格,把它的颜色改为白色,以便与黑色背景对比,并将其保存为JPG格式。

现在启动Illustrator。

第七步

将你的网格拖进你的画板,锁定它。现在开始用钢笔工具来绘制矢量网格了,记得使用一种有对比的颜色(我用的亮紫色)。同样,这步将需要一些时间,所以换上一个美妙的音乐播放列表和来杯最好的咖啡,让我们开始这漫长的工作。

这里有一些建议,可以加快这一进程。你并不需要绘制闭合的三角形,只要用钢笔工具标出三点。这可能听起来很傻,但它会为你节省大量的时间,特别是你要去创建数百个三角形。

Photoshop结合AI制作超酷的低多边形头像,PS教程,图老师教程网

第八步

你也不需要多么精确的,在接下来的几个步骤可以用一个非常好的窍门把他们完美的连接在一起。

Photoshop结合AI制作超酷的低多边形头像,PS教程,图老师教程网

第九步

工作量是很大,但我相信你可以做好的。你可以休息一段时间,但是要记得保存噢。

Photoshop结合AI制作超酷的低多边形头像,PS教程,图老师教程网

第十步

现在,我将教你技巧,使所有的点完全对齐在正确的位置上。这是一个简单的工序,不过当然你需要重复它的次数和你图片上三角形数量一样多。

使用直接选择工具,选择本应是同一个地方上的一组点。

译者的话:可以使用索套工具(Q),在三角形的联结点处圈一下,就可以该位置选中全部的点。

Photoshop结合AI制作超酷的低多边形头像,PS教程,图老师教程网

第十一步

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

打开对齐面板,点击水平居中对齐锚点。

Photoshop结合AI制作超酷的低多边形头像,PS教程,图老师教程网

第十二步

然后单击垂直居中对齐,之后所有的锚点就在完全相同的地方了。哦耶!

Photoshop结合AI制作超酷的低多边形头像,PS教程,图老师教程网

第十三步

现在移动点来纠正到需要的位置。

然后为所有的点重复步骤10-12。

Photoshop结合AI制作超酷的低多边形头像,PS教程,图老师教程网

第十四步

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

隐藏你在Photoshop中创建的网格。再次检查过你的网是否有任何遗漏的三角形(每次我总是忘记至少十几个角形)。要做到这一点,最好的办法是选择所有网格(命令/ Ctrl + A键),然后切换到填充色(按shift + x)。

如果你发现有一个三角形失踪,就再次切换到描边色(按shift + x再次),添加三角形,并再次检查。当你已经有了一个完整的网格后就可以到下一个步骤了。

Photoshop结合AI制作超酷的低多边形头像,PS教程,图老师教程网

第十五步

将您的底片放在一个独立的图层,并放在矢量网格下方,将它们完美对齐。这样你能清楚的从底片上选出正确的颜色。记得锁定的底片图层。

Photoshop结合AI制作超酷的低多边形头像,PS教程,图老师教程网

第十六步

现在到了最有趣的部分让我们来上色。依次选择每个三角形,选择吸管工具(I),在每个三角形的中间选择颜色来填充它。

Photoshop结合AI制作超酷的低多边形头像,PS教程,图老师教程网

作者介绍:

布雷诺Bitencourt是个住在Bauru的巴西设计师,为全球的客户工作。他主要是一个标志设计师,但喜欢尝试low poly插图,3D作品,毛刺艺术等更个性化的工作。

Photoshop结合AI制作超酷的低多边形头像,PS教程,图老师教程网

编者翻到原网址,发现好多同学学完教程都放上了自己的多边形头像,非常漂酿,同学们也可以试下手。

同学们的作品:

Photoshop结合AI制作超酷的低多边形头像,PS教程,图老师教程网

Photoshop结合AI制作超酷的低多边形头像,PS教程,图老师教程网

Photoshop结合AI制作超酷的低多边形头像,PS教程,图老师教程网

Photoshop结合AI制作超酷的低多边形头像,PS教程,图老师教程网

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

延伸阅读
之前有介绍小圆点背景的制作方法,基本与本教程的制作方法类似。不过本文介绍的方法更为多层次性,更详细。作者最后融入了一些高光点,看似简单却为画面增色不少。 类似教程:Photoshop制作漂亮的圆点高光背景。 最终效果 1、打开Photoshop,创建一个新文档,我使用的是2560×1440像素,可以用它作为墙纸。给背景填充深灰色(#181818)...
标签: PS PS基础
最终效果 原图 1、铺好场地: 首先,建立一个竖版的文件(文件大小根据需要自行决定,建议300dpi);并将要用到的照片置入到文件中;新建图层1(用来勾画多边形) 。 2、选到下笔: 在工具箱选择可勾三角形选区的工具:钢笔工具或多边形套索工具,然后在新建的图层1中工作,建议从头部开始勾画,分析头部结构,用钢笔工具定下三个点直...
【PS文字特效】PS打造超火的低多边形字体设计   1添加云彩滤镜 低多边形(Low-Poly)字体设计是目前最新、最火的一个设计趋势。低多边形字体设计主要是基于有少量多边形的3D网格,同时结合一些渲染技术和灯光效果,使这些网格看上去像纸工艺或折纸作品。 低多边形通常需要使用3D软件来实现,但这篇PS教程将教会大家如何使...
PS+AI教程!手把手教你打造低多边形星系海报   前言 笔刷、纹理、甚至是Photoshop的杂色滤镜都能做出星系的样子,但是我觉得远远不够。它或许不够直接,又很难用任何一种形状就能将它表达完全。所以,我们所画的星系似乎都只是概念中的星系。本教程要教大家用AI和PS来打造一张星系海报,当然,如果用星空做背景那就太平淡了。...
标签: flash教程
在数学几何的课件中,我们经常要画一些正多边形,那么怎么才能绘制出比较规正的多边形呢!下面我就以正六边形为例来介绍一下怎么样画正多边形。 第1步,启动Flash MX,新建一个文件。在舞台的空白处单击右键,选择快捷菜单中的“文档属性”,弹出“文档属性”对话框,对舞台的大小、颜色等进行设置,如图1所示。 第2步,单击...

经验教程

159

收藏

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