作品分类：
发布时间：
版权信息：
Low Poly神器，带你飞
Low Poly，低面建模风格也流行了很长一段时间了，但我发现身边的朋友包括我很少会去尝试（可能因为工作学习忙吧）。最近兴起，突然想好好研究，于是特地查找了一些Low Poly的资料教程，包括C4D最近也在研究。
下面这篇是教你如何使用工具简单绘制Low-poly风格设计的，教程图文有点多，但非常实用，所以翻译过来了。学会了之后，活学活用，足以驾驭时下多数Low Poly风格设计，如桌面QQ6.0采用的登录背景图，以及最近淘宝双11的一系列宣传图。好了不多说，下面是译文。我敢肯定大家都很中意Low Poly（低面建模）风格设计，而且很想知道他们是怎样做到的。首先你肯定知道，这是由很多微小的几何形状图形相结合，而形成一个抽象的图像。想到这里可能都会觉得这很复杂，而我最近发现了一个神器，可以超简单地完成这些工作。好了，接下来就分享给大家怎样用这个神器——I ? ?（），设计属于自己的Low Poly风格的图形。为了使设计更出色，会需要一些AI（Illustrator）和PS（Photoshop）的帮助哦。（顺手将这个I ? ?工具也翻译了，并根据大家评论里的反馈后来优化了这个工具，下载的附件里面有我的修改版本和原版。）Low Poly风格老虎图形插画：这就是我们要在教程里做的低面建模风格设计（是不是很有Feel~）。这是一张由许多微小几何图形组合而成细腻的图像。让我们觉得过程十分繁杂，但你错了，这超级简单，仅仅是使用了一个工具——I ? ?&。70kb的大小，无需安装，下载即可开始使用。首先准备一张图片我将使用一张来自Shutterstock的，作为我设计的基础。但这里我做了一些微调，让图片完全对称。复制图层，然后水平翻转。然后如上图，给复制的图层添加一个图层蒙版，填充一半为黑色，这样，就不显示这一半，两图层形成了两边一样的镜像效果。用柔软的黑色笔刷擦一下蒙版相交线处，使两边图像混合在一起形成较自然的对称图像。但真的不用太在意接缝处的不完美，即使你是处女座，因为后面做成多边形建模效果的时候这些细节都看不到了。添加一个色阶调成图层增加对比度，凸显出高光和阴影部分。高对比度的图片可以更好地转换为Low-poly风格，因为亮和暗的部分更容易识别。创建Low Poly效果从Somestuff.ru网站下载（原下载链接要搭梯子，点击）工具，这是一个web app，作者已经打包好一个文件夹了，下载并解压后，直接打开或者将index.html文件拖入浏览器中即可使用（可能需要Chrome、Firefox等高级浏览器支持）。然后拖拽一个图片文件到区域，就可以开始编辑了。开始，先点击“添加25个顶点（Add 25 Vertices）”右边的按钮，然后降低顶部多边形层的透明度，这样你就可以看到下面的参考图片。点击图片的四个角，让你的图片尽可能完整地被矢量多边形覆盖。现在，就是稍微有点复杂的过程了，但很好玩！你只需点击创建顶点，顺着你的参考图片的特征路径点击就好。所以在这张老虎照片我沿着黑色斑纹周围和眼睛的细节添加顶点。创建出一个易识别的Low-poly图像的关键就是添加更多地细节在重要的区域，例如这里的眼睛。重复点击眼睛周围的矢量元素，添加更多的顶点，使创建的图像更精准。大致在剩下的图形区域上，沿着参考图片的“线”，添加主要的面部特征细节。不停调节透明度滑块，对比多边形层和参考图片建的餐椅，以抓取足够多的特征细节。开始处理另外一面，跟着这些特点复制一样多的细节。我最初尝试只做一半的多边形模型，然后子啊AI上做镜像复制。但这样很难将顶点匹配成一个完整的图形。因为它处理起来十分密集，很容易就可以直接描绘另一半。以特别的对称图片是很好的做法，这样使用相似的顶点摆放，就可以使添加到每一面的都是大致相同数量的细节。对比细节的区域面积大小，一些不细致的细节用更大的多边形处理，相比使用大量的小形状，更有助于很好地保持Low-poly效果，同时完成一个可识别的图像。（上一步到这一步跨度...有点大啊~）最后在图形的边缘部分添加一系列额外的顶点，消除任何不和谐的形状，就可以完成这个设计啦。当你对这个多边形效果满意后，点击导出（Export），然后右边出现一个“链接（link）”，右键单击导出的“链接”，菜单选择“链接另存为”（有的浏览器也可能叫“保存为”），保存这个链接的文件，这就是完成的SVG格式作品。对这个文件可能还需要在AI上打开进行最后的调整。调整Low-poly风格设计在AI上打开刚刚的SVG图片，可以看到它所有的矢量，是不是十分有成就感。所有那些顶点都转换成了点和路径，成为一个独立的可选择的形状。图形的边缘可能有点粗糙，所以在AI上的第一步就是裁剪大小，画一正方形在图稿里面。去除掉正方形的填充，然后全选，在“路径查找器”面板上点击修剪按钮，裁剪掉超出正方形边缘的部分。裁剪后的边缘整洁多了，真的整顿好了作品。右键，选择取消组合，使所有独立的区块可以再次选择。检查作品那些细微的地方，以及颜色填充没填充好的，出现了白线。每个点可以使用直接选取工具进行微调，改变颜色可以使用吸管工具。（这里我发现不必像作者说的那样调整，任留白线只需导出到ps之后复制叠加几个图层就看不到白线了。——是不是很机智！）（然后，吸管工具的正确使用姿势是，按快捷键"I"，左手小拇指放在直接选取工具的"A"键上，食指放在I键，A一下选取要换色的色块，再I一下点击其他地方需要获取的颜色，如此反复，鼠标点到哪里换哪里，SO EASY！）全选，复制完整的作品在PS文档里，添加一个调整图层，调整阴影和高光来增强图像的对比度和颜色的饱和度。最后一项调整，添加一个层颗粒感杂色（滤镜&杂色&添加杂色），来添加一些微小的纹理，和额外的细节到作品中。很难相信这艺术品般的设计作品，可以像这样简单地在浏览器上点击来创建。而用Illustrator和Photoshop来修整，真的就将其提升为一份艺术品，值得将它打印出来。没看明白？看看这个工具官方的。从Youtube上转传到优酷了。这是我用这个工具做的，，发现有很多值得注意的技巧，分享了一个。另外，Mac的话可以试试这个App哦：，更好用！
打开微信“扫一扫”，将本文章分享到朋友圈
前身为。国内最专业的UI设计平台!
七年来一直为UI设计师做最好的服务而不断努力着!LOW POLY风格商务中期汇报型PPT模板
价　　格：
商品标签：
模板类型：
商品比例：
累计售出：
评　　价：
浏览次数：
发布时间：
成功添加到购物车
购物车共有
种商品 总金额为：爱词霸质量反馈
非常抱歉，来自您ip的请求异常频繁，为了保护其他用户的正常访问，只能暂时禁止您目前的访问。
如果您频繁碰到这样的问题，请您删除浏览器中的cookie再尝试访问，也可以联系我们。
对于给您带来的不便我们深表歉意，希望您继续支持爱词霸。
需要继续访问，请输入四位字母验证码
& 2012 金山软件如何简单地把一张相片处理成低多边形 Low Poly 3D 风格效果？
&img src=&/a793c9d10bb7bf7cd317f0_b.jpg& data-rawwidth=&400& data-rawheight=&300& class=&content_image& width=&400&&&br&配图来自: Dribbble - &a href=&/shots/909479-Fredrik-Marathon-band?list=users& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Fredrik, Marathon band&i class=&icon-external&&&/i&&/a& by D E L O，他提供的&a href=&/ytBTUXO1CVUgy9yF8zj5& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&方法步骤&i class=&icon-external&&&/i&&/a&:&br&&br&&img src=&/154dd8dd2d57e3c7ebc0_b.jpg& data-rawwidth=&1815& data-rawheight=&731& class=&origin_image zh-lightbox-thumb& width=&1815& data-original=&/154dd8dd2d57e3c7ebc0_r.jpg&&&br&有更简单明了的做法吗？
配图来自: Dribbble -
by D E L O，他提供的:…
按投票排序
最近我在微博上发了一个教程，简单介绍了Low poly设计风格，希望对大家有帮助~！个人作品主页：
用Image Triangulator软件即可，方便快捷亲测有效。首先下载一个，解压缩后，打开TriangulateImage文件，会出现下面的两个窗口：然后我们点击右边小窗口的第一个「CHOOSE AN IMAGE」选项来随意添加图片，就用最新发布的Air Jordan XX9吧，既然买不起我就画一双！打开图片之后就用鼠标在边缘处、颜色变化处等地方点击留痕，变成下面这样：然后点击右边小窗口的下方的「MESH(M)」来查看大致的线性的规划，也可以点击右边小窗口的下方的「RESULT(R)」来查看最终效果：对效果满意以后，最后点击「WRITE TO PDF」生成PDF图片即可，得到下面这样：最后玩得兴起来张自画像，丑哭了擦！以上
谢邀，这类效果算法上应该不复杂，不过要好看的话还是得有人工参与绘制三角形，因为涉及到轮廓的提炼什么的，电脑不太行这是Jonathan Puckey弄出来的Delaunay Raster风格，用的自家插件，一开始说不开源不销售，不过我好想找到了卖30美元的脚本有个APP叫 可以快速自动生成类似风格，mac普通版是免费的，ios版和pro版收费，多边形较多的推荐用这个，因为上面那个得完全自己画三角形iPad可以用，0.99美元有个叫「Triangulator」的网页版软件，免费，而且有浏览器就能用，导出的是 SVG 矢量格式
从方法，工具和灵感三方面整理方法：着重推荐 Breno Bitencourt 的绘制思路，综合运用了 Illustrator 和 Photoshop 各自的特点，他在 DigitalArt 和 Behance 同步发表了 Low-Poly 风格的绘制教程： | Digital Arts | Behance同时，他还发表了一个名为 Low Poly Studies 的系列作品展示，体现了将 Low Poly 风格运用于许多不同目的的尝试思路，从稍简单的鸟类到复杂的人物肖像，可从系列中寻找一些启发： | BehanceBreno Bitencourt 是 Low-Poly 风格创意设计的知名代表人物之一（其他设计师推荐可参考下文中“灵感”），他的作品资料：另一类方法是使用 3D 绘图软件制作，成品视觉质量更高。可参考： | Tuts+ (软件：Blender) | Greyscalegorilla Blog (软件：Cinema 4D)更多绘制方法： (12 Tuts)______________________________________________________________________________________工具：使用制作工具可让工作流程简单化，但作品质量难得保证。除了生产 Low-Poly 色彩渐变背景以外，不建议使用。推荐顺序由先至后： | Low-Poly 风格背景制作，可设置背景尺寸，单元格大小和变化，提供质量上佳的渐变配色方案。（2015 年 4 月发布）该工具基于： | 从算法上生产 Low-Poly 风格背景（2014 年 4 月发布） | 基于 WebGL, Canvas 2D 和 SVG 三种主要 Web 技术，可以用作创意 Web 页面设计的动态背景（详细关于 Web 动效设计的信息可参考这里：）。因其演示页面提供了调试面板和导出选项，也被用来生产背景图。（2013 年 5 月发布） | Concept Farm 发布的 Low-Poly 风格制作工具，基于 Java。（2013 年 8 月发布） | 莫斯科设计师 Igor Borisenko 发布的工具，基于 Web。其 Web 应用页面已下线，但项目页面仍提供源码下载。（2011 年 6 月发布）______________________________________________________________________________________灵感：GEO A DAY 是一个关于 illustration 和几何结构设计灵感的项目，由 Dropbox 的两位知名设计师 Jeremiah Shaw 和 Danny Jones 创建（关于设计师的详细信息可参考下文中“设计师推荐”）：In Pieces 是一个可交互的，通过循环展示去了解全球 30 种有趣却濒临灭绝的物种的项目。页面中的 Low-Poly 效果通过 CSS 的 clip-path 属性配合值 polygon 实现： | 30 Endangered Species, 30 Pieces.更多作品集： | Awwwards | Abduzeedo Design Inspiration相关设计师推荐：Timothy J. Reynolds (Twitch 设计师) |
| Jeremiah Shaw (Dropbox 设计师) | Danny Jones (Dropbox 设计师) | Breno Bitencourt |
| Jona Dinges |
| JR Schmidt |
| Erwin Kho |
| Super BigoKatarina Macurova
直接点击这个就可以了！
实验室一师兄正在研究用梯度网格来进行位图矢量化，其中所需的一步同时也是最重要的梯度网格化就可以实现这个效果。这里的梯度指的是像素颜色值的变化速度，梯度网格化的目标是自适应地在图像上建立一个三角形网格，保证每个三角形中的梯度都小于一个阈值。直观来看，就是每个三角形中的颜色都是渐变的。做图像矢量化时需要将颜色等信息以某种压缩方式保存在所得网格的边上，用颜色扩散的方法就能从网格恢复出十分接近原图的颜色。这里想要的是低多边形的效果，就只需要在网格的顶点上直接保存颜色，用三角形顶点插值来还原每个三角形，就可以得到图中的效果。可以参考《image vectorization using optimized gradient meshes》这篇论文。我也不懂有没有现成工具可以实现这功能，矢量化软件是有的，但应该得不到这效果。
单张图片可以恢复大量几何信息（参考Siggraph 2012论文：Single-View Hair Modeling for Portrait Manipulation），该应用可通过编程实现}