全是乾貨！從美術角度看《蜘蛛俠：平行宇宙》好在哪

文/陳思宇

在這個超級英雄電影井噴的年代，只要你能宣傳到位自然會有人來掏錢買票。輕輕鬆鬆得來的高票房保障讓人很難靜下來去好好做電影了，雖然要做一部好的超級英雄電影其實和做其他電影並無不同，不外乎劇情、畫面和音樂，但是這十年來，能把這三點全部做好的超級英雄電影，也只有《黑暗騎士》和《金剛狼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我也無法完全解釋，我現在是取它「尋找和識別物種的藝術」這一個釋義，所以才把這一段解讀為少年終於找到了自我，理解了自己的責任

簡單的來說，這部電影之所以能給人帶來耳目一新的感覺，這大膽的作畫可以說功不可沒。製作組運用了大色塊、高對比的同時，導入了漫畫獨有的誇張的筆法和線條，通過使用那些「出格」的擬聲詞，並在細節上運用墨點底板、定格幀等技術，以給我們帶來最好的觀感體驗。這也是為什麼它深深的打動了影評家和觀眾的心，為什麼會有人認為他是新時代動畫電影，新時代超級英雄電影的標杆。

喜歡這篇文章嗎？立刻分享出去讓更多人知道吧！