動畫正片裡根本講不完! 探尋《Re:CREATORS》的深奧之處

動畫《Re:CREATORS》的故事情節跌宕起伏。而這部作品中登場的大量LOGO、公司名稱、廣告物,皆是由以有馬智之為首的美術指導團隊負責制作。
從魔法陣的設計到鹿屋瑠偉搭乘的機器人·Gigasmachina的交互界面設計,他們的負責範圍非常廣。
在上期訪談中,我們深入瞭解了美術指導具體負責什麼,本期我們採訪了負責制作這次作品中登場的LOGO和魔法陣的平面設計師宮崎真一朗,請他來為我們介紹一下使用Illustrator的資源(Asset)的技巧等實踐部分的技術。
■經過深思熟慮的東西,即使只出現一瞬間也很有說服力
─請問作品中登場的LOGO是如何製作出來的呢?
宮崎真一朗(以下簡稱:宮崎):LOGO是整個設計團隊一起製作的,每一個的製作方法都不一樣。
有馬智之(以下簡稱:有馬):製作虛構LOGO要重視突出刻板印象,看過劇本和大概內容之後,整個團隊會一起思考:“如果有這種看板就必須有這些元素”之類的問題。
宮崎:要說具體做些什麼的話,就是比如我會在各個LOGO下面寫2、3行的補充說明。“這個公司的設定是這樣的,會進行這些活動”這種感覺。之後就是由各個設計師將想法落實出來。

▲各種虛構公司的LOGO。雖然現實中並不存在,可是看著總有種似曾相識的感覺?
─在劇本階段,沒有寫上例如“要出現○○的看板並有○○的LOGO~”之類的內容吧?
有馬:這就要靠自己的想像力了。如果是社交遊戲的廣告,首先要有“好評配信中!!”的標語,有應用商店的圖示、標明著作權,最後再加上“馬上搜尋○○!”,這些基本都要有。想像力就是用在這些地方。
─LOGO的創意是大家在頭腦風暴之類的討論會中提出來,再由各自的負責人落實出來嗎?
有馬:是的。每天晚上都用Skype談論“這個還差點什麼,要製作出這種樣子的”之類的話題。因為我覺得經過深思熟慮的東西,即使只出現一瞬間也很有說服力。
─製作LOGO的時候有沒有什麼特別注意的地方呢?
有馬:要突出刻板印象嘛,所以會注意如何能保證其同一性。
我認為只模仿外形毫無意義,雖然就算只改變一下外觀也能達成目標。只不過我確信《Re:CREATORS》再深入思考一下會比較好。
我覺得只要有助於創作者,讓每一個LOGO看起來都好像注入了一些想法會比較好。
宮崎:在開始造型之前一定會說這些。
─順便問一下,你們大概製作了多少個LOGO?
有馬:公司和服務平臺的LOGO大約有30個吧。如果包括圖示類,可能是這個數量的3-4倍。
─製作LOGO的時候,有什麼需要注意不要做得太過了的點麼? 就是類似於計算避免過於接近現實中存在的東西所需的距離感。
有馬:啊,我覺得名字不一樣就沒問題(笑)。不過其實我們製作出來的充其量也只是素材,最終決定距離感的都在動畫的畫面上。
我和青木導演也曾談過落實到排版再加上聲優的演技時看起來會是什麼樣子。
最後經導演判斷後決定畫面時,再考慮是出現大量LOGO比較好,還是只展示一些精華比較好。或是用在突出真實與寫實的鏡頭中。
我的想法是在用這種方式的時候要避免變得太假。
─第11話裡,水篠颯太在車站等候島崎的鏡頭,是個真實感非常密集的鏡頭呢。

▲虛構活動“haconiwa大會議”的宣傳冊圖。不僅只有一小部分,還有非常詳細的設定在其中。
宮崎:那個鏡頭信息量很大。
有馬:活動贊助商有重工業、航空宇宙團體、出版社,還有某些黨派呢(笑)。要說這些是為了看起來熱鬧一些也確實如此,不過當時要把資源配置在這些地方的判斷非常明確。
■ 魔法陣的製作方針由角色性質決定
─宮崎是負責設計作品中的魔法陣吧。你是怎麼製作魔法陣的呢?Illustrator? 還是Photoshop?
宮崎:主要是用Illustrator的筆刷製作。資源管理起來比較方便,也不依賴於解析度。

▲軍裝的公主・阿勒泰爾的魔法陣

