熟悉的互联网、大不同的新世界

天马行空的想象、嗨爽刺激的挑战

期待已久的动画喜剧《无敌破坏王2：大闹互联网》终于上映了，一定有不少影迷是被影片中绚丽缤纷的互联网世界所吸引，而且故事也很好看，烂番茄的评分都非常高。

《无敌破坏王2》的故事从第一部的电玩世界来到了广阔、未知又激动人心的虚拟网络世界。

电玩游戏破坏王拉尔夫和调皮女孩云妮洛普冒险前往未知的网络世界，寻找可以修复《甜蜜冲刺》游戏的组件。

他们需要在网民们的帮助下在网络世界中不断前行，在这过程中他们遇到了热门网站BuzzzTube的核心人物——充满企业家精神的耶丝小姐。

｜《无敌破坏王2：大闹互联网》预告片｜

迪士尼的视觉团队已经将网络的抽象浩瀚变成了一个有吸引力的数字世界。

下面小编为大家带来视觉团队是如何构建“互联网世界”的，内容翻译整理自他们的公开讲座分享。

视觉化和 构建<无敌破坏王2:大闹互联网>世界

为迪士尼动画喜剧冒险电影《无敌破坏王2：大闹互联网》视觉化并构建互联网世界，是一件既让人兴奋但又兼具挑战的工作。

互联网世界想一下就觉得太棒了，但从哪里开始呢?

从哪里开始把互联网的抽象概念变成我们所看到的熙熙攘攘的大都市?对于视觉团队来说，就像所有迪士尼动画电影一样，这项工作是从研究开始的。

“在这种情况下，你可以去洛杉矶市中心的威尔希尔(One Wilshire)，那里是全世界连接最紧密的互联网点，据称美国与亚洲通信的三分之一的互联网流量都通过这座大楼。”

视觉团队在那里发现了一堆乱七八糟的电缆、服务器、支架和数据交换器，并拍摄各种各样设备的照片，就像是一张张城市的航拍照片。

▲ 非视觉团队拍摄的参考照片

在提到纽约、伦敦和上海等大城市时，他们开始考虑这样一个想法：如果互联网是一座城市，那么建筑就会代表网站。 网站越大，建筑越大。

他们很快就遇到了规模和设计上的问题——需要多少建筑，它们应该是什么样的？

对于和互联网世界最初的想法之一是每一栋建筑都是独一无二的。但实际上这个想法没有用，因为那样观众会不知道该看哪一个。

所以他们又想出了一个办法， 在有一定数量类似建筑的地方，建造一个视觉捕捉点。

▲ 概念设计：电路板设计融入道路和人行道

他们还提出了用屏幕和视频广告牌覆盖建筑的概念，不断变化的标识有助于建立一个充满活力的城市的活力。

屏幕图形是一个非常早期的概念。互联网世界中应该有很多不断变化的屏幕，还有很多视频。

▲ 影片剧照

于是他们做了几次关于拍摄城市照片的测试，并很快发现， 如果屏幕变化太频繁，就会太分散注意力，完全不知道该注释那里。

它们太亮了吗？应该有多少？有多少应该有运动？多少应该是静态的？有相当多的尝试和错误只是玩弄时机和整体视觉复杂性。

▲ 影片剧照

还有一个决定也很早就做出了，将真实的和虚构的网站结合起来，这样观众就会知道他们在哪里，基于他们对真实互联网理解的视觉参考。

他们将创建自己的网站，比如视频网站BuzzzTube。 但也想让它变得熟悉和亲切，就需要那些可识别的真实品牌来让观众融入这个世界。

所以也有亚马逊(Amazon)、 谷歌(Google)、Instagram和Snapchat等网站的客串，甚至还有一些国际网站（天猫等中国网站也有出现），这就增加了我们想要的合理性。

如果你没有足够多的品牌网站，这座城市给人的感觉太统一了；如果有太多的话，就又变得眼花缭乱了。

▲ 影片剧照

那么如何设计可识别的品牌呢？

例如，当必须设计一些真实网站建筑时，他们尝试了很多不同的东西。对于eBay最初尝试了一个海湾，然后是跳蚤市场；

▲ 影片剧照

当你看Facebook的时候，它是一本书，人们在上面发帖。

▲ 影片剧照

当这些是一个简单的想法时，观众也可以很容易理解它。所以从真实世界翻译而来，必须足够简单，让观众不用去想它。

