UE4实现风格化渲染(一):UserNormalTranslator工具的使用

最近会在UE4上实现风格化渲染的需求,所以也借机写一下相关的制作教程。对应日系风格化渲染技法来说,关键还是法线的处理。
 
法线处理以前翻译的资料很多了,所以也不多做解释了,比如下图是最新的UE4上的卡渲游戏【四女神OL】
UE4实现风格化渲染(一):UserNormalTranslator工具的使用_第1张图片
 
UE4开发四女神的示例详细介绍在这里。
http://cgworld.jp/feature/201611-ue4fst2016-4gdss.html
 
用会Max Script或Python的话,可以很方便的在3dsMax或Maya上实现法线替换和烘培的工具,这里时间关系,还是暂时使用GGXrd中使用的SoftImage XSI插件UserNormalTranslator。

UserNormalTranslator的安装和设置

Youtube上UserNormalTranslator的教程视频,同时也为了不擅长日文或英文的同事理解方便,这里也简单的做了一下中文描述。
 
 
首先是在Githhub上下载 UserNormalTranslator的插件。 https://github.com/Gotetz/UserNormalTranslator ,然后启动XSI,把UserNormalTranslator.xsiaddon拖入到窗口中就算安装成功了。
 
因为XSI和3ds max的交互模式的键位有区别:
S键切换选择模式与视口操作模式之间的切换,然后可以鼠标配合左中右键做视口操作
A键按选中可以适应视口
X C S键对应 缩放 ,旋转和 移动
 
所以建议在启动时把交互模式设置为3ds Max或Maya模式
UE4实现风格化渲染(一):UserNormalTranslator工具的使用_第2张图片
 
在XSI里设置视口中选择显示法线,在2014中,也遇到过因为FBX物件缩放比例问题导致法线无法显示的问题。
UE4实现风格化渲染(一):UserNormalTranslator工具的使用_第3张图片
UE4实现风格化渲染(一):UserNormalTranslator工具的使用_第4张图片
 
这里可以删除出导入时的法线
UE4实现风格化渲染(一):UserNormalTranslator工具的使用_第5张图片
 
XSI自带的法线旋转功能
UE4实现风格化渲染(一):UserNormalTranslator工具的使用_第6张图片
 
XSI里可以设置法线值
UE4实现风格化渲染(一):UserNormalTranslator工具的使用_第7张图片

UserNormalTranslator的使用

UE4实现风格化渲染(一):UserNormalTranslator工具的使用_第8张图片
 
UserNormalTranslator的面板
UE4实现风格化渲染(一):UserNormalTranslator工具的使用_第9张图片
 
法线的Add功能,视频中的示例是当从上向下打光时,角色的脸会变黑,这时通过法线加入一个向上的向量,就可以很好的对应光照了。
UE4实现风格化渲染(一):UserNormalTranslator工具的使用_第10张图片
  UE4实现风格化渲染(一):UserNormalTranslator工具的使用_第11张图片
 
法线乘法,可以增加法 线向某个方向的权重。
UE4实现风格化渲染(一):UserNormalTranslator工具的使用_第12张图片
UE4实现风格化渲染(一):UserNormalTranslator工具的使用_第13张图片
 
UserNormalTranslator的一个主要功能就是法线球状化 ,对于制作树冠这类的风格化渲染很有帮助。例如下图中美术刚做完的一部分树叶,法线取的是每个树叶多边形自带的,着色看起来也比较杂乱。
UE4实现风格化渲染(一):UserNormalTranslator工具的使用_第14张图片
在XSI里打开法线显示
UE4实现风格化渲染(一):UserNormalTranslator工具的使用_第15张图片
 
简单的
UE4实现风格化渲染(一):UserNormalTranslator工具的使用_第16张图片
 
配合法线乘法明暗分布可以更加半球化
UE4实现风格化渲染(一):UserNormalTranslator工具的使用_第17张图片
UE4实现风格化渲染(一):UserNormalTranslator工具的使用_第18张图片
 
通过Create Center,可以改变球心位置
UE4实现风格化渲染(一):UserNormalTranslator工具的使用_第19张图片
 
将球心下移,可以减少阴影部分
UE4实现风格化渲染(一):UserNormalTranslator工具的使用_第20张图片
UE4实现风格化渲染(一):UserNormalTranslator工具的使用_第21张图片
 
法线平滑,这个很多工具都有的了。
UE4实现风格化渲染(一):UserNormalTranslator工具的使用_第22张图片
UE4实现风格化渲染(一):UserNormalTranslator工具的使用_第23张图片
 
法线向顶点颜色的拷贝,方便编辑的同时,一些需求上也需要模型有2套法线来应对不同的着色
UE4实现风格化渲染(一):UserNormalTranslator工具的使用_第24张图片

UserNormalTranslator所欠缺的

1 法线拷贝功能,根据顶点的距离关系从源模型向目标模型拷贝法线信息,这个在服装和头发的法线调整上比较有帮助
2 XSI在国内并不算主流,有时间时还是通过他的JS源码,移植到3dsMax或Maya上更好一些。
 
下一讲的内容是UE4支持风格化渲染的几种实现方法
 

 
 
 

转载于:https://www.cnblogs.com/TracePlus/p/6244078.html

你可能感兴趣的:(UE4实现风格化渲染(一):UserNormalTranslator工具的使用)