「這部電影是藝術與科技的結合。」

——《無敵破壞王2》環境藝術總監 Mathias Lechner

《無敵破壞王2：網路大暴走》由首集原班製作團隊創作，故事發生在前作六年之後，已成為好友的破壞王與雲妮露，透過Wi-Fi路徑，輾轉來到無遠弗屆的網路世界，展開全新冒險之旅，更藉此考驗彼此的信任與友誼。

片中，網際網路的世界繽紛絢麗，不禁令人嘖嘖稱奇，迪士尼動畫團隊費盡心思，融入各式彩蛋，試圖呈現前所未見的嶄新視野。文內將分享續集電影的發想靈感、網路之城的建構與規劃，以及用戶和網民的角色設計，一同沉浸於兼具科技與藝術的奇幻國度裡。

故事起源，一切源於對網際網路的想像 

「在這裡，我們談論的是整個世界。」

——《無敵破壞王2》動畫總監 Renato Dos Anjos

「網際網路是相當龐大的，你可以去很多地方，幾乎沒有限制。」動畫總監Renato Dos Anjos表示，續集電影的發想靈感，即源於開啟網路世界的背景設定。《無敵破壞王2》突破街機電玩店的框架，來到浩瀚無垠的網際網路，能為故事帶來更多可能性。

而作為首部嘗試將網路「實體化」的電影，除在電腦或手機螢幕上看見的內容外，其實沒有太多素材可以參考。因此，Renato Dos Anjos和他的團隊，費時一年多，探索各種不同風格的動畫，以及角色在新世界中移動的方式：像是有人上網時，該如何以動畫表達？

「當你瀏覽頁面、或移動滑鼠時，網路中的角色會做什麼？」Renato Dos Anjos說，他們研究了各式網站架構及設計，並以2D進行簡單測試，預測並描繪人物可能會採取的行動，藉此形塑網路世界觀的設定。

實地考察，以電信大樓為視覺概念

為掌握網路場景的外觀，製作團隊更特地至洛杉磯、美西網路流量最高的電信中心One Wilshire勘景，內有好幾萬戶的伺服器連結世界。導演Rich Moore表示：「整棟建築充滿了電線和機盒，這次研究之旅激發了我們對網路世界的看法。」

他形容，大樓共30層樓，每一層樓都沒有人，僅有伺服器的機盒：「就像是Siri住在那裡、Netflix也住在那......他們只是租空間，彷彿伺服器的公寓一樣。」最終，導演以此為基礎，試圖創造出更具吸引力、且人性化的「網路城市」。

環境藝術設計——將虛擬網絡建構為真實城市 

「他們去的每個網站都有自己的世界。」

——《無敵破壞王2》環境藝術總監 Mathias Lechner

環境藝術總監Mathias Lechner，負責電影的場景設定與美術風格，為創建片中的網路城市，他和團隊們參觀了迪士尼的私人寓所尋求靈感，更參照紐約、倫敦及上海等大城市的視覺外觀，以「網站越大、建築越大」為原則，著手進行設計。

Mathias Lechner主要以兩種方式創造網站建築：在大樓前設置品牌標誌；或直接使大樓成為該形狀，如片中的亞馬遜 (Amazon) 、Facebook即是如此。而Facebook更設計為一本書，表達人們在網頁上發文的行為；eBay則透過跳蚤市場的方式呈現，皆以淺顯易懂的設計概念，讓觀眾能迅速理解該品牌的特色。

他補充，每棟建築都有輕微顏色差異，使畫面看起來更繽紛、多彩：「我們無法真的建造10萬座建築物，因此必須做出變化，來豐富視覺感受。」 

結合科技元素，細緻場景間的創意巧思

「看到的鏡頭越多，越能意識到更多畫面細節。」Mathias Lechner提及，根據建築物的類型差異，所使用的建構元素也會不同，可能會由混凝土、金屬和玻璃等不同材料製成。其中，道路和人行道，更採用電路板的外型呈現，別具巧思。

