全是干货！从美术角度看《蜘蛛侠：平行宇宙》为什么是最棒的蜘蛛侠电影

buzhy

文/陈思宇

在这个超级英雄电影井喷的年代，只要你能宣传到位自然会有人来掏钱买票。轻轻松松得来的高票房保障让人很难静下来去好好做电影了，虽然要做一部好的超级英雄电影其实和做其他电影并无不同，不外乎剧情、画面和音乐，但是这十年来，能把这三点全部做好的超级英雄电影，也只有《黑暗骑士》和《金刚狼3》，以及这一部《蜘蛛侠：平行宇宙》。

作为一部和小蜘蛛的设定（Friendly Neighbourhood Spider-Man）一样非常邻家非常友好的电影，虽然感觉一下子多了很多时空的蜘蛛侠，但它并不像MCU一样需要各种背景知识，所以各位尽可不用备课，带着圣诞节放松的心情去看。音乐方面做的也很棒，相信看完预告以后的大家满脑子都是Outasight - The Boogie的节奏（OST里居然没有收录这首歌有点意外）。上一个这么洗脑的预告可能要追述到自杀小队的波希米亞狂想曲了。当然，本片最与众不同的，属于它这跨时代的作画风格。它很好的结合了纸质漫画书的质感和波普艺术（Pop Art）那明亮的颜色，它独特的运镜风格也给充满了CGI的大银幕带来了不同的感官体验。可以说，制作组真正做到了画面和优秀的剧情相辅相成，通过巧妙的使用夸张的漫画手法，让它不用重蹈《正义联盟》的覆辙：一下子介绍太多的新角色而失去重点。

在这一部随手截图就能当桌面背景的动画里， 集以上特点为一身的镜头有很多很多。比如说预告里截出来的下面这个gif：

图一：取自索尼官方油管频道

下文将以这张gif为主，辅以一些其他的截图，来说说本片用的一些作画以及运镜上的手法。

1 运镜风格—定格帧（Holding Frame “On twos”）效果

虽然截成gif以后，gif自带的循环播放的效果把这场打斗自身的节奏感又增强了好几倍，但这正好也把定格帧的效果也放大了。看个三五遍gif，闭上眼睛，相信你满脑子都是徘徊者（Prowler）的出拳所带来的线条感。为什么？

因为作为动画电影，一般每一帧都会是一个新动作（就像连环画那样）。然而在这里，在这个高速的打斗镜头中，为了突出打斗的张力，出拳的力度，制作组给徘徊者出拳完成的那一画面多加了一帧定格帧（图二）。不要小看这一个定格，在流动的背景中加入这么小小的一个动作的定格，整个画面的表现张力就这么出来了。

图二：徘徊者（Prowler）的出拳不仅外加了定格帧，还讲拳头放在了画面正中，两者相结合，这组画面如此夺人眼球也是自然而然了

此处还要“表扬”的是“自愿”当起绿叶的蜘蛛侠。Gif开始处，蜘蛛侠从被扔出去到爬起来这一系列的镜头还都是正常的一帧一个动作。然后他进入了一个长达5帧的，摆pose阶段（图三）。一般来说，这么一个“蓄力”的后续动作，应该是小蜘蛛把自己弹射出去，用全身的力量撞向对方腹部，把敌人撞到后面的集装箱上。然而现实是，这么一个蓄力所带来的效果仅仅是躲过了徘徊者的一拳，那么它所营造的自然就变成了：“啊徘徊者真强啊！”

图三：蜘蛛侠摆出了一个长达5帧的，经典的膝盖弯曲蓄力动作，然而结果不是把敌人撞飞而是勉强躲过了这一拳。然而由于躲避得过于勉强，还是没有调整好身位于是被下一招打飞

这种定格帧的运用预告中还有很多，贴一个图四当作业给同学们自己看吧。

图四：第一遍是慢速第二遍是超慢速。第二遍播放过程中应该可以清楚看到蜘蛛侠和Miles的动作在不同定格节奏中交替进行

2 运镜风格—帧转移模糊（Smear Frame）效果

整部电影给人的感觉非常怀旧，非常像小时候在看漫画书，其原因不外乎两点，第一点就是使用帧转移模糊。比如图五和图六，运用夸张的转移模糊帧，描绘出了这个高速的打斗，体现出了爆发的力量。

图五：通过给蜘蛛侠画两个右手，只用一帧就代替了两帧的摔倒位移。表现出被摔这一下…疼

图六：同理，通过手动画出残影效果，在不改变帧数的情况下让整个物体（蜘蛛侠）平滑飞得更远了。（不然的话两帧之间的间隔太大看上去有跳跃感……）