▲放大圖
─好厲害啊……。這個裝飾線是素材集裡面的嗎?
宮崎:有一部分用的是素材集,但是直接這麼用感覺無法製作出自己想要的圖形,所以我只從中截取出了一部分,自己調整後使用。剩下的主要都是我自己原創的素材。
─需要製作這種魔法陣的時候,你們是以什麼方針去製作呢?
宮崎:要製作○○角色的魔法陣時,首先要思考這個角色有著怎樣的精神支柱。
宮崎:是的。我們以很正統的感覺製作了米特奧拉的魔法陣。

▲米特奧拉的魔法陣
有馬:這個魔法陣本體周圍的小陣在需要拿出真本事的時候,會啪啪啪地全冒出來噢。
宮崎:就像感應炮(Funnel)一樣(笑)。
─是在表現能量正在提升啊,好喜歡。
宮崎:從這個設想延伸開來,我想說一說關於阿勒泰爾的魔法陣。她的魔法陣有特殊的出身。她是原本存在的角色經過二次創作後誕生的角色,也就是有非特定的多個創作者不斷給她的人物像添加註腳。
因此我覺得混亂的外表比整齊的外表更合適她。在性格和服裝設計裡也加入了銳利的印象。但是無論是二次創作還是三次創作,一些作為角色特徵的基本部分不會改變。
這體現在了中心加入了阿勒泰爾的原出處·社交遊戲《悠久大戰巨大天體》的要素。

▲悠久大戰巨大天體的LOGO
─是中心有巨大天體,周圍零零碎碎地充斥著各種設定的設計啊。
宮崎:是的。然後逐步加入各種意義,最終就形成了魔法陣。
有馬:阿勒泰爾的的魔法陣是通過反復複製其中的一部分來擴大的,結構像年輪一樣。然後……,關於這方面還有這種素材。

▲乍一看很像魔法系的字體……?
─這個文字是以環裝繪製在魔法陣周圍的吧。感覺很像魔導書裡會出現的字。
有馬:這個文字其實是為了魔法陣而新製作的字體檔。
─真,真的嗎……! 雖然在魔法陣中加入文字很常見,但是從零開始新創一個字體還真是……。
有馬:字體名稱是“Dark·Magic·Circle·Regular”(笑)。
宮崎:作品裡的世界中的角色與現實中的人生存的世界不同,使用的語言體系也不同,因此我覺得新創一個語言會比較好。還有就是單純覺得這樣的文字列排在一起,作為魔法陣的形狀也非常有說服力。
─確實很有魔法陣的感覺。不過使用現有字體總是會有種既視感,神秘的未知感會變得很淡,這也是創作者的一大煩惱……。
有馬:設計師的強項,就是能用簡單的素材製作出這些來。因為我們平時經常製作這類資源。與日語相比,英文字製作起來還算簡單的呢。
■實際製作魔法陣!
─製作魔法陣的過程是怎樣的呢?
宮崎:首先製作大量資源(Asset)並存入筆刷面板。之後將筆刷應用到圓形畫布上,就能畫出圖形了。再修改線條幅度令外觀產生變化,或再次修改複製的線條寬度並用路徑尋找器(Pathfinder)裁剪。

▲魔法陣的資源
─製作資源的創意和圖案是怎麼來的呢?
宮崎:資源的圖案只能經過反復的嘗試和失敗後才能製作出來。比如製作最左邊像爪子一樣的圖案會怎樣,只有實際嘗試之後才能知道。反復筆刷化和調整各個部分,尋找更便於使用的線條。
然後,加入斜線就很難變得整齊了啊,加入分隔號就會變成等間隔的放射狀啊之類的就能看出來了,之後就是在此基礎之上反復試驗。
─米特奧拉的魔法陣又是如何製作的呢?
宮崎:製作米特奧拉的魔法陣的時候,我們認真翻閱了古籍,決定採用具有正統感的造型。古籍裡傳統的魔法陣多種多樣,有魔法圓、儀式圓,還有咒語、風水等,最能感受到正統感的魔法陣是以上所有元素混合在一起,因此便形成了如今這個複雜的樣式。
雖然信息量很大,但是只要基本結構做扎實了,之後的裝飾按自己的解釋來就可以了。用圓形、三角、放射線之類的圖形組合在一起的結構,再在之間逐步添加細節。

▲放大後的米特奧拉的魔法陣
─這麼放大一看,製作的真是相當細緻啊……。感覺劇中看不到這麼細節的部分。
宮崎:因為劇中加了光效嘛。影像裡的輪廓也不會這麼清晰。
─順便問一下,你都是從哪裡吸收和學習這種魔法陣的設計的呢?
宮崎:我最開始也是什麼都不懂,只能自己摸索。我是在Pinterest、Tumblr之類的地方搜尋特定的詞,仔細分析如何才能令圖案看起來像魔法陣。再思考角色在造型上需要什麼元素並組合在一起,之後就是在空隙裡添加細節了。
■說不盡的隱藏設定!
─你們還製作了Gigasmachina的交互界面吧。感覺是個相當先進的設計,你們接的這個設計工作有什麼樣的要求呢?
有馬:那個350度的駕駛艙在Blu-ray/DVD第1卷裡公開了一點設定圖。我和TROYCA討論的時候,TROYCA說想要人在整個天球螢幕的裡面,然後四周分佈著視窗的狀態。