網民的移動方式，則是以圍繞類比積體電路設計，表現電子穿過光纖電纜的概念，Mathias Lechner解釋：「汽車顯示為立方體，就像一個像素，所有網路用戶都在旅行。」除此之外，若用戶在自動扶梯上的移動速度較快，則表示他的網速更快。

無論場景多複雜，都必須由故事帶動視覺

如何吸引觀眾注意，又確保畫面不會失去焦點，為環境設計的一大考量。因此，設計團隊並沒有在所有地方設置細節，僅在配合故事需求時添加。環境視效總監Larry Wu說明，他們依「相機原理」設計場景，安排劇情需求之元素後，再微調畫面方便眼睛聚焦，建立主要鏡頭，觀眾才不會不知道該看哪裡。

人物造型考量——用戶、網民角色設計與細節變化 

負責角色視覺開發的Cory Loftis表示，網路世界由兩類人所組成：真實用戶和網路居民。用戶為每天瀏覽網站的使用者，以方頭圖像作為化身；網民則為他們使用的網站及服務，外觀皆不盡相同。

「用戶基本上都是我們，我們試圖讓自己成為遊戲的一份子。」Cory Loftis說明，他們以IOS系统圖示為用戶設計的最初靈感，簡化人物外觀，並提供多種髮型、服裝及配飾的選擇，彰顯個人特色。他笑說：「帶有米奇耳朵的頭像就是我們！」

網民則是以角色「保護者」為參考設計，身為首集電影中最接近網民的人物，他並不屬於任何遊戲角色，而是電源版。Cory Loftis：「他是讓世界井然有序的人，我們認為他最接近網民的型態，因此所有網民都是他的設計分支。」並於網民的皮膚下方添加金色電路，賦予數位化的視覺外觀。

追求潮流的時尚演算法：讚讚姐 (Yesss)

作為BuzzzTube網站的頭號演算法，讚讚姐的外型必須新穎且前衛，團隊深研時尚雜誌和網站，甚至參考了《Vogue》主編的照片、及庫伊拉的皮草大衣進行設計。Cory Loftis：「導演希望讚讚姐成為最新指標，她一直活在當下那一刻，不斷變化服裝和髮型。」她的大衣更由光纖組成，頭髮則有數據不停流過，極具未來科技之感。

腦力激盪！動員迪士尼全體共同創作

「我們很早就決定將實際網站和想像網站結合，觀眾就能依自身理解投入故事中。」導演Rich Moore描述，除現有網站外，他們也設置自己的網站，如以YouTube為藍本創建的影音平台BuzzzTube，試圖讓觀眾覺得這些場景既熟悉、又與自身習習相關。

BuzzzTube網站，由大型圓柱體所構成，裡頭佈滿為數眾多的影片，而這些影片，則為迪士尼動畫大樓內的所有同仁共同產出。技術主管Ernest Petti解釋：「我們邀請了整個建築藝術部門，協助設計所有影片。不只是那些參與電影的人，而是大樓中的每一個人。」最終，才得已完成如此幽默、逗趣的影像內容。

「無論是早期發想階段，還是製作編輯過程，

我們都喜歡逗彼此大笑，這是我們最喜歡的事情。」

——《無敵破壞王2》故事藝術家 Jason Hand

製作一部動畫電影，每個環節都很重要，需透過各個部門的溝通、協調及配合才能完成，團隊成員間彼此的激盪與砥礪，都是激發創意的必要途徑，或許這就是為何迪士尼電影如此有趣、且深受觀眾喜愛的原因。

《無敵破壞王2：網路大暴走》電影預告：

► 延伸閱讀：

DC 封面人物：3分鐘講堂——動畫導演趙大威
熔鑄墨西哥文化，《可可夜總會》以創意視覺重建亡靈世界
皮克斯動畫教學pipeline—全免費online課程推廣動畫教育

文字：劉家寧 ｜ 來源：insidethemagic, awn, megforit, ohmydisney ｜ 圖片來源：gamesradar, megforit, ohmydisney, soundbooks