Creative Dialogue

March 9, 2016 /비디오 /

영화 “마션” 속 테러토리 스튜디오의 크리에이티브 프로세스

2016년 2월 업데이트

어도비 크리에이티브 클라우드를 사용한 혁신적인 프로세스

모션, 디지털, 그래픽 디자인을 전문적으로 다루는 런던 소재의 테러토리 스튜디오(Territory)는 이전에 리들리 스콧(Ridley Scott) 감독과 영화 프로메테우스를 함께 작업한 인연으로 올해 아카데미 시각효과상 후보로 노미네이트 되었던 영화 마션의 스크린 그래픽 제작 의뢰를 받았습니다. 이 두 영화는 모두 우주를 배경으로 한 영화지만 마션의 스토리는 공상 과학이 아닌 실제 과학을 기반으로 전개되는 영화이기 때문에 크리에이티브 전문가들은 ‘진정성’에 가장 역점을 두고 작업했습니다.

크리에이티브 디렉터인 데이빗 셸든-힉스(David Sheldon-Hicks)와 AR 감독인 마티 로맨시스(Marti Romances)가 이끄는 테러토리 팀이 영화 대본을 분석하는 과정에서, 영화 속 대화와 특정 행동을 설명하는 장면에 대한 관객의 이해를 돕는 하나의 장치로 각 장면마다 스토리 중심의 모션 그래픽이 필요하다는 것을 깨달았습니다.

지금부터 마티가 크리에이티브 클라우드(Creative Cloud)와 애프터 이펙츠 CC(After Effects CC)를 사용하여 영화 속의 멋진 그래픽을 어떻게 만들었는지 비하인드 스토리를 소개합니다.

프로젝트 개요

마티: 주요 세트장으로 관제 센터, 헤르메스호, NASA 제트 추진 연구소(JPL), 화성상승선(M.A.V.), 화성 인공거주공간, 화성 탐사로봇, NASA 항공우주국, 패스파인더, 우주복 팔에 장착된 컴퓨터 및 직원들의 개인 랩탑 컴퓨터 프로젝트로 구성되었습니다.

각 세트장마다 수백 개의 화면이 등장하고, 대부분 애니메이션이 적용되었으며, 각 세트장을 구별하기 위해 시각 디자인 언어를 만들었습니다. 디자이너, 애니메이터 및 3D 아티스트들로 구성된 우리 팀은 이러한 세트장에 필요한 콘텐츠부터 만들기 시작했습니다.

어도비 크리에이티브 클라우드가 사용되지 않은 곳은 없었습니다. 일러스트레이터 CC(Illustrator CC), 포토샵 CC(Photoshop CC) 및 애프터 이펙츠 CC(After Effects CC)를 주로 사용하여 창의적인 아이디어를 생동감 있게 구현하고 작업 효율성을 높일 수 있었습니다.

MC-MASTER_cropped_sized

출처: 테러토리 스튜디오

문제 해결

마티: 우리의 가장 큰 당면 과제는 실제 과학, 멋진 디자인, 극적인 스토리텔링을 조화롭게 결합시킬 수 있는 방법을 찾는 것이었습니다. 복잡한 과학 정보를 관객이 이해하여 극의 반전을 즐길 수 있도록 그래픽을 통해 매우 명확하게 전달해야 했습니다. 동시에 신뢰할 수 있고 NASA에서 인정한 과학적인 정보를 표현해야 했습니다.

이 프로젝트를 위해 먼저 어도비 일러스트레이터 CC에서 모든 유저 인터페이스를 만든 다음 애프터 이펙츠 CC에서 모든 창과 위젯에 애니메이션을 적용했습니다. 많은 그래픽이 여러 종횡비로 재사용될 것이라는 것을 알고 있었기 때문에 품질을 그대로 유지하면서 그래픽을 만들 수 있는 기능(품질 훼손 없이 확대 또는 축소할 수 있는 기능)이 매우 중요했습니다.

또한 스토리 시점과 연계된 인터랙션이나 애니메이션이 많은 화면에 필요하다는 것도 알고 있었으므로 움직임을 염두에 두고 그래픽을 디자인했습니다. 디자인한 그래픽을 필요한 장면에 손쉽게 사용할 수 있도록 스토리를 위해 인터페이스 사용자 경험을 신중하게 ‘재설계’했습니다.

DZqKursnd2jQlyijtXdASA3Fyq1neqW1KTKBKNk-0Oo-edit_sized

출처: 20세기 폭스사

사실적인 관제 센터

마티: 관제 센터는 가장 큰 세트장으로, 18m x 6m 크기의 LED 모니터를 비롯해 100개의 스크린이 설치되어 있었습니다. 리들리 감독과 아서 감독은 관제 센터의 스크린(NASA 및 JPL)이 실제 관제 센터와 같이 보여야 한다고 강조했습니다.

