当历史长河的涟漪漫过时空壁垒,四道清丽的身影自青史烟云中款款走出:
鱼儿羞赧沉入碧波,她的身影曾是浣纱溪畔的一抹惊鸿;大漠孤烟,长河落日,一曲琵琶惊胡雁,她的身影化作决绝与乡愁;明月也曾为她掩去光华,她的身影是乱世中最致命的剑光;未央宫前让百花在羞惭中敛蕊,她的身影曾是盛唐风华最浓烈的一笔。
随着倾国倾城系列外观的上线,西施、王昭君、貂蝉、杨玉环四大美人也跨越时空,来到了《永劫无间》的世界。这一次我们并不是简单地为四位女英雄设计了新的时装,还专门为这套时装开发了全新的水墨渲染版本,让外观的表现更加贴合主题。再搭配上专属的水墨背景和英雄姿势,让玩家能够在水墨晕染间欣赏到绝代风华的别样演绎。


那么,我们是如何抓住四大美人的历史典故和独特气质,将其视觉化的?而在写实游戏里开发水墨渲染外观,又会有哪些难点?一起来看看我们这次的复盘吧!
时装设计思路
由于四大美人都有历史原型,所以我们的整体设计思路就是从原型中提取她们的身份和时代信息,并结合典故的故事,将其中大家印象最深刻的亮点用在时装的设计上。而且我们也会考虑到《永劫》本身英雄们的一些特质,将历史形象和游戏角色相结合,并融入一些现代化的设计和剪裁,以古风外型为基础,也同时满足现代玩家们的审美。
倾国倾城·沉鱼
首先是殷紫萍的西施主题时装。我们的设计灵感就来自沉鱼这个典故:相传西施在河边浣纱时,鱼儿看到她美丽的倒影,甚至都忘记了游泳,慢慢地沉到了河底,从此西施“沉鱼”的代称就开始流传开来。我们也正是取了这一意象,将时装的整体色调定为蓝色,结合传统的曲裾形制,旨在展现出视觉层次感与水的灵动之美,并且在裙摆上还设计了波光粼粼的效果,来模拟水面的涟漪。

衣襟、袖口和裙摆等处,都采用了波浪形的曲线设计,展现出水流一般的动态感与柔美的韵律。


她胸口上的装饰则是以竹编材质的荷叶与荷花作为主要的视觉设计点,传达出自然、清新的感受:

时装袖口镶嵌着细密的碎钻,水滴状的点缀设计,强化了水光闪烁的质感,增添了一些华丽感:

而腰部运用的捏褶工艺,则呈现出交织的渔网纹理,呼应西施浣纱的本源身份:

我们还在时装的肩部设计了动态的水流和鱼群流动的特效,进一步去强化“沉鱼”这一主题,也为时装增添了很多灵动感:

倾国倾城·落雁
接下来是顾清寒的王昭君主题时装。这一套的设计灵感取自历史背景和民间传说,突出其“落雁”之美与和亲公主的传奇色彩,将汉朝宫廷的华贵与北方草原的苍茫结合,强调其清冷孤傲、坚韧大气的形象。

配色上,我们采用了深入人心的红白经典搭配,并结合顾清寒“冰雁”的形象,在白色衣裙的剪裁上使用了羽毛元素和汉式交领的宽袖设计。

而时装的专属发型上,我们搭配了玛瑙珠串流苏,模仿汉宫步摇与草原头带的结合,来体现这个历史人物特殊的身份:既有宫廷女子的优雅,又有草原女子的活泼:

后来我们为了让整体时装看上去更有昭君出塞的感觉,还给这个时装加上了一个红色的兜帽。在游戏中,你也可以自由选择是否显示兜帽以及披风。


在不显示披风的情况下,你可以完整地看到里面白裙的设计。在概念图里,我们原本是做了长袖的样式,但是后来在制作的时候考虑到和披风之间的穿模以及手感问题,就缩短了一些袖子的长度:


披上披风之后,你会发现披风上暗藏着雁群的暗纹,在光影下若隐若现 ,呼应“落雁”的典故:

而下半身裙摆层叠如塞外风雪,动静结合,用霜花和风雪特效体现出角色的孤傲气质:

倾国倾城·闭月
迦南的貂蝉主题时装,它的设计灵感源自西汉著名文物“素纱襌衣”,以轻盈的薄纱为主体,叠加不同的华丽材质,凸显轻盈和柔美。一袭紫白霓裳,似貂蝉惊鸿落世。灵蝶绕衣,停在衣袂与青丝,轻纱流转间,玉颜如黛。