整个转移模糊帧并不是什么新鲜的事物，它是华纳在1942年《The Dover Boys at Pimento University》中首创的，运用静止的模糊画像而表现出高速移动物体的“运动模糊”。虽然在一开始保守争议（有人认为这是偷懒，不好好画图的表现），但随后迎来了大家的一致好评。这也是为什么，说到转移模糊，不得不提到另一位主角，猪猪人（Spider-Ham）。

图七：猪猪人（Spider-Ham）肉眼可见的画风不同，自充出场就自带主角光环，惊呆众人

作为一个自己就是那个年代的卡通里走出来的人物（图七），剧组在Spider-Ham上真的是毫不吝啬的使用了各种夸张的表现手法。比方说上图的gif里就隐藏着一个模糊帧（图八），比方说大家所喜爱的房顶戏里（图九）也有着一个长达6帧的，夸张却又毫无违和感的，动态模糊。毕竟那个年代的卡通也好美漫也好，非常的喜欢运用这个手法了（图十）。

图八：依然是帧转移模糊的运用。通过这夸张的手法使得gif中这一个绅士一般的（虽然后面的台词非常的猥琐…）弯腰伸手动作非常的圆滑并自带加速感

图九：第一看预告看到这一幕大家就炸了。这还需要多说么www猪猪人的可爱还不是明眼人都看得到的么www难道还有比这种漫画般的转移模糊帧更漫画的，更贴切的表现手法么www

图十：既然这是华纳的作画手法，那么作为华纳动画界的扛把子，大家所熟悉及喜爱的猫和老鼠中自然也充满了这夸张的手法。截自华纳少儿官方频道

3 漫画表现——线条、对话框以及拟声词（Onomatopoeia）

另一个使得整片看上去非常漫画的则是漫画式线条的运用。回到徘徊者和蜘蛛侠的打斗，比较明显的漫画式辅助线条是在蜘蛛侠被拍到墙上以后，背后那一圈逐渐散开的声波（图十一、十二）。

图十一：在gif中可能并不明显，但是试想如果这个截图中没有这一圈黑色的线条，蜘蛛侠被“拍”到墙上的这个力度，这个声音，这个效果，是不是要大打折扣？

图十二：随着蜘蛛侠的滑落，背后的冲击波也逐渐散去。为什么说是漫画手法？因为由于这些辅助线的存在，此处不用看gif我也能脑补出前后的连贯动作

其实不管是美漫也好日漫也好，大家都经常像这样运用线条和拟声词来增加感官体验。不知道大家还记不记得当年有一阵很流行的漫画效果app，就是在拍摄主体四周加上引导视线的线条以及拟声词来打到夸张的效果（图十三）。于是，毫不意外的本片中日漫风格的Peni，出场的时候自然也自带着这满满的漫画特效（图十四）。

图十三：app store中形式各异的漫画风滤镜app中一个。来源见微博水印

图十四：日漫风格的Peni，除了日风的服装日风的大眼睛日风的卖萌用机器人，从出场开始的自带漫画线条也在人物风格塑造上功不可没

片中常用的漫画表现手法还有表现出人物内心独白的对话框和夸张的拟声词（Onomatopoeia）的运用。例如图十五中Miles在发现自己有所变化后第一反应是逃离现实自我安慰。正因为是拟漫画这个载体，制作方可以白纸黑字的把人物的内心活动写在画面中，却丝毫不突兀。而拟声词的运用更是神来之笔。同样是上图，Miles因为还沉浸在对于自己身体变化的诧异而无视信号灯被车撞了。 制作组不仅画出了车的前倾，更是加上了刹车的拟声词来强化急刹车的效果。

图十五：发现自己变得不正常后担惊受怕的Miles。一路上惊慌失措奔跑的他内心活动都通过这夸张的内心独白对话框展示给观众。以及，没有超能力的各位过马路的时候不要奔跑，且要记得看红绿灯。看看这出租急刹车都刹成这样了也没刹下来

作为对比，我们可以看一下《头文字D》新剧场版的预告（图十六），为了和老TV版有所区别，新剧场版同样使用了线条和拟声词，给人一种更加贴近漫画原作的感觉。（至于有没有成功这就见仁见智了）

图十六：应该也是大家比较熟悉的一部剧场版。海报中同样运用了夸张的线条和拟声词来突出秋名山老司机车速快

小蜘蛛中拟声词的运用真的是随处可见，预告中还有两处非常明显的： 绿魔Green Goblin和蜘蛛侠的战斗中的爆炸场景（图十八），以及Peter和Miles一起荡秋千的场景（图十九）。正片中自然还有更多，各位看官请自行发掘。