영화의 주요 장면 중 하나가 관제 센터를 배경으로 진행되므로 실제 스크린 콘텐츠와 시각 디자인을 완벽하게 조합하는 것이 중요했습니다. 특정 상황에서 등장하는 스크린은 그 나름의 목적에 맞게 작업해야 했습니다. 또한 각 세트장에는 배우들이 반응하고 교류하는 사실적인 비디오 피드와 텔레메트리 데이터를 비롯한 많은 정보가 포함되어 있어 세트장의 고유한 특성을 부각시켜야 했습니다.

Martian_MC_SaveWhatney_film_sized

출처: 21세기 폭스사

시각 언어 제작

마티: 이러한 사실적인 요소를 표현하는 시각 언어를 만들기 위해 NASA가 현재 이용하고 있는 데이터 및 인터페이스 규범이나 데이터 우선순위 설정 방식 및 시기, 화면상 데이터 구성 및 표시 방식뿐만 아니라 관제 센터에서 직원들이 이러한 데이터를 사용하는 방법, 주어지는 명령 및 데이터 디스플레이의 변화를 조사했습니다. 또한 향후 20년 후의 NASA 모습에 대해서도 이야기를 나누었습니다.

그런 다음 실제로 다양한 스타일과 형식으로 화면에 표시되는 모든 데이터를 구현하는 방법을 시각화하기 시작했습니다. 정보 아키텍처 원칙을 인터페이스 디자인에 적용하고 데이터 우선순위와 사용자 경험에 대해 생각해 보았습니다. 실제로 NASA에서 사용하는 것과 동일한 UI 디자인을 만들고자 했습니다.

아서는 우리가 제시한 방법들 중 데이터 요구 사항 및 NASA의 현 관제 센터 정신과 부합하는 방법을 선택했고, 이를 바탕으로 20년 후의 모습을 형상화했습니다.

Martian_Sc284D7_NMC_MAV-R_02_MR_141113-copy_sized

출처: 테러토리 스튜디오

인터페이스의 전반적인 모양은 딱딱하고 무거워 보이지만 정보 구조는 스토리 시점과 연계되고 명확하게 판독 가능하도록 만들었습니다. 배경은 검은색과 짙은 파란색, 글꼴은 흰색, 표시기는 밝은 파란색이 사용되었습니다. 중요한 임무와 관련된 데이터를 강조 표시하고 경고 상태를 표시하기 위해 빨간색이 사용되었습니다.

수백 개의 애니메이션이 동시에 재생되는 장면이 많아 애프터 이펙츠가 사실적인 UI를 만드는 데 중요한 역할을 했습니다. 가장 뛰어난 점은 일러스트레이터에서 만든 모든 레이어를 애프터 이펙츠로 가져와 원하는 대로 애니메이션을 적용할 수 있다는 것입니다.

Martian_Sc153-154-155-160-165_NMC_IrisProbe-ALL_03_MR_141114-copy_sized

출처: 테러토리 스튜디오

오른쪽에 있는 2D 그래프는 일러스트레이터 패스를 애프터 이펙츠 패스로 변환한 다음 애프터 이펙츠에서 베지어 점에 애니메이션을 적용한 것입니다. “숫자” 효과는 관제 센터의 카운트다운이나 왼쪽에 나오는 남은 시간을 표시하는 타임코드를 재현할 때 매우 유용했습니다.

디자이너 애니메이터인 다니엘 홀룬트의 통찰력

홀룬트: 표현식 기능은 애프터 이펙츠에서 많은 애니메이션 컨트롤을 구성할 수 있는 탁월한 방법을 제공합니다. 우리는 경우에 따라 표현식 기능을 사용하여 숫자와 같은 특정 애니메이션과 여러 레이어 속성 간의 관계를 표현할 수 있었습니다. 여러 레이어 속성과 연결된 표현식 컨트롤을 사용한 장치를 만들어 특정 애니메이션 패턴과 느낌을 여러 화면에 일관성 있게 적용할 수 있었습니다. 간단한 표현식 기능을 사용하여 일반적인 애니메이션 요소를 신속하게 만들 수 있는 매우 효율적인 방식입니다.

또한 일러스트레이터와 애프터 이펙츠 간의 긴밀한 통합도 매우 유용합니다. 일러스트레이터에서 그래픽 요소를 디자인한 다음 애프터 이펙츠로 가져올 수 있고 일러스트레이터로 간편하게 돌아가 디자인을 조정하면 애프터 이펙츠에서 해당 요소가 실시간으로 업데이트됩니다. 일러스트레이터에서 레이어를 사용한 작업 시간이 단축되었는데, 이는 우리에게 매우 유용한 기능이 아닐 수 없습니다.

화면이 단지 그림으로만 존재하는 것이 아니라 스토리와 신뢰도 측면에서 ‘미션 크리티컬’하고 중요하다는 점은 엄청난 부담으로 다가왔지만 보람이 되기도 했습니다. 연출 팀이 화면을 프로그래밍하면 세트장은 실제와 같이 표현되었습니다. 배우들이 세트장에서 실시간 화면을 통해 연기하는 모습을 보았을 때가 제일 뿌듯했습니다.

 

저자: Michelle Gallina

 

비디오

Join the discussion