DC FILM SCHOOL 徵求更多專業好文,ACTION!

了解詳情

DC Film School

SEARCH
美術 / 特效 / 色彩

《無敵破壞王2》創建絢麗網路世界,環境藝術與角色設計思考

DCFS編輯部

2018/12/18

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

——《無敵破壞王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

關於作者

這些你也會有興趣

瀏覽更多

社群討論

瀏覽更多