前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >低多边形(Low-Poly)简介及相关素材分享下载

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

作者头像
Jeff
发布2018-01-19 17:56:00
2.2K0
发布2018-01-19 17:56:00
举报
文章被收录于专栏:DeveWork

最近一直缺乏原创文章,只因被各种琐事所累,难以静下心来写文章。这篇文章也非原创,分享下我知道的一些低多边形(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」的这一特性绘制出了他眼中的世界,多彩张扬的画面让人觉得来到了另一个世界。

TJ-1
TJ-1
TJ-1
TJ-1
TJ-2
TJ-2
TJ-2
TJ-2
TJ-3
TJ-3
TJ-3
TJ-3
TJ-4
TJ-4
TJ-4
TJ-4
TJ-5
TJ-5
TJ-5
TJ-5
TJ-6
TJ-6
TJ-6
TJ-6
TJ-8
TJ-8
TJ-8
TJ-8

更多欣赏:

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

001+lowpoly+polygonal+backgrounds
001+lowpoly+polygonal+backgrounds
001+lowpoly+polygonal+backgrounds
001+lowpoly+polygonal+backgrounds

微盘下载

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

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

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

Image Triangulator App

image-triangulator_zps2830cd4b
image-triangulator_zps2830cd4b
image-triangulator_zps2830cd4b
image-triangulator_zps2830cd4b

Image Triangulator App

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

使用方法

image-triangulator-how-to-use_zpse06e272b
image-triangulator-how-to-use_zpse06e272b
image-triangulator-how-to-use_zpse06e272b
image-triangulator-how-to-use_zpse06e272b

Image Triangulator App - 使用说明

下载地址

OSX | Windows x64 | Windows x86

I ♥ ∆ Triangulator

i-love-triangulator_zps9da1d0ce
i-love-triangulator_zps9da1d0ce
i-love-triangulator_zps9da1d0ce
i-love-triangulator_zps9da1d0ce

I ♥ ∆

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

使用方法

i-love-triangulator-edit_zps0796d3b8
i-love-triangulator-edit_zps0796d3b8
i-love-triangulator-edit_zps0796d3b8
i-love-triangulator-edit_zps0796d3b8

Triangulator

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

下载地址

官方下载

Flat Surface Shader

flat-surface-shader_zps6f79b5a4
flat-surface-shader_zps6f79b5a4
flat-surface-shader_zps6f79b5a4
flat-surface-shader_zps6f79b5a4

Flat Surface Shader

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

使用方法

flat-surface-shader-controls_zps9a411cb3
flat-surface-shader-controls_zps9a411cb3
flat-surface-shader-controls_zps9a411cb3
flat-surface-shader-controls_zps9a411cb3

Flat Surface Shader - Controls

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

下载地址

在线体验 | GitHub

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2014/06/05,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 低多边形(Low-Poly)简介
  • 低多边形(Low-Poly)· 欣赏篇
  • 低多边形(Low-Poly)· 素材篇
  • 低多边形(Low-Poly)· 工具篇
    • Image Triangulator App
      • 使用方法
        • 下载地址
        • I ♥ ∆ Triangulator
          • 使用方法
            • 下载地址
              • Flat Surface Shader
                • 使用方法
                领券
                问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档