/【设计聚焦-视觉设计】《蜘蛛侠:纵横宇宙》的设计与视觉风格赏析

【设计聚焦-视觉设计】《蜘蛛侠:纵横宇宙》的设计与视觉风格赏析



《蜘蛛侠:纵横宇宙》

设计与视觉风格赏析

时隔四年,索尼又带来了续作《蜘蛛侠:纵横宇宙》的预告片,与普通动画电影不同,导演希望这一系列的动画能让观众有“走进了漫画里一般”的感受。

当观众看到这一系列的电影时,往往会被其创新十足的视觉效果所惊艳。跟普通3D动画追求自然流畅截然相反,蜘蛛侠动画电影系列全方位的向漫画观感体验靠拢,用大量2D漫画的方式来呈现效果,但依然保留3D动画的特性。同时保留下了对话框、漫画分格、字幕特效,还加强了手绘涂鸦的部分。另外还将各个平行宇宙通过不同的视觉风格进行区别,即完美契合了多宇宙的动画主题,又给观众呈现了一个色彩缤纷的电影世界。下面让我们通过全新预告片《蜘蛛侠:纵横宇宙》,一起来解析下这一系列电影的视觉创新点和亮点。

模拟2D动画效果





“卡顿”,这是电影第一个让人感觉奇‍‍‍怪的地方,却也是电影最特别的地方。但其实仔细看你可以发现,只有人物角色是有卡顿感的,它们周围的环境却是流畅无比。这样的处理手法一方面使得画面有种2D动画特有的逐帧质感;另一方面让人物角色与空间场景产生一种动态的对比,丰富画面细节。同时这种空间错位的设计,恰恰呼应了故事主题——多重宇宙。

漫画的专属技巧




电影中我们可以看到很多在美式漫画中常用的手法和效果。如爆炸的 BOOM、吐丝时的 THWIP 这些手绘拟声词;角色的心里活动对话框;速度线、感知危险的信号提示等等。这些都在还原我们在阅读漫画时的感受。更有意思的是,电影中会根据不同世界、不同国籍的蜘蛛侠进行专属语言的拟声词设计。



这些表现手法,使得电影画面多了份在平面漫画中才有的张力,让画面效果不仅仅是画面,还具备情绪表达氛围渲染等作用。

正是这些在平面漫画中常见手法和元素,让这一系列的电影比一般的3D动画在视觉层面上更加丰富。


巧妙的抛弃动态模糊




既然要还原漫画阅读体验,一些3D动画里经常用的手法自然也要抛弃,比如动态模糊。但是去掉动态模糊后,原本在3D动画中流畅的运动感和速度感会显得非常不足,这对动作画面非常多的动画电影是非常致命的。

电影特效总监迪米安通过运用叠影、场景的错位、速度线等方式来补充画面的动感和速度感,并保证了电影本身的风格语言。


故意的高光溢色


高光溢色的效果在20世纪初期的印刷行业经常出现,当时的CMYK四色印刷常常会因为对版误差而出现喷色错版,这样的错版慢慢发展成为了一种独特的风格。导演将这点用到了电影中,更到位的还原了漫画的质感,同时也利用颜色的错位生成一种景深感,使得电影的层次更强,画面颜色更丰富,表现形式更有趣。同时由于另外几位蜘蛛侠来自不同的平行世界,剧情中就会因为这个而导致他们身体原子不稳定,所以高光溢色的效果正好可以用来表达表现出了原子不稳定的故障效果。

一般的动画电影往往只有一种画面风格,而蜘蛛侠动画电影突破性的将多种视觉风格融合进一个电影中。同时又因为本身是平行宇宙的世界观,这一多风格的设计恰恰又完美契合这一设计,充斥着合理的矛盾,让观众在观看电影时有更强的代入感和沉浸感。


















往期精彩

【设计聚焦-产品设计】Nendo设计好物赏析

【设计聚焦-包装设计】2021年度Pentawards获奖作品赏析

【设计聚焦-视觉设计】2023女足世界杯的品牌视觉设计

推荐阅读


本文来自微信公众号“网易雷火UX用户体验中心”(ID:LeihuoUX)。大作社经授权转载,该文观点仅代表作者本人,大作社平台仅提供信息存储空间服务。