在剪裁上,我们大胆地去凸显“貂蝉”和“迦南”的性感,相较其他三位美人这套时装有着相对更高的露肤度。整体的配色以黄色和紫色为主,传达出在花园中赏月这一气氛,紧扣“闭月”的典故:


她胸口的淡黄色抹胸被动态特效的蝴蝶遮蔽,也犹如荫蔽的皎月一般,贴合“闭月”的主题。灵蝶绕衣的特效,也为这套时装平添了一丝仙气:

倾国倾城·羞花
最后是玉玲珑的杨玉环主题时装。取海棠嫣然,承玉环风华,红白渐变的长裙,以金线为丝,以海棠为饰,薄纱交叠,衣袂微动间再现大唐的绝代风华。

考虑到杨贵妃的历史时期,我们以唐风襦裙作为时装的基础版型,并融入了一字肩和低胸剪裁,希望能通过这种方式去体现她高贵妩媚的气质,以及大唐的开放和繁华。

在配色上,我们使用了大胆的粉色作为主色调,点缀着淡紫和淡金色,丰富整体色彩,希望玩家能有不同以往的唐风新感受:


水墨风格化的开发
为了能进一步地贴合四大美人的古风主题,并增强时装的表现力,我们从一开始就定下了要开发水墨风格化版本外观的计划。玩家们可以用琉璃晶解锁这个特殊的形态,并且自由切换想要什么风格的外观表现。
此次水墨时装的原画设计大面积地使用了半透元素,并且水墨勾边的颜色并不是单一的颜色,整体多以彩色水墨效果为主,水墨勾边的也是带有颜色偏向:

所以我们要在原来功能地基础上加入一些新功能的支持:支持半透描边、支持描边颜色、支持描边水墨飞白、软硬、干湿等细节变化。
同时为了达到更好的效果,我们为水墨版本专门绘制了一套风格化的贴图,其中颜色贴图在制作的时候尽量贴近原画的手绘水墨效果,法线等也都针对性地做一定风格化处理,使得不同版本之间能拉开层次差距:

水墨的流动,早期我们没有增加晕染流动的效果,导致整体表现缺乏灵动:

发型风格化
《永劫无间》头发部分玩家可自定义的功能较多,除了普通的全头染色之外,还支持分区渐变染色;部分头发还支持局部挑染,各分区还需要支持至臻色这类特殊质感的效果。我们要在保留这些自定义模块之外,配合时装的效果进行水墨风格化。

局部挑染和至臻色示意
对于发型这部分来说,水墨风格化的元素主要在于三点:描边、笔触纹理、流动动态。
首先是描边。卡通渲染中常用的双pass绘制外轮廓的方案对于发片类型的模型在性能上和效果上都不会很合适,所以我们使用了贴图自带的alpha重映射的方式对面片内部进行了边缘的提取。
*tips: 发根和发梢采样不同mip的alpha可以引入一些发根发梢边缘粗细的区别:

为了体现水墨描边的干湿效果,引入了噪声使描边的位置存在一定随机性:

而在实体的头发模型上体现水墨笔触,最容易想到的办法就是将水墨的纹理类似使用ps内的叠加或者正片叠底的方式直接叠在最后的计算结果上。但实际上这种方法会非常生硬,人物和环境无法融合,效果也不理想。而且光照计算后的结果通常都不会线性地均匀局限在0-1范围内,这也会使叠加效果不可控。
因此我们选择在计算光照的中间结果应用水墨纹理,比如计算阴影和漫反射的过程中,以及散射的线性部分都使用到了该纹理。在计算直接光和环境光时也使用到了该技术。

例:scatter term叠加水墨纹理的效果
为配合衣服的流动效果,头发也需要有一定的流动效果,但纹理又不能像衣服那么明显,仍然需要像头发。
发片通常模型径向拉伸会比较明显,因此直接使用uv滚动会导致流动效果比较碎。这里我们使用的近似屏幕空间的uv流动配合法线distortion对纹理进行了些偏移。

至此,水墨版本的开发难点就算全部攻克了,我们也成功把这个效果实装到了游戏里。
结语
这套系列时装的诞生,不仅仅是为了呈现视觉上的美感,也体现了我们在三个维度上的努力:一个是坚持深入挖掘中国传统文化,并为其注入当代的理解与活力;二是运用前沿的技术去提升表现的张力;还有就是秉持精益求精的态度,去打磨每一处细节。
我们也希望大家能够喜欢这次的尝试。在未来,我们也会继续去探索更多的题材与风格化效果,努力为大家带来更多能够突破现有框架,超越行业标准的美术内容。
我挺喜欢第一套的,我觉得最好看