图十七：如果是普通的好莱坞大电影，为了体现出爆炸的场景只能通过大预算CGI来实现。而这里，既然是一个动画电影，那么很简单，只要写上大爆炸（BOOM），爆炸的效果就自然而然的出现了呢！

图十八：这一段的THWIP非常明显。然而因为他是一个非常俚语的词语，大家可能不认识而只觉得……碍眼？其实它在这里就是一个发射蜘蛛丝的拟声词啦！（以及注意两人肩膀处的不和谐线条，对的动态模糊又回来啦）

最后再带一笔其他被用上的小技巧。图十九给人一种非常亲切的感觉，究其原因是这种分割方式非常得漫画。如果你仔细看，还能看到每一个格子里都还有漫画印刷一样的“小墨点”。而Spider-Man Noir，也就是黑白尼古拉斯·凯奇，除了自带风之外也一直自带着这墨点（图二十）。就是这些小技巧，让整个画面看上去非常吸引人。

图十九：利用乱糟糟的蜘蛛丝来分割画面，这样的斜线风格其实是漫画构图中常用的招数

图二十：只有Noir一个人的话可能还不明显，但是在边上有对比的情况下就可以看出他和Peni和猪猪人一样也是自成一派的画风。除了黑白就是这个走到哪带到哪的墨点了。（如果看不清墨点的话请放大然后看帽子的高光处，在银幕上看其实还是挺明显的）

4 颜色运用

最后，本片颜色的运用也非常大胆。对徘徊者的设定进行了微调，将其代表性的紫色变成了荧光紫，并将他其他部分的颜色（一般是绿色）都简化成了黑色。这样一来整个角色设定都更加的契合本片，或者说Miles的世界的风格：极简、大色块、高对比（图二十一）。

图二十一：其实整个画面的色彩很简单，就是“撕破黑暗”的，未来色一般的荧光蓝和荧光紫。非常契合黑色为主体，配上亮红色的Miles版本蜘蛛侠服装了

这个世界中的有些镜头，让人不禁想到那象征着从古典艺术的枷锁中挣脱的新力量，波普艺术（Pop Art）。此处我们不多谈论波普艺术的内核：在艺术中使用流行（而不是精英）的文化的形象，来讽刺艺术的高雅和原创。我们只看表面。波普艺术中最著名的作品之一，《玛丽莲·梦露双联画》，就是安迪 · 沃霍尔把玛丽莲·梦露的细节给去处后，改用大色块，高对比，来表达出自己的艺术思想（此处无图，版权原因不敢放，请各位看官自行搜索，不用担心关键词放进去就出来了）。而蜘蛛侠的预告片中，有这么一组镜头：随着Miles的奔跑与发力，世界为之翻转，纽约的黑夜不在是黑夜中渗透着霓虹，而是与终于理解了自己的能力的少年一样，充满了明亮的颜色（图 二十二、二十三、二十四）。

图二十二：终于理解了自己的责任的Miles奔跑在车水马龙的纽约黑夜追逐着逃亡的***（手动打码）。他踩着步点，起跳飞跃过一辆车，又以另一辆车的侧箱作为跳板，一跃飞出了画面。配合着Miles发力以及身体的腾空，画面的颜色也随之翻转，让我们成功偷窥了少年的内心世界

图二十三：第一个亮色帧（其实略有不妥因为它其实比一帧长…）。截图后发现这一帧真的是极简了。大色块+寥寥数笔简单的线条。但是他却意外的可以长时间的盯着看。（如果是安迪 · 沃霍尔的作品的话他就会拿个六副这个画面一字排开，然而将背景的肉色逐一替换成亮黄色，亮红色，亮绿色……）

图二十四：第二个亮色帧（这个就很准确了，因为他真的是只有一帧的闪现…这也是为什么这一帧肉眼很难看清…）。一言以蔽之非常的夸张。用最简单的线条，成功展现出了少年内心的Spark（他老爹的原话：I see the spark in you its amazing.）。至于这个PONK我也无法完全解释，我现在是取它“寻找和识别物种的艺术”这一个释义，所以才把这一段解读为少年终于找到了自我，理解了自己的责任

简单的来说，这部电影之所以能给人带来耳目一新的感觉，这大胆的作画可以说功不可没。制作组运用了大色块、高对比的同时，导入了漫画独有的夸张的笔法和线条，通过使用那些“出格”的拟声词，并在细节上运用墨点底板、定格帧等技术，以给我们带来最好的观感体验。这也是为什么它深深的打动了影评家和观众的心，为什么会有人认为他是新时代动画电影，新时代超级英雄电影的标杆。