用新浪微博登录

只需一步,快速搞定

 找回密码
 立即注册

用新浪微博登录

只需一步,快速搞定

查看: 7540|回复: 1
打印 上一主题 下一主题

街头霸王5 用擅长照片真实渲染的虚幻4引擎实现自己的非真实视觉

[复制链接]

该用户从未签到

667

主题

2111

帖子

5570

积分

LV 11.会员

MS爱好者!!!!

积分
5570

社区居民偶尔光临工蜂最爱沙发在线达人社区平民做个有钱人略有小成常驻会员忠实会员

跳转到指定楼层
楼主
发表于 2018-6-28 18:23:24 | 只看该作者 |只看大图 回帖奖励 |倒序浏览 |阅读模式 |          
  前作的墨绘的美术风格引出话题的【街霸】系列,可以说是Capcom的游戏中很讲究视觉的游戏之一。本作中也继承了这个传统,在UE4中彻底的研究【街头霸王的绘制是什么】。
反复试行错误制作出的Capcom的传统的画面制作
  【用次世代的画面制作这款作品】,艺术总监龜井敏征以此为目标,不是真实或非真实,而是要在现金确立【Capcom风格,街头霸王的风格】,"使用设定画来表现世界观,从过去用详细的像素画来表现开始,Capcom就是以“画面”为卖点的公司。在3D全盛的现在很难作出视觉的差别化,渗透到以前的Capcom特有的印象,进行改造"。隆的角色模型重做了5次,有游戏引擎上反复的进行试行错误来构,筑,完成了本作的有着油彩/墨/Tone/真实的各种要素的独特的非照片真实视觉。

  这次开发环境的最大特征,是通用游戏引擎Unreal Engine 4 (UE4)的采用,UE4准备了大量充分利用GPU开发照片真实视觉的高级功能,反过来说,物理法则以外的表现,对构造非照片真实视觉不通融的缺陷很多。本作中,不仅是依赖材质的Shader,通过物体对象级的夸张轮廓,Texture的制作,强烈间接光照意识的光照,丰富的后处理等没有破绽的组合,构筑了自己独特的外观。

  而采用UE4后,工作流方面成为了一个特大的优点。发包和接外包双方是相同的环境,游戏内配置的资源的**也是可以的。还有就是很多外包方也在学习UE4,不需要太多的学习成本。通过本作的登场,UE4能实现的新的视觉示例也会广为传播。


不是真实风格也不是动画风格,街霸的画面制作
  在设定图和像素画世代,面力的魅力可以说是Capcom的特征。来看看追求不是真实也不是动画的【街头霸王风格画面】极限的过程。

以新的画面制作为目标的概念艺术
  之前的系列是在继承基本的外观的看法的同时,用实时CG制作新的“真正的街头霸王”,因此绘制的是最初的概念艺术。【真实】【动画】【油彩】【3DCG】这些全部要素都稍微加入,特别是感受【光照的表现】【空气的远近感】的视觉的摸索。还有,角色环绕的【气】,特别作为【气迹】来定义,在表现方面一开始就作为最大的比重来处置。


UE4上角色视觉的变迁
  在初期阶段,不光是感念艺术的印象的再现,在UE4进行各种外观的检讨。混合细节的真实系角色CG那样的类型,动画CG风格,其中也制作了极具照片真实风格的隆。在研究用UE4制作非照片真实方向的视觉中,光照占了很大的比重,负责光照指导的藍原氏參加近來,一口气出了接近最終效果的视觉。



用光照來制作的最终视觉
  在UE4上研究光照而完成的,就是本作的【街头霸王风格的画面】。间接光的表现上,一边通过曾经在在Pixar担任艺术总监的堤大介氏(玩具总动员3)描绘光透视的气氛感的印象画,一边用UE4的各种光源来制作。虽然角色外观是是非常重要的一个主题,不过PS4世代的画面制作不能太追究模型单体的Shader,而是要与背景和光照一同工作才能实现。特别是使用了UE4的延迟光照的本作,在材质方面做的太多会产生破绽,所以不是Shader,而是通过光照和后处理制作非真实的外观。






同时支持品质与物量的工作流的构筑(角色篇)
  如何有效率的量产高品质的角色外观? 本作中考虑的,并不是莽撞直接手动去制作,而是怎么样现实的工时来实现的方法。

角色和“规则书”的制作
  本作在角色制作的初期,在Capcom内部,把这个变化模型设定为外包用的工作流程,通过这个流程来优化开发效率(外包的资源不需要修改),把这个流程总结为Content Creation Guide(CCG)的配置书,追加适当的修正来使用。CCG里不光有多边形数和Texture的配置,还有例如素体的拓扑保持,多边形重复部分的消除,保持UV和UV之间必要的间隔,记载了各种细节的规则,关于角色方面最终有有80多页。图A是隆的模型,在UE4上加入质感的状态,图B是Maya上的Knee Shot的Mesh显示,本作的角色模型都是8万三角面以内。图C是Maya上上半身截图,图D是角色相关的CCG。


