3DCAT 二维码

扫一扫 立即咨询

行业资讯

【unity】Unity中重现吉卜力风格的场景

2020-03-09

BY:Kirill Tokarev

Unity中重现吉卜力风格的场景-3Dcat实时渲染云平台

介绍

Kids With Sticks studio主要由5名全职工作人员组成,并且每个人都擅长于不同的事物,然后在日常工作中互相支持, 而他们的新游戏则受到了吉卜力启发。 • Andrzej Koloska,3D通才,制作人,单人乐队 • 程序员和游戏设计师 Kamil Kocot • 艺术总监兼图形设计师 Mariusz Krzywicki • DanielStańczak,3D建模师,热情的FX艺术家 • AdamWęsierski,概念艺术家和动画师

Unity中重现吉卜力风格的场景,游戏场景-3Dcat实时渲染云平台

Unity中重现吉卜力风格的场景,游戏场景-3Dcat实时渲染云平台

制作中的游戏:

每个游戏项目都经过测试阶段,在此阶段中,会尝试定义游戏范围并确定有能力可以开发成游戏。虽然无法透露出太多细节,但是主要灵感来自吉卜力工作室的艺术风格。 并且从宫崎骏的几部电影中获得的主要是色彩作品和环境设计。通过这种风格,不仅加深了对亚洲文化的了解,还使他们能够在艺术和技术上表现出自己。

Unity中重现吉卜力风格的场景,游戏中夜景-3Dcat实时渲染云平台

吉卜力风格的游戏场景,-3Dcat实时渲染云平台

正确的色彩空间和对比度是工作的基础,由于吉卜力(Ghibli)电影使用传统的绘画技术(水彩,水粉画),所以如何识别这些颜色并在游戏引擎中实现它们就是一件非常困难的事情。

纹理化

他们仍在研究各种纹理化技术,并研究将其中几种结合起来。并且由于Substance Painter版本的更新,终于可以使用Photoshop笔刷来处理纹理。对于那些需要纹理的对象,经过测试后都是放入Substance Painter中创建。 在建立环境的主要宗旨是:不要专注单个的物体,所有的元素都于场景有互动。场景和环境才是最重要的事情。

Unity中重现吉卜力风格的场景,纹理化制作-3Dcat实时渲染云平台

他们将元素按照材质分开,比如草和树的各种材料。树木需要使用渐变控制的不同材质来实现颜色融合,例如使用水彩绘画时,尽管阴影有所不同,草也必须与地面融合,因此对于每种类型的草,都制作了单独的材质球。

底层草:

Unity中底层草纹理化的制作-3Dcat实时渲染云平台

草的纹理上没有使用法线贴图,在叶子上也是如此。

树木:

Unity中树木纹理化的制作-3Dcat实时渲染云平台

最重要的部分是控制颜色的渐变,以及负责每棵树的局部分布渐变的块:

Unity中底层草纹理化渐变的制作-3Dcat实时渲染云平台

灌木和树木:

在Photoshop中手动创建纹理,他们对树叶纹理应用了简单的划分,以便将来可以轻松访问更改和迭代。

在Photoshop中手动创建纹理-3Dcat实时渲染云平台

天空

使用天空盒子时,首先是从吉卜力丰富的图书馆中收集天空参考。在试图模仿那些天空盒子之后,然后经过反复试验的实践,将天空盒子投影到球体内部,并在Photoshop中绘制了静态纹理。他们还计划制作动态云以赋予世界更多的生命力。

Photoshop中绘制了静态纹理-3Dcat实时渲染云平台

第一个场景是从天空开始,它决定了整体气氛。 一些参考资料:

天空渲染的一些参考资料-3Dcat实时渲染云平台

天空渲染的一些参考资料-3Dcat实时渲染云平台

限制与准则

在制作第一个场景时,只是为了测试和彻底的了解这种资产的制作,完全没有考虑过运行时的优化问题。 随后发现,即使不进行任何优化,场景运行起来也不会卡顿。

Unity中重现吉卜力风格的场景进行渲染-3Dcat实时渲染云平台

他们制作的游戏采用了独特的资产制作方法,所以完全不用关心优化问题(材料生产,阴影距离和附加灯光,顶点数量,合理的设计可以避免不必要的细节,特别是那些看不到地方)。

在后期处理中,仅对LUT使用颜色分级,以更接近吉卜力影片中所参考的镜头颜色。经过测试之后的结论是,漂亮的静止帧不一定适合动态的游戏。最终还是决定那些静止的参考只是作为灵感,而不是严格的艺术指导。

灯光

游戏场景中的光线是定向的,没有放置其他光源,而是通过选择合适的天空图来控制亮度,而画面的风格就交给纹理和材质完成。 白天和夜晚的灯光:

Unity中重现吉卜力风格的场景中灯光设置-3Dcat实时渲染云平台

Unity中重现吉卜力风格的场景中灯光设置-3Dcat实时渲染云平台

Unity中重现吉卜力风格的场景中灯光效果-3Dcat实时渲染云平台

Unity中重现吉卜力风格的场景中灯光设置参数-3Dcat实时渲染云平台

Unity中重现吉卜力风格的场景中灯光设置参数-3Dcat实时渲染云平台

Unity中重现吉卜力风格的场景中灯光设置夜间效果-3Dcat实时渲染云平台

简化的工作流程包括以下步骤:

如果要定义一天中的时间和温度,那么灯光必须与天空的颜色保持一致,然后选择合适的天光来照亮场景中的场景。

结论

他们认为,将艺术与技术相结合以创造风格化的视觉效果至关重要。没有图形艺术家,就不知道如何创建风格化的纹理和模型。同样重要的还有UE4中的材质和照明知识。