点击分享本文:

还记得纪念碑谷中颠簸的大海吗?

△《纪念碑谷》游戏界面

△《纪念碑谷》游戏界面

纪念碑谷中的低面建模是若何实现的

这种设计风格叫做低面建模(low-poly),特点是低细节,面又多又小,高度渲染,常常配以柔光效果。
本文将对此着重进行探索。

一、3D建模?低面建模?

所有的3D建模都须要借力多边形。
模型的多边形越多,模型越具细节。
常日会柔化多边形的领教,让物体的外不雅观看起来更和谐。

低面建模设计不同,建模阶段利用的多边形较少,这样末了便会呈现一种简洁、抽象的效果。
更看重渲染,而不是更看重柔化多边形。
打造一种封闭、冷硬的觉得。

然而,上述讲的这些并不虞味着低面建模的作品分辨率低。
低面建模设计利用了精细的渲染技能、光照效果、隐形效果,能够将大略的物体的实体性子高度还原。
结果便是,低面建模设计有点像现实生活中的手工艺品,觉得很复古。

低面建模设计代表人物是Timothy J.Reynolds,以及Jeremiah Shaw和Danny Jones的Tumblr站点Geo A Day,他们都极力推崇低面建模设计美学。

△ Timothy J.Reynolds作品

△ Geo A Day 作品

△ The Paper Fox by Jeremy Kool

The Paper Fox 成为iOS上的一款交互性极高的运用。
Jeremy Kool仿照了折纸风格。
加入了褶皱的纸质感,而边缘非常的纤细。

△ Kristina Macurova 作品

而在Kristina Macurova的作品中,你可以感想熏染到景深,提高了模型的实体感。
可以在镜头设置中调度景深,也可往后期用PS调度。

二、为什么低面建模设计火了?

喜好低面建模设计的设计师彷佛很不欣赏打算机建模,由于打算机建模有点太完美。
而现在的3D建模让人觉得太圆润了,他们追求那种粗糙的质感,由于设计师知道,再怎么仿照现实,设计出来的作品依然和现实差那么一“点”儿。

当20世纪拍照涌现时,有人以为拍照该当去精确的抓取现实瞬间,这才是拍照追求的高度。
但是艺术并不须要精确:艺术表达的是一种飘忽不定的觉得,而不是外不雅观的完美再现。

繁荣发展的数字艺术,经历了一代又一代对“逼真”风格的无限追求,可他们永久无法做到逼真,由于他们进行的是仿照,此时,有人厌倦了仿照,他们开始追求抽象化的表达。

三、若何进行低面建模设计?

大略教程如下,利用软件——Cinema4D

1. 利用大略的实体创建工具,比如说球形、锥形。
不必细腻,大略即可。

2. Segment属性,勾选每段细分选项“Subdivision per Segment”,段数越多,面越多。

3. 设置Phong属性——决定了物体的调皮度,在Cinema4D中,可以删掉Phone标签,或者将Phone角度设置为0

4. 加入变形,手动设置(通过拖移节点),也可以利用Displacer变形器。
利用Noise shader给每个顶点进行随机添加。
可以增加或者减少变形量。

5. 加入材质,定义材质时,可以加入隆起的映射,供应更棒的表面细节。
也可以通过分外的高光来打造。

6. 添加背景,添加天空

7. 添加光,奇妙的光会让作品更带感。

8. 渲染工具,利用Global Illumination渲染设置,打造柔和光,添加Ambient Occlusion添加深度感和阴影。

△ Before

△ After

四、实际案例

1. 平面设计

可以通过平面软件如AI、PS等来创造二维的低面建模风格。
设计原则和三维大致相同。
形状务求大略,确定好光源位置,添加遮蔽效果,添加深度感,从而打造一种多面的外不雅观。
也可以适当添加一些材质效果和光照效果。

△ by Mattew Lyons

看看他的作品,利用了大略的几何图形,粗糙的材质,很有氛围的光,有一种中世纪的设计感,刻画出一种复古未来派风格。

2. 网页设计

△ 3 dreams of black

这个采取WebGL的网站,打造了一种交互性极强的影音体验,再加上低面建模风格的动效,传染力极强。
这是个开源项目,你可以下载下来,然后重做代码。

有很多在线3D渲染技能,比如WebGl,WebGL通过OpenGL和JS的绑定,实现3D内容的渲染。
还有很多JS框架也能实现,比如three.js。

或者利用插件,例如Unity 和Flash,Flash可用的引擎很多,比如Away 3D以及Flare 3D。
只管目前Flash和Unity的渲染效果更好,但是WebGL会很快追遇上。

3. 图标设计

目前来说,低面建模设计非常符合现在的设计趋势,至于未来如何,我们将逐一见证。