云海看着不难，但做起来真费脑壳——叠纸动画新CG干货分享

原创小趴动画学术趴

作者/小趴

年关将至，各大游戏厂商都纷纷开始捣鼓起了自家春节的庆祝活动——春节还没到呢，游戏内就已经张灯结彩，提前热起场子来。

这一点在各大游戏的宣传CG当中，就得到了很好的体现。

1月30日，由叠纸游戏研发的次世代3D换装手游《闪耀暖暖》发布了新年主题系列活动“千秋岁华·万象昭新”的CG短片，讲述了一个龙凤呈祥的新年故事——

“明颐皇后和承云天子居住在九霄之上。适逢新年之际，携手登云上天坛，召唤龙凤祥瑞，传递新生和希望。”

在短片发布后的短短几日内，目前其播放量已经突破了568万，在玩家群体当中引起了热烈的讨论。我们先一起来看看这部年味十足的CG短片。

看完后，业内小伙伴可能眼神已经犀利了起来——在这支长约两分钟的动画短片当中，存在着不少的制作难点——大体积/大面积的云雾制作、飘带的飘浮动态、高速移动物体的拖尾效果等等，莫不如是。

借此机会，我们也再次邀请到了这支短片背后的动画团队叠纸动画*，请他们向我们分享这部短片幕后的诸多细节。

*有关叠纸动画此前的经历，请参阅学术趴此前对他们进行的专访《建模面数上百万！深度揭秘「细节控」叠纸动画的进化之路》（←点击查看）

让我们从短片的创意构思和技术细节分享出发，看看这部精巧的CG短片是怎样炼成的。

龙凤呈祥

作为《闪耀暖暖》的游戏宣传CG，宣传游戏当中新版本的游戏内容和服饰，是短片的主要目的之一，片中的许多设计都将围绕这一核心的要素展开。这样的形式，也无疑让此类CG短片在企划初期就有了明确的构思方向。

但是，这却并不意味着短片的构思难度就由此下降了——

本片当中的两套服饰——云京新年套装以龙凤为核心元素，除了从现实中的服装设计当中汲取灵感，游戏的美术团队在设计时也增添了不少区别于传统服饰设计的现代奇幻元素。

如何让短片的叙事以及各类视觉元素配合这套融合了传统和奇幻元素的服饰，就成了团队设计的关键。

“在构思整支短片时，（我）会注意如何结合好新年里热闹的民间氛围和天子皇后祭天的恢弘气势。同时让画面里出现的视觉元素可以配合呈现两套服装的主题，在气质统一的基础上体现云上云下的差异性。”

据本片的导演透露，除了对于服装本身的呈现，表现“国泰民安，万象昭新的寓意”也是在最初接手时拿到的核心需求。

为了体现这一点，导演在本片的构想中自由地展现了他的创造力，选择以春节的代表意象——祥云为界，将故事当中的云端帝国分为云上和云下两部分：云上为恢弘壮丽的天坛，而云下则是热闹祥和的街道，张灯结彩。

云上天坛的Color Key

据动画前期美术团队透露，片中的人间城镇是按照“一个热闹的集市庙会的感觉”去设计的。而故事当中的另一面——云上的天坛，则出自游戏当中的文字描述。

在这一场景的设计过程当中，设计师们需要展开充分的想象：据透露，因为文字的信息量相对有限，美术团队在文案中可以提取的，大多是“是祭天的场所”“在半山腰”“四周云雾缭绕”这样的关键词。

人间城镇的Color Key

正因为如此，在进行设计时，团队还会从角色的服装身上取材，将其融入到环境的设计里——片中石阶上的龙纹、龙柱，祭天坛上的龙凤石雕等等都是如此。

石阶上的龙纹

天子的服装刺绣当中有着大量的龙纹图案

综合考量的剧情构思加上用心打磨的场景美术设计，为影片最终的视觉呈现打下了基础。而除此之外的叙事部分，就需要导演用镜头语言去讲述和表达了。

导演告诉我们，云端上的天子、皇后二人登上天坛召唤龙凤降临人间的场景，是他在片中最喜爱的部分。在这一组镜头当中，他从展现天坛仙境的大远景开始逐渐将镜头切近，先后对场景的大环境以及人物的衣着细节、仪表神态进行了逐级的展示。

大远景的建置镜头

全身的环绕镜头

而紧接在这些场景之后，龙凤缠绕着盘旋上升的镜头，也使得此前由远及近的剪辑节奏被打破。景别切至远景，龙凤在粒子包围之中缠绕飞行的姿态，令人印象深刻。

云上

叙事也好，风格也罢，一部好的CG短片的各个环节的实现，都离不开技术团队的悉心支持。

接下来，就让我们进入干货时间——一起来看看这部短片背后，那些令人侧目的技术细节。

在这次发布的短片当中，云上的天坛与地上的集市被厚厚的云层所阻隔，由此也形成了本片的两个大场景。而就是这一望无际的云层，让叠纸动画的特效团队下了不少的功夫。

在三维动画中期的制作过程当中，团队的技术人员需要根据此前设计的概念美术，制作出人物、场景以及道具的模型。这些模型数据被统称为资产（asset），也就是我们在观看三维动画时一切的基础——大到宏伟场景中的山脉宫殿，小到角色身上的配饰道具，所有的画面都由这些资产组合而来。

三维动画生产流程示意图

而动态的云朵自然也不是例外，需要在动画软件当中从零开始生成。

据叠纸动画的场景特效团队透露，在本片画面中视觉很近的云海，在软件内的实际视野却超过了2公里。

要制作如此大面积的云海，如果全部采用这些生成的三维实体云，不仅云和场景的操控会变得异常复杂，此后的渲染等环节也将面临非常巨大的压力。

为了更加真实地展现云海的动态，团队调整了解算器浮力正负的边界值，并进行了大量的测试

片中还有两个龙凤冲破云海的场景，其与云海之间的交互也是制作的难点之一

为此，团队在短片最初镜头的设计稿（Layout）阶段，就确立了在中远景镜头使用绘景（Matte Painting，也可以译为接景）的解决方案。

所谓绘景，简单来说，就是用绘图技法结合画面合成技术，来创造出影片中所需、但实地搭建起来又过于昂贵或难以拍摄到的景观。这一技术可以算得上是电影特效的鼻祖之一，最早出现在黑白无声的电影时代。

1989电影《蝙蝠侠》中使用绘制的背景

最早的绘景方法之一，是在摄像机和被摄场景之间放置一块玻璃薄片，由画师在玻璃上进行作画，然后通过摄像机来拍摄出一些特殊场景。

如今的绘景已经转换到了数字软件的环境之下，不少影片中的背景，甚至是由成百上千个不同元素拼接组合而成的。而二维的绘图图像也可以通过与三维资产的结合来转换和移动视角，以适应不同的场景需求。

在这次短片的制作过程当中，叠纸动画的团队就通过这一技术完成了云海的制作，并有效地减小渲染和制作压力。

此外，如果对各个场景的绘景情况做更细致的分析，就会发现除了场景本身展现出的华美效果，其中也有着不少根据场景需求而做出的灵活调整。

对于旋转角度超过了180度的镜头，团队还需要相应地扩大背景的绘制范围。而考虑到云海的纹理链接性，团队没有使用传统的笛卡尔坐标，转而使用了极坐标。

地面庙会的场景包含大量的资产，团队在搭建好远景部分的三维场景后，选择分批渲染几个城镇层次，并用投射的方式来进行处理

而除了云海本身的制作，据环境特效团队透露，事实上龙凤在云上的穿梭的镜头，也同样充满挑战——

高速移动物体的拖尾效果本就是CG制作当中的一个普遍难题，而此次短片当中出现了摄像机的跟踪镜头，龙本身还会扭动，可以说是“集结了所有的难点”。为此，他们尝试了多种方法，最终才确定以摄像机为参照物，进行相对位置减速的解决方式。

细节、细节、细节

说起叠纸动画，一个避不开的关键词就是“细节控”。不为别的，这是一支极为重视细节打磨的动画团队。而在这支CG当中，也有着很多不易为观众察觉的细微之处。

此次发布的两套云京新年套装，其服装设计风格华丽而复杂，不仅从上至下挂满了细小的挂饰、链子，还有着大量极为复杂的刺绣。

帝后的头饰

据叠纸动画的资产团队，如此高精度的服装设计，很容易使得一些动作和造型产生交互上的冲突，而资产过重、面数过多，也必然会增加后续的其他环节的压力。

服装上的刺绣图案

为了使得各个环节能顺利进行，负责建模的资产团队在进入三维制作前，就开始和前期项目组进行沟通，集中讨论复杂花纹的具体质感以及服装上的花纹刺绣，并以此判断是以模型制作还是贴图制作。这样高频度的交流，在中期还会延续到和动画以及角色特效团队的合作当中。

而对于叠纸动画的角色特效团队而言，这一次复杂的服装设计给他们带来的最大挑战，可能就体现在了天子的那一条轻盈而华丽的飘带上。

“我们需要解算出带有缓慢扰乱的飘浮的动态，同时还要在飘带的表面形成类似真实丝绸布料的竖向的褶皱，同时还要让飘带的边缘流畅饱满圆滑，避免出现小的凹凸边缘轮廓。（我们）需要在动态和形态之间找到完美的平衡点。”

除了飘浮的状态，飘带本身与天子手部的关系同样是团队的关注重点——对他们而言，天子的姿态必须做到“缓和柔美”。而服装本身的大量层数，也使得他们必须处理好各层之间的关系。

不难看出，单是服装本身复杂的细节，就给叠纸团队带来了肉眼可见的制作难度。

而如果说服装的复杂细节观众们还多少能够直观地感受到，那么团队在其他方面下的功夫，或许就没那么容易察觉了。

片中人界市集的烟火气，离不开漫天飘浮的天灯和熙熙攘攘的人群。而这两个个体的群集，叠纸动画的团队也根据其不同性质，使用了两种不同的手法来实现。

据了解，考虑到天灯本身不需要做状态的切换，环境特效团队使用了粒子系统来进行动态模拟。虽然粒子系统当中天灯的基本型只有一个，但为了保证差异性，团队在空间上、动态上、材质上都做出了调整。

“（这样做的话）在观众看来，就是一个个独立的灯。”

测试阶段的天灯

再来说说人群。

在本次的CG短片当中，为了让环境中的人物看起来自然真实，在同一场景下可以呈现出不同的变化，叠纸动画使用了群集动画的技术。

集市上缓缓移动的人影

说起群集动画，如其字面的意义，就是一种为了制作个体数量庞大的群落动画而产生的技术。

在一些庞大的场景当中，虽然单独给每个个体设置运动路径和动态，也可以实现整体的动画效果，但当个体的数量达到一定的数量级，很多时候就不是动画师多贡献几根头发就可以完成的事情了。

“我们在开始制作镜头之前做了大量测动态避让测试，各种状态，各种方向，各种速度。”

人群避让测试

在解决了由插件绑定引起的导入问题等一系列情况后，他们在大量的测试当中，也逐步完善了的角色之间的交互模式。

“我们通过一些条件来做判定，该角色在什么情况下读取哪一段动画内容（也叫影片剪辑）。在解算过程中如果判定其他角色或者场景道具在自己的碰撞范围内，就会选择往左或者往右避开后继续往前走，当然如果对面也是角色的时候也会同样避开。而场景是默认不动，只能角色避开。”

人群状态改变测试

人群避让测试

最终，“自动避让”等群集动画的功能，让人群里的个体展现出了独立的动态。虽然他们大多只是在背景当中缓缓地进行互动，并不引人瞩目，但也因为有了这熙熙攘攘的人群，才有了片中我们看到的热闹集市。

结语

从去年六月正式宣告成立至今，在短短半年多的时间里，叠纸动画这支新生的动画团队已经累计制作了三部精致的CG动画作品。

在不断尝试新技术的同时，或许更重要的，是这个被称为“细节控”的团队也由此展现出了对于每一部作品认真态度。上述作品中的种种细节，都离不开团队成员为此付出的心血。

从CG短片到正在规划的长篇动画电影，叠纸动画正在一步一个脚印地不断成长。让我们拭目以待。

目前叠纸动画正致力于创作开发叠纸自有游戏IP为主的长篇动画电影。希望能借助叠纸自身积累的内容创作经验，以及聚集顶尖动画电影艺术家团队力量，打造新颖题材，于故事和视觉呈现都是一流品质的3D动画电影作品。想了解更多关于叠纸的信息，请前往叠纸官方网站：

https://www.papegames.cn/about/

- END | 动画学术趴 -

— 点击图片阅读更多精彩文章 —