▲Gigasmachina的駕駛艙設計
有馬:最開始關於視窗有很多指示。比如“按這個按鈕可以自動駕駛”之類的詳細指示。之後還加入了我自己的創意,比如取消自動駕駛時可以直接握住或滑動,不需要其他操作這種類似故障安全原則的精華部分。
─在這些細節部分用心確實能令作品更貼近現實呢。視窗貼緊手部還可以隨之移動的這一點,也令人眼前一亮。
有馬:那個也是我自由發揮的,設計概念是緊貼手部的交互界面,還可以將其鎖定在固定座標處。我還找了辦公室裡和鹿屋體型相似的女孩來幫助我調整了尺寸。

▲把手放在上面的樣子
─哦哦,很有那種感覺啊。
有馬:還製作了其他類似的東西。

▲看著像操控機器人的窗口……。
─反應限制器?
有馬:本來機器人只能在人類的可移動範圍內活動,使用這個就可以超越界限。不過這種情況下鹿屋的肌肉會非常痛(笑)。
─原來如此,順便問一下……這個在作品中會出現嗎?
有馬:沒有沒有,是我的妄想(笑)。

▲Gigasmachina的交互界面圖
有馬:機器人大多時候都是顯示“動力”、“反應”、“操控”這3個交互介面和畫面,這三個介面分別是不同的顏色。這是我與負責《Re:CREATORS》的網站開發的同事討論時,將文字原稿設計完畢後準備出來的機體式樣。
例如處理圖像時,可以設置曝光處理和上下限,因為用了高幀數拍攝所以或許可以進行特定範圍的慢鏡頭處理之類的。
─這些隱藏設定好厲害啊……。說到交互介面,還製作了作品中類似網站頁面的東西吧?
有馬:這個吧。

▲作品中登場的Twitter型服務平臺 “songbird”
有馬:這部分我們製作的很直接。設想是松原用的電腦,裡面有名為“Cerone”的網頁流覽器,使用的是類似Windows的主要作業系統“Screen”。雖然他和颯太用的是相同的作業系統,但是因為他是作家,所以功能表列裡的程式不同。
─真是相當用心了啊……。
有馬:這個鏡頭是被創造物通過提升認可力而獲得力量的重要部分,非常緊迫呢。不過這個比原版的平臺少了很多元素。也沒有廣告。
■包裝上也下了工夫
─我聽說宮崎你不僅參與了動畫正片製作,也參與制作了Blu-ray等的包裝,請問具體都做了些什麼呢?
宮崎:原作者廣江禮威讓我提出各卷的角色構圖的方案。整個流程是先用3DCG組成角色的站姿、位置,並加上情況說明等補充內容,然後以構圖為基礎畫出封面圖。
─包裝上最下工夫的地方是哪裡呢?
有馬:劇中出現的Anitype真的有售。
─Blu-ray/DVD第1卷的封底是Anitype封面呢,我在官方網站上看到了。真的很像雜誌。
有馬:那是個40頁的小冊子,不過我是想把它製作成雜誌級別的。裡面還收錄了劇中作的美術圖、魔法陣等內容,賽蕾嘉·尤比緹利亞的原作《精靈機想曲弗格爾騎士》的輕小說,從中大家會發現原來連劇中沒出現過的內封面圖、腰封折起來的部分等地方也都精心製作出來了。
宮崎:還有網頁上的包裝類的圖片其實不是照片,是CG。
─啊?不是照片!?
宮崎:像這樣,連託盤都用CG製作出來。不用照片用CG的話,今後無論出到多少卷,網站上刊載的圖片連1個圖元的誤差都不會出現,照明等方面也比較容易控制。

─看得出來,你們不僅在包裝本身上下工夫,連展示的方式也如此用心。
宮崎:這類資訊一般都是通過縮略圖來判斷,但是我們希望能讓大家也知道裡面的樣子,因此做出了這些努力。還有就是希望能以漂亮的狀態展示給大家。
有馬:我們這麼做的目的就是希望圖片並非色調自然的照片,這樣等實際收到的時候會發現和圖上的一模一樣。我覺得這樣會更好一些。
─能想像出收到時是什麼樣子真是太好了。今天非常感謝二位接受我們的採訪!