DeveWork

低多边形(Low-Poly)简介及相关素材分享下载

最近一直缺乏原创文章,只因被各种琐事所累,难以静下心来写文章。这篇文章也非原创,分享下我知道的一些低多边形(Low-Poly)的素材。低多边形(Low-Poly)最近火得一塌糊涂——如果你关注国外的设计圈子的话。

低多边形(Low-Poly)简介

Low Poly 原是 3D 建模中的术语,指使用相对较少的点线面来制作的低精度模型,一般网游中的模型都属于低模。而现在,Low Poly 进入了平面设计领域,继扁平化(Flat Design)、长阴影(Long Shadow)之后,低多边形(Low Poly)火速掀起了一个新的设计风潮。

Jeff 对于Low-Poly 的印象来源最早是Android 4.3 内置的其中一张壁纸,当然,那个时候还不知道这货叫Low-Poly。而后捏,开始了解这个名词是在小影的博客那里,然后从这个名词开始,逐渐接触并看到国内开始慢慢盛行开来,刚发现最新的QQ 6.0 (还在内测中)开始采用Low-Poly 了。

低多边形(Low-Poly)· 欣赏篇

3D时代,无论是打印技术,还是奥斯卡大片,都迎来了前所未有的革新,人们的视觉享受有了新的选择,在电脑 3D 绘画领域,一种称为「low poly」(低像素多边形)的建模形式有着独特魅力,而来自美国纽约的独立 3D 插画师 Timothy J. Reynolds 正运用电脑绘制着这种「有型」的世界。

「low poly」在形态上表现为将图形像素格放大,让原本不那么起眼的图形更加立体,Timothy J. Reynolds 正是利用了「low poly」的这一特性绘制出了他眼中的世界,多彩张扬的画面让人觉得来到了另一个世界。

更多欣赏:

Timothy J. Reynolds的Dribbble :https://dribbble.com/turnislefthome/tags/low_poly

一些采用Low-Poly特效的网站欣赏:点击查看

喜欢「low poly」的花瓣网插画师「猫宁宁」在他的画板中收集了上百张「low poly」作品作为绘制参考,点击浏览

低多边形(Low-Poly)· 素材篇

高分辨率低多边形背景图打包下载

来自:http://www.uisdc.com/350-low-poly-background

微盘下载

低多边形(Low-Poly)· 工具篇

本部分内容来自:http://c7sky.com/triangulator-low-poly-style-generator.html 感谢原作者。

欣赏完了别人的作品,来看看有哪些工具可以为我们这些业余选手使用:

Image Triangulator App

Image Triangulator App

Image Triangulator 让你可以轻松把任何图片制作成多边形图像,多边形的抽象级别取决于你添加的顶点数量。应用允许你保存顶点为文本文件并保存最终图像为 PDF 文件。你可以在 Adobe Illustrator 或 Photoshop 中继续编辑图像。

使用方法

Image Triangulator App - 使用说明

下载地址

OSX | Windows x64 | Windows x86

I ♥ ∆ Triangulator

I ♥ ∆

Triangulator 是一款简单的网页工具,你只要安装了支持 HTML5 的现代浏览器就能使用。

使用方法

Triangulator
  1. 将本地图片拖到 [Drop your bitmap here] 的虚线区域内加载图片
  2. 进入编辑模式后,直接在图片上点击以添加顶点,顶点可以拖动
  3. 点击右上角的 "randomly" 可以随机添加25个顶点
  4. 点击 "Delete all vertices" 移除所有顶点
  5. 拖动左上角的滑块可以调节多边形的透明度
  6. 点击 "Export" 导出为 SVG 文件

下载地址

官方下载

Flat Surface Shader

Flat Surface Shader

Flat Surface Shader 同样也是一款轻量级的网页工具,不过这个工具并不能用来处理图片,而是用来生成低多边形风格的背景图。工具使用 JavaScript 编写,支持 WebGL, Canvas 2D 和 SVG 三种技术。

使用方法

Flat Surface Shader - Controls

网页右上角有个控制面板,你可以完全自由的控制网格(Mesh)和光源(Light)设置,并且可以轻松地导出(Export)为 PNG 格式图片。

下载地址

在线体验 | GitHub

 

本文参考文章:

http://www.uisdc.com/350-low-poly-background

http://visionblog.huaban.com/?p=5405

http://c7sky.com/triangulator-low-poly-style-generator.html

http://graphicdesignjunction.com/2014/06/low-poly-geometric-and-polygonal-backgrounds/