游戏开发论坛

 找回密码
 立即注册
搜索
查看: 3770|回复: 0

闪耀暖暖手游布料材质解析

[复制链接]

4万

主题

4万

帖子

8万

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
82751
发表于 2019-11-14 15:39:28 | 显示全部楼层 |阅读模式
微信图片_20191114153314.jpg

今天我们采访了柳丛,负责叠纸游戏(https : // www . papegames . com / en /)的闪耀暖暖3D装扮手机游戏。11月15日晚19:00点,请收看中国区直播的第六期(https : // live . bilibili . com / 10272446)。

叠纸游戏

https://www.papegames.com/en/

中国区直播的第六期

https://live.bilibili.com/10272446

介绍

大家好,我叫柳丛Vasiliy (微信:daboluo_o),目前在叠纸游戏技术中心担任美术总监,并在《闪耀暖暖》的开发阶段负责游戏的美术效果研发,就在8月6号我们迎来简体中文版本的上线,叠纸游戏以往开发的都是2D类游戏,这也是首次使用3D技术制作装扮游戏。

视频

https://www.bilibili.com/video/av61723587/?spm_id_from=333.788.videocard.0


《闪耀暖暖》SHINING NIKKI目前受到玩家的高度期待,上线后也拿到了IOS免费榜排名第一,畅销榜排名第四的好成绩,游戏角色服装材质与设计部分,已经达到中国3D装扮手游的顶级品质,请问Substance是如何嵌入到游戏的开发流程中呢?

材质效果是《闪耀暖暖》中非常重要的一部分,可以说为了达到今天的效果,我们投入非常多的时间,以使其效果更加细致且美观。

我们的目标是要让更多的玩家可以享受到这样的视觉盛宴,同时也想证明国内游戏也可以实现这样画面品质。

微信图片_20191114153329.jpg

开发细节

在开发《闪耀暖暖》材质模块的时候,为了达到超细节品质,我对面料做了深入研究。最为重要的环节便是编织,不同的织法出现的纹理都是不一样的,纹理结合材质可以做出无数种变化,让玩家能够充分享受到细节带来的满足感。下面几组图是在我之前的研究中搜集的图片资料。

微信图片_20191114153332.jpg

微信图片_20191114153335.jpg

为了得到非常精准的Normal 法线凹凸效果,我使用最为直接的制作方式,通过3D建模来模拟真实的编织方式。下图是早期制作的几组编织模型。

微信图片_20191114153337.jpg

3D建模纹理的制作流程有利有弊,虽然它的品质很高,但其制作成本也比较高。最高的部分其实是修改成本,我制作了非常多的纹理,当数量达到一个库的级别后,如果在这个基础上再做修改,成本是不可预想的,而且模型纹理的整理和规范很难做得科学些。

虽然我担心的问题并没有发生,但是为了追求更完美的效果和更高效且科学的工作流程,我决定尝试使用 Substance Designer 制作纹理贴图。为了让团队能够熟练使用 Substance Designer,我们投入了很大的成本,但这一切还是很值得的,所以才有了我们第一部宣传片中超高品质的材质效果,但这并不是我们的最终品质,目前还在不断的突破自己。

让我决定尝试使用 Substance Designer 制作纹理图的4个理由!

  • 首先当然是品质,Substance Designer 制作的纹理与模型制作的纹理结构非常近似,但是模型因为面数受限,完成不了更微小的细节,那么 Substance Designer 是可以完全满足我们对材质这一方面的需求,以帮助我们达到更精致更完美的细节。
  • 其次就是效率,从制作效率和修改效率上来看,Substance Designer 的制作流都是非常高效的,而且最近Substance也推出了自动化流程,很希望在未来的项目中能运用到这项提高效率的流程。
  • 文件易管理,易传承。举个例子,文件的二次修改不是由原制作者进行,传统的建模难管理,而且出错率高,但是 Substance Designer 因为是节点式制作流程,只要对软件熟悉,任何人都是很容易进行修改的。
  • 以上3点是对开发项目而言很重要的部分,还有一点由于我个人原因,个人比较喜欢把业内先进和优秀的开发流程及软件用于正在开发的项目,因为我们不光需要跑的快也需要跑得稳。但是自身也需要更多的磨练才可以跑得更快,因此我们现在还有很多无法使用 Substance Designer 实现的纹理,依然还在利用传统高模制作的方式,所以仍需加倍努力。

一个简单编织纹理的步骤:

微信图片_20191114153340.jpg

在制作过程中需要通过布料模型验证效果,该模型需要有不同的纹理方向,纵深程度,以此确认纹理中各个距离的效果。

微信图片_20191114153342.jpg

微信图片_20191114153344.jpg

在这个过程中还需要通过调整Roughness和Metallic两个值以确认不同质感下的纹理效果。

微信图片_20191114153346.jpg

微信图片_20191114153348.jpg

为了丰富变化,制作过程中会增加一些随机效果。

随机磨损:

微信图片_20191114153350.jpg

微信图片_20191114153352.jpg

随机线头:

微信图片_20191114153354.jpg

微信图片_20191114153356.jpg

Base layer + Random wear + Random thrum。

微信图片_20191114153358.jpg

微信图片_20191114153400.jpg

区分材质

微信图片_20191114153402.jpg

下面是区分麻纱与细纱的部分,主要改变固有色纹理层,这样可以做出更精确的材质效果。但最重要的还是需要了解如何拆分材质,懂得拆分才会懂得组合,这样便能使用 Substance Designer 制作出更准确的材质。

微信图片_20191114153404.jpg

微信图片_20191114153406.jpg

Substance不仅能制作出高品质的纹理,它庞大的材质库(https : // www . substance3d . com / products / substance - source /)还可以提供很多类型的材质纹理以供下载使用。根据项目的规格,当然还是有些纹理需要花点时间进行优化和处理。

庞大的材质库

https://www.substance3d.com/products/substance-source/

我们再谈一下最新引入的Substance流程:

微信图片_20191114153408.jpg

我们使用拍照得到材质原始素材,再通过Substance制作处理PBR材质。这里以蕾丝为例,因为它算是一种比较难以处理的材质。在《闪耀暖暖》中,由于版权限制,我们不可以使用网路上的随机图片,并且项目对款式以及精度也都有非常严格的要求。我们借助于 Substance Designer 和 Substance Alchemist 对蕾丝照片进行了素材的快速处理。

今天的范例演示,我选了一款二方连续的蕾丝,然后在 Substance Designer 中完成照片的处理, Substance Alchemist 的工作流也基本类似。

微信图片_20191114153410.jpg

我们首先利用单反微距镜头拍摄相片,以得到一张完整细节的照片素材。通过调整图片的对比度优化相片中多余的细节(使用灯箱拍照的话就不用这样了)。

如下图:

微信图片_20191114153412.jpg

将照片导入 Substance Designer ,首先利用Crop节点对素材进行截切。Crop有两个节点,灰度的和彩色的。

微信图片_20191114153414.jpg

因为此次的案例是纯黑的素材,所以选用Crop Grayscale来进行演示,通过调整图片边界的位置以完成接缝修复,效果如下:

微信图片_20191114153416.jpg

调整好之后就可以使用Bevel节点制作法线贴图,通过节点中的Distance,Smoothing,Normal Intensity参数来调整法线的起伏。

微信图片_20191114153418.jpg

下图是通过Bevel节点得到的第一层法线,但是我们可以得到一个细节更为丰富的法线效果。

为了丰富蕾丝的凹凸效果,我们会再次使用bevel节点,得到凹凸起伏更加丰富的法线,与第一层进行叠加,得出效果如下:

为了进一步的优化细节,叠加一层织物的纹理法线,这样我们就可以得到更丰富的细节变化,如下图:

下面是完整的节点过程:

微信图片_20191114153420.jpg

最终效果:

微信图片_20191114153421.jpg

此外,Substance Designer 还提供了多种处理扫描纹理的节点,可用于多角度光照扫描和照片素材制作PBR材质,我们可以根据不同的纹理需求选择合适的节点流程,这套方法非常实用,而且我们目前的项目也正在使用它。

微信图片_20191114153423.jpg

仅通过使用Bitmap to Material light节点,便可以轻易将拍下来的素材转化为PBR可用的贴图,如下图:

微信图片_20191114153425.jpg

处理照片素材的接缝问题也是件很痛苦的事情,但可以通过使用Make It Tile Photo节点自动处理接缝,而且节点中的参数还可以基于需求有助于优化,然后通过调整接缝区域Mask的扭曲和宽度,再加以模糊便于优化接缝的融合效果。

微信图片_20191114153427.jpg

注意:目前我们也在尝试多角度光照扫描,下面是Substance的官方文档(https : // academy . substance3d . com / courses / your - smartphone - is - a - material - scanner),大家如果有兴趣可以研究一下。现在有了 Substance Alchemist 炼金术,处理扫描数据变得更加直观简单了。

Substance的官方文档

https://academy.substance3d.com/courses/your-smartphone-is-a-material-scanner

目前我们最大的挑战是中国风的刺绣,刺绣的排线太考究,我们现在只能使用传统的方式来制作,对于 Substance Designer 还没有特别好的思路。

微信图片_20191114153429.jpg

微信图片_20191114153431.jpg

微信图片_20191114153432.jpg

Substance对于我们这些专注于次世代制作的人而言应该是必须掌握的工具。

我最喜欢 Substance Designer 节点式的工作方式,因为我也算是国内第一批使用虚幻3开发游戏的人员,就像虚幻3的材质蓝图一样,Substance Designer 的节点方式让我觉得,可以不限制想法,可以尽情的发挥想象力去创造一切不可能。

我觉得Substance是一款可以深入流程的开发软件,遗憾的是国内的游戏开发者只是把Substance看成是画场景角色材质贴图的软件,将其用于单一的开发环节,并没有把Substance运用到极致。

程序纹理易于管理,制作效率极高,高效率自然导致大家就更愿意去创造更复杂更完美的资源。它带动了整体行业的成长。

之前Substance每次发布一些大的更新,就有人会说,很多美术师要下岗,这个当然是不可能的,程序美术的演变带来的是,制作效率更高以及制作效果更完善,那么美术师便是最大的受益者,因为这样可以有更多的时间专注到艺术层面的探索,大家就会有更高的品质追求。

我们希望有机会在新的项目中尝试Substance的全流程化,自动化功能。

文/ Substance3D
来源:SUBSTANCE
原文:https://mp.weixin.qq.com/s/W_YGFWbv6swvZjBuIOy6rA

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

作品发布|文章投稿|广告合作|关于本站|游戏开发论坛 ( 闽ICP备17032699号-3 )

GMT+8, 2024-3-29 05:25

Powered by Discuz! X3.4

Copyright © 2001-2021, Tencent Cloud.

快速回复 返回顶部 返回列表