用Zbrush制作高度细节
  因为需要生成Normal Map,模型需要使用Zbrush制作高细节模型。图B是UE4里的显示,可以看到使用了ZBrush里制作的细节。角色使用的Texture,全部是4,096X4,096尺寸制作的,只有NormalMap是直接使用了,另外还有1/2大小和1/4大小。这里也可以看到,这时制作的细节在最终视觉上也表现了出来。


角色使用的Texture细节
  Texture方面,通用的是下面画像的5张。因为细致的分别使用了每个通道,在完成结果上起到了更多的作用。图A是Color Map(RGB+Alpha),图B是Color Mask Map,使用它RGB把Texture划分区域来制作颜色变化。图C是Normal Map。图D是SRMA Map,在RGB和Alpha分别保存Specular,Fresnel,Metallic,Ambient Occlusion。图E是SSS Map,指示Subsurface Scattering颜色的贴图,RGB来指定透明的颜色,Alpha通道是强度。本作的Texture中,Normal Map对最终外观的贡献很大,在下面做解说。



角色外观的核心与格斗游戏风格的Rig构造
  关于油彩笔触的实现方法,以及UE4通过光照来调整外观的介绍。基于这个加入最适合格斗游戏的Rig,本作的角色就完成了。

用Normal Map实现油彩笔触的方法
  虽然想使用NormalMap实现油彩笔触的方法,但通常生成的Normal Map只有紫色(R+B),加上Fitler也不会有变化。这里,使用Texture的Bake工具xNormal,把法线贴图从切线空间变化为物体对象空间(Tangent->Object),对画像做**后,就可以使角色使用产生像油彩一样的笔触。顺序是,图A那样,把正常的法线贴图转换到物体对象空间,在空白的地方加上物体对象的基本颜色后,使用Photoshop的插件Snap Art 4来增加笔触,用比较合适的方式进行混合。衣服部分用比较强的笔触,皮肤是中等的,面部是较弱的笔触。再转回到切线空间就完成了。图B是Normal Map转化前后的比较。因为在Normal Map里加入了笔触,可以看到印象有了很大的改变。


光照完成的角色外观
  正确的光照顺序是,先进行背景光照,然后这里从角色光照开始解说。因为本作使用的是UE4的延迟光照(正确来说是Deferred Shading),背景和角色无法分别的进行光照。像图B那样设置Stationary Light的范围(译注:Stationary 是UE4里的光源的一种移动性,除了作为静态光源生成光照贴图外和间接光照Cache外,还可以对Runtime的移动物体产生直接光照效果,这里因为使用Enlighten,让Stationary Light也有实时的间接光照),通过各种方法来调整间接光照,在游戏时更容易识别背景,和漂亮有可玩性的角色视觉。另外,间接光的调整是两个阶段的,分别在图C里展示。顺序是没有间接光的状态->加上了使用Indirect Lighting Cache把烘培背景的Static Light烘培为间接光的状态->使用Enlighten实时的补充夸张的间接光。只使用Indirect Lighting Cache也可以进行强弱的调整,但使用Enlighten不需要build Lighting也可以进行确认。从方便反复尝试的观点看,采用了这个流程。基本上,Stationary Light的间接光效果是只能用Enlighten才带的,实在无法覆盖的部分用Indirect Lighting Cache也可以反映效果。


角色Rig构造
  骨骼数和Rig的构造,也在角色CCG里进行了详细的定义,骨骼是素体合计274+根。身体(包含helper)95根,面部93跟,手(包含helper)66+20根。这里衣服等的物理用的有70~200根。连手指和脚趾都制作细节的骨骼,是格斗游戏才有的要点。基于这个Rig,共通的动作有100个左右,角色独特的动作分别是150~200个的程度。还有关于动画的外包,因为和外包方进行感觉的共通认识很重要,并没有找海外的公司。图A是角色全体Rig的显示,图B是面部Rig,图C是手指Rig,图D是脚后跟的Rig,图E是脚趾的Rig。


激活角色的场景视觉
  场景制作和角色一样,准备了CCG来追求高效率的工作流。Capcom内部制作了详细的设计的基础部分,实现了品质和开发效率的提升。

场景视觉的工作流构筑
  背景制作的细微配置也被总结到CCG中来制作。l另外,每个场景要也进行战斗以外的展示,把进行演示的部分划分出来制作规划图,指定出哪里空出,哪里制作等决定这类指示的全场景制作的风格指导书。然后构筑以环境指导柴崎氏为中心,粗糙的模型(灰盒)在Capcom内制作,细节进行外包的工作流程。和以前的模型和Texture的制作在DCC阶段完成不同,都是使用UE4,可以在接近真机输出的状态进行**,大幅的提升了开发效率。图A是概念设计,图B是场景基本的CCG,图C是Capcom内用灰盒制作的关卡,图D是细节完成的场景模型。


场景模型和Texture的配置
  1个场景整体的多边形数,被设计为大概50万三角形的限制。Texture是2048x2048的Texture 58张左右,最大的尺寸是4096X4096。Texture的种类比角色要少,近景是Color和Normal和SRMA,远景是合并起来绘制来节省Normal和SRMA,Shader的设定也变得轻量。阴影基本上是烘培的LightMap来表现,LightMap使用的UV一般是在UE4上展开的。但是,这样并不能有理想的UV布局,所以这里是用Maya来展开UV。图A是Maya上中国场景的完成状况,图B是场景使用的Texture一览,图C是完成的中国场景。


场景制作使用的辅助工具
  场景制作,除了Maya和Photoshop等主要工具外,还有作为Photoshop插件来运作的3D绘制工具Quixel Suites,以及雕刻和3D绘制工具3D-Coat。图A是Quixd Suits的制作画面。通过在这来绘制,因为可以选择丰富的预设来自动的生成Texture,在制作Texture的基本素材时被使用。图B是3D-Coat的制作画面。它不仅是雕刻软件,还可以作为3D绘图团建来使用。增加Normal Map的细节,还有对Quixel Suits中制作的素材修改和编辑等,在3D-Coat进行Texture的完成工作。但是,因为在UE4上因为光照不同,这里的外观也会丢失,还是需要在UE4上进行调整。


在UE4中刻苦钻研得来的最终视觉
  资源制作阶段和最终的完成有很大的距离。通过UE4上的光照和运动物体的设定,以及后处理的增加,使得外观有着戏剧性的提升。
展示场景特征的特殊背景表演
  可以说,画面后面的观战者喧哗热闹的场景,也是街头霸王系列的战斗场景的特征。本作继承了这个特征,在各个场景进行了各种演出。其中,图A的瀑布的表现是展现视觉特征的场景。这里是把光源作为材质使用UV Scroll来加入,进行模拟水面焦散的表现(Light Function)。这个效果的扩大图就是图C。还有,事件等的特殊表演,因为加入了物体的破坏,使用蓝图(Blueprint)来控制。除此之外,观战的人和动物等运动物体的配置,也是分别用蓝图控制。在战斗后进行什么样的演出呢,不仅仅是激烈战斗,也关注下背景吧。
光照给予游戏作用的背景视觉
  本作的视觉是在UE4上通过各种的光源调整完成的。这里基本的光照,首先是Fog,Sky Light,Static Light的设定(图A)。Fog是最先设置,是因为被SkyLight捕捉影响光照。游戏里使用的光源,基本上是Lightmass中Bake和作为LightMap烘培的光源,关于运动的物体对象是用另外的光源进行(考虑Indirect Lighting Cache的影响力)。之后,经过角色光源,SSAO和后述的MULTI COLOR GRADING以及Post Filter处理,完成最终的外观。图B完成的是中国的场景全景,图C是巴西的场景。每个场景都是采取国旗和国家的印象色来进行色彩设计,从颜色和那个国家的相似度,要做到潜移默化传达那样的表现。
游戏成立所需的后处理调整
  Post Filter就像前述那样增加各种的效果,其中MULTI COLOR GRADING为作为格斗游戏的本作的爽快感发挥着效果。这个MULTI COLOR GRADING,并不是通常的画面整体的颜色修正,而是通过画面的前后,左右的深度和位置关系,分别进行颜色范围的调整,使得角色和背景差别化,让玩家角色更加容易识别。这个考虑的基本,是以前像素画风格的街头霸王系列(本作参考的是【街霸ZERO】)的对战时的色彩设计,把角色做的鲜艳,而背景按缩小色彩范围减少颜色数的来调整,分别对各个场景的颜色风格的调整。具体的,基于当前场景捕捉的护面制作成LUTTexture在UE4中读取,按前后左右4个领域分别的调整(图A)。图B是使用MULTI COLOR GRADING前后的对比,这个场景中,对深处实施了强烈的GRADING而提高了角色的视认性。
日文原文取自CGWorld2016年4月号
回复

使用道具 举报

签到天数: 345 天

[LV.8]以坛为家I

1568

主题

6667

帖子

2万

积分

LV 14.会员

积分
22180

游聚十周年

沙发
发表于 2018-6-28 18:36:28 | 只看该作者
好绚丽的画面                              
回复 支持 反对

使用道具 举报

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

本版积分规则

     
    Archiver|手机版|小黑屋|( 沪ICP备12034951号 )

GMT+8, 2024-4-19 23:14 , Processed in 0.112964 second(s), 29 queries .

© 2001-2011 Powered by Discuz! X3.1

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