例如，包装盒很容易就能装进去，无人飞机到处乱飞，然后你看到亚马逊。

但对视觉团队来说同样重要的是，如果观众不了解亚马逊，它仍然是一个令人印象深刻的建筑。

对于原创视频网站BuzzzTube，所有的视频都必须生成。在某一时刻，他们不得不招募迪士尼动画大楼里所有人的整个艺术部来生成所需的内容量。

▲ 影片剧照

如何上网？影片故事中店主买了一台电脑和路由器，把它们连接在一起，登录后就像在现实世界中一样，信息被打包、封装并发送到电话线上。

正如在影片中提到的迪士尼如何设计复古与现代的数字世界一样，互联网的用户分为现实网络用户和网络世界中的居民。

网络用户代表着我们——那些登录和使用互联网的人。网络世界中的居民（之后简称网民）就像“机器里的鬼魂”。

如果你发送电子邮件，其中一个网民会用一辆小邮车发送。如果你把一件东西放进购物车，他们会推着购物车。

▲ 概念设计稿：描绘Ralph和Vanellope首次上网的终端/枢纽

想要一个不像在电脑里看的现代城市，建筑是由混凝土、金属和玻璃组成，根据建筑类型的不同，比例不同。

道路和人行道呈现出电路板的样子，上面镶嵌着金色的镶嵌物。 出现次数越多，就越能意识到某些事情需要更多的细节。

比如在人行道上，通常会有水磨石的图案。因为你需要更近距离拍摄的细节，我们使用了电路板模式。我们用了很多黄金镶嵌、有图案的玻璃和马赛克。

在栏杆，人行道，人们行走的道路上有很多能量。人行道曾经是发光的，但我们很快发现很难点亮发光的人行道，所以它们在任何地方都不会发光。

▲电影剧照

▲ 概念设计稿：描绘Ralph和Vanellope首次上网的终端/枢纽

汽车怎么样？网络用户和网民是如何在城市中移动的？ 运输是围绕着类比来设计的，从本质上讲，电子是如何穿过导线的，而光束是如何穿过光缆的。

一种交通方式基本上就是这种形状，以立方体的形式显示，像像素一样，和汽车一样，所有的网络用户都在其中旅行。

当有人点击某个东西时，立方体就会在他们周围形成，并将他们提升到网站上。它应该让人感觉简单、高效、快捷。

还有一些网民的交通工具，让我们玩得更开心。我们有一些无人驾驶飞机，一些特殊的轻型自行车，电子邮件货车和回收卡车。

在一个旧的弹出式网站上，我们有一辆破车。但它仍然是未来科幻的感觉，甚至可以在网民的车上更有创意，这些车基本上都是太空飞船在四处飞行。

▲ 概念设计稿：交通工具

设计的主要挑战之一是如何引导观众的注意力——如何确保他们不会被任何场景的复杂性所淹没，并准确地看到你想让观众看到的地方。

无论场景有多复杂，故事必须始终是视觉的驱动力，而保持观众的注意力始终是重中之重。

无论做什么都要为镜头设计。在确定了镜头之后，就要做一些细微的调整来聚焦眼睛。

▲ 概念设计稿

还有一个非常大的技术挑战：仅仅是处理巨大的环境和组成世界的大量物品，这个团队花了很大的力气去渲染一张包含数百万元素的最终图片。

它不像《海洋奇缘》里有水，或者像《疯狂动物城》里有皮毛，是已知的，但这里的设计都是以前从来没有做过的。

设计师们知道如何设计建筑、创造人物，但从来没有一次设计这样成千上万的建筑、数以百万计的人和车辆飞舞，还有所有可以不断变化和移动的广告牌。

▲ 影片剧照

他们试着用迪士尼的Hyperion渲染器渲染出所有的场景，但效果并不好。

所以视觉图案随机不得不再去想办法在需要的规模上建造一个城市，但要有足够的效率，按时完成电影。

▲ 影片剧照

在用光方面，这个网络世界有太阳吗？光从哪里来？

他们最终得到的是一种电子北极光，它在互联网上微微移动。这种变化是微小的，因为不想让观众太注意到。

在情感上，如果天空是绿的，观众的反应和天空是蓝的肯定不一样。所以最终得到了一个蓝色的天空，像一个晴天。

▲ 影片剧照

虽然电影总是发生在白天，城市景观的垂直方面意味着阴影影响许多场景的照明。互联网也有相当大的垂直变化。

新网站建立在旧网站的基础上，所以位置越低，光线就越暗，而影片在大建筑的阴影下也会呈现某些场景。

▲ 影片剧照

整部影片总共有150个不同的独特环境 ，包括从第一部中带来和更新的环境。这是由近6000种独特的元素和所有用于建造它们的小道具组成的。

为了处理大量的素材，这个团队不仅从原始电影中提取素材，还从迪斯尼之前的许多动画电影中提取素材。

迪士尼有一个模型库，艺术家可以在那里访问任何展览上发表的任何东西， 一些元素从《超能陆战队》《疯狂动物城》《魔发奇缘》甚至是《闪电侠》中脱颖而出。观众会发现很多彩蛋。

▲ 影片剧照

最后为大家分享下面9个图像序列，显示动画电影的复杂的元素设计、组成和分层。

▼ 图1：故事

故事板艺术家与导演、故事负责人和编剧密切合作，将剧本页上的文字转换成视觉表现形式，例如在这个场景中，展示了Ralph和Vanellope的到来。故事板是与草稿或临时对话一起编辑的，这为电影制作人提供了一个场景可能发生的早期想法。

▼ 图2：视觉开发

视觉开发艺术家负责早期的视觉探索，就是电影的角色和环境可能在屏幕上是什么样子。他们从导演、制作设计师和其他关键角色那里收集信息，制作出详细的图像，传达动画场景，以及可能传达的情绪、基调和颜色。

▼ 图3：布局

在布局阶段，布局艺术家大致决定角色将被定位在哪里，以及他们将如何在给定的场景中移动。他们还确定了虚拟摄像头的位置。这有助于导演将故事板引入CG环境，同时缩小场景呈现的无限可能性。动画师从布局开始他们的工作，在此过程中添加了详细的角色表现。

▼ 图4：动画

动画师负责角色的表演，通过对布局的粗略阻挡，让人物的动作栩栩如生，增加表现力和个性。艺术家们为每个角色设定了表现和动作的指导方针，并被导演们鼓励从配音人才的表演中汲取灵感，甚至从自己的演技中提炼角色动画。

▼ 图5：技术动画

技术动画团队负责在场景的大部分元素就位时对场景中的动画和模拟进行微调。头发和布料是物理模拟的，为动画角色的表演增加了可信性——这就是“tech anim”的由来。

▼ 图6：人群

一个巨大的世界，如互联网，需要大量的人群，超过那些在Moana和Zootopia特点的结合。单凭这一张照片里的人物和车辆的数量是不可能单独制作动画的，所以2012年由迪士尼动画公司在《无敌破坏王》的基础上成立的人群部创造了一些方法，将这一努力程序化。角色资产团队创建各种体型和大小，以及可以混合和匹配以创建多个外观的服装。动画师随后为人群角色创建了各种各样的基本动作。然后，人群部门的艺术家们将这些元素进行程序化的放置和动画化，以构建一群独立运作的角色和工具。

▼ 图7：视觉效果

特效动画师在场景中加入了一些视觉元素，包括大气烟雾、火焰、烟雾。在这个例子中，是全息的外观、汽车轨迹和运动模糊，展示了网络用户独特的车辆在互联网上繁忙的交通状况。

▼ 图8：设置扩展

虽然动画场景中的场景非常详细，而且通常是非常广泛的，但是像这样的网络场景是如此的广阔，以至于电影制作者不得不在远离动作的地方进行填充。在集合扩展中使用了几种技术，包括哑光绘制和先进的技术，这些技术告诉计算机减少距离摄像机最远的区域的细节/数据，以使它们具有视觉吸引力，但在数据方面足够小，可以有效地呈现它们。

▼ 图9：灯光

灯光是动画拍摄的最后阶段之一，尽管在制作过程中灯光也是对电影的外观是不可或缺的一部分。灯光艺术家可以在一个场景中放置单独的灯光，但这是拉尔夫和瓦内洛佩第一次上网的场景——技术用来放置多个类似的灯——创造一个更有效的过程来处理大量和不同数量的光源。

编辑 |瑞瑞

FZDfilms朱峰视觉

（公众号：FZDfilms0801） 返回搜狐，查看更多

责任编辑：

声明：该文观点仅代表作者本人，搜狐号系信息发布平台，搜狐仅提供信息存储空间服务。