Практика

Искусство интерфейса: инфографика для экранов в кино

Довольно часто в фантастических фильмах нам показывают футуристические компьютерные мониторы, загадочные голограммы и фантастическую инфографику. Кто и как создает эти изображения? Мы попытались выяснить!

  • 18 октября 2017
  • 4330
Надежда Маркалова

Зачастую компьютерные интерфейсы в кино создают специальные люди — моушн-дизайнеры. Поскольку работа в фильмах — проектная, студии привлекают фрилансеров или временно создают дочерние студии, которые расформируют после окончания проекта. Это тоже обычное дело. Например, студия Uncharted Territory, работавшая с Роландом Эммерихом, расформировывалась после каждого проекта и каждый раз создавалась вновь.

Информационные экраны к таким франшизам, как «Мстители», «Первый мститель», «Железный человек», «Стражи Галактики», а также фильмам «Форсаж 7», «Голодные игры: Сойка-пересмешница» и многим другим создавала компания Cantina Creative (совместно с другими студиями). Они занимаются в основном инфографикой и моушн-дизайном для кино и рекламы. На этих проектах в составе студии работали фрилансеры.
 

Как же проходит их работа?


Голограмма перчатки из фильма «Железный человек 3» / Фото: Marvel Studios
Голограмма перчатки из фильма «Железный человек 3» / Фото: Marvel Studios

Она начинается ближе к концу съемок. Сначала специалисты разбирают, что должны рассказать с помощью экранов в той или иной сцене. Ведь у зрителей не будет много времени, чтобы разобраться с инфографикой экрана и все понять, поэтому содержание монитора должно быть интуитивно понятным — и как можно быстрее.

С этой точки зрения особенно показательны голограммы шлема Железного человека, например. Мы не успеваем считать все данные, но прекрасно понимаем, что происходит: у него заканчивается заряд или запасы оружия, его костюм поврежден, он целится, и так далее — все это говорит нам инфографика голограмм.
 

Очень важно не превратить экран в скопление информации, а сделать какую-то ее часть невидимой, найти баланс между объемом данных и возможностями зрителя рассмотреть в этих кратких кадрах и мельтешении тонких линий главное.

Но и экраны/голограммы в фильме могут быть разные. А зачастую нужно мгновенно показать, кому принадлежит тот или иной экран. Например, в фильме «Мстители: Эра Альтрона» мы видели мониторы Халка и Тони Старка, а также голограмму Джарвиса. И все они неуловимо отличались по дизайну и цветовому решению. Это — тоже часть маркировки.

Например, в интерфейсах придуманных Тони Старком гаджетов преобладают желто-золотистые и серебристые тона, у Брюса Баннера, естественно, все зеленое. У доктора Чо много холодных голубых медицинских интерфейсов последнего поколения, в Крепости все было с острыми углами и без помпезности. Для создания этих интерфейсов применялись реальные сканы MRI и чертежи с добавлением в них фантастических элементов.
Зеленый интерфейс принадлежит Брюсу Беннеру (Халку) / Фото: Marvel Studios

Зеленый интерфейс принадлежит Брюсу Беннеру (Халку) / Фото: Marvel Studios

Желтый интерфейс — Тони Старку / Фото: Marvel Studios

Желтый интерфейс — Тони Старку / Фото: Marvel Studios

Фиолетовый медицинский — доктору Чо / Фото: Marvel Studios

Фиолетовый медицинский — доктору Чо / Фото: Marvel Studios

По ходу сюжета «Эры Альтрона» Тони Старк показывает Беннеру голографическую репрезентацию Джарвиса и структуру, управляющую скипетром Локи. После он заставляет Джарвиса разбираться в механизме скипетра, в результате чего рождается Альтрон. Все это нам понятно из того, что происходит с голограммами: слом и захват Джарвиса Альтроном, например, отлично показан с помощью моушн-дизайна!

Эти голограммы, а также графическую 3D-репрезентацию киберпространства делали в студии Animal Logic. Согласно концепции представления Альтрона в виртуальности, нужно было показать центральный процессор, который посылал бы информацию, заливающую разные области. Все должно двигаться и меняться. Джарвис — произведение Тони Старка, поэтому он золотистый. Когда Джарвис говорит, его виртуальное содержимое вибрирует в такт речи — почти как показатели эквалайзера звука. Когда он взволнован, его кольца двигаются странным, непостижимым образом.

Голограмма Альтрона была сложнее, чем Джарвис, поскольку это инопланетная биоинформационная технология. Внутри него были странные сферы в сеточку из «сосудов», которые то складывались, то расширялись, и меняли форму. В его составляющие также входила виртуальная плазма и электронный свет. Кадры с голограммами были сделаны в Maya и Houdini с применением процедурных эффектов, потом в них добавляли боке, абберации и другие погрешности.

Позже Альтрон начинает учиться и менять формы. Художники студии попытались изобразить графически, как огромная лавина знаний вливается в программу и «оседает» на ее сетке, ломая и изменяя ее, отращивая новые фрагменты. Убийство Джарвиса показано с помощью разрушения желтой голограммы. Иными словами это — целая история!
Голограммы от Fuel FX для «Железного человека 3» / Фото: Marvel Studios

Голограммы от Fuel FX для «Железного человека 3» / Фото: Marvel Studios

Голограммы от Fuel FX для «Железного человека 3» / Фото: Marvel Studios

Голограммы от Fuel FX для «Железного человека 3» / Фото: Marvel Studios

Голограммы от Fuel FX для «Железного человека 3» / Фото: Marvel Studios

Голограммы от Fuel FX для «Железного человека 3» / Фото: Marvel Studios

В «Железном человеке 3» была еще одна голограмма, которую персонаж Гая Пирса демонстрировал Пеппер Поттс.

Этим интерфейсом занимались Fuel FX.

«Задача была, сделать так, чтобы репрезентация не была мгновенно узнаваемой, — рассказывает продюсер компании Джейсон Бат, — нужна была более красивая и воздушная репрезентация мозга, поэтому мы отказались от традиционного изображения синапсов. Вместо этого мы поискали DTI-сканы мозга, и с помощью данных, предоставленных нам исследовательским университетом, создали базовую CG-волокон мозга. Внешняя поверхность мозга — это другая модель, со своим шейдером. Мы варьировали степень ее видимости».

Fuel FX также занимались и другой голограммой, которую Старк изучает после взрыва в кинотеатре. Для этой сцены студии пришлось воспроизвести и гараж Старка, потому что голограмма должна была взаимодействовать с предметами в нем.

Для фильма «Форсаж 7» студия Cantina Creative сделала множество мониторов для «Глаза бога». Но когда смотришь фильм, деталей на них почти не замечаешь.

«Это один из самых интересных проектов, над которыми мы работали, — говорит супервайзер студии Алан Карр. — Наша главная задача — создать контент, который поможет рассказать историю, но не отвлекает от нее. Тот факт, что зритель не отвлекся на экраны, означает, что информация была интегрирована в повествование правильно. „Глаз бога“ был неотъемлемой частью сюжета, и созданная для него инфографика помогла сделать его убедительным».
 

Инфографику к «Игре Эндера» тоже делали Cantina Creative. Художники студии часто работают в Illustrator и Photoshop, потом — в Maya, после чего используют Cinema 4D и After Effects.

Мониторы для «Игры Эндера» создавал Джейси Хэнсен, он же рисовал интерфейсы шлема Железного человека и интерфейсы хеликарриера.
Интерфейс шлема Железного человека. Дизайн Джейси Хэнсена /  Фото: Marvel Studios

Интерфейс шлема Железного человека. Дизайн Джейси Хэнсена / Фото: Marvel Studios

Интерфейс шлема Железного человека. Дизайн Джейси Хэнсена /  Фото: Marvel Studios

Интерфейс шлема Железного человека. Дизайн Джейси Хэнсена / Фото: Marvel Studios

Интерфейс шлема Железного человека. Дизайн Джейси Хэнсена /  Фото: Marvel Studios

Интерфейс шлема Железного человека. Дизайн Джейси Хэнсена / Фото: Marvel Studios

Интерфейс шлема Железного человека. Дизайн Джейси Хэнсена /  Фото: Marvel Studios

Интерфейс шлема Железного человека. Дизайн Джейси Хэнсена / Фото: Marvel Studios

Интерфейс шлема Железного человека. Дизайн Джейси Хэнсена /  Фото: Marvel Studios

Интерфейс шлема Железного человека. Дизайн Джейси Хэнсена / Фото: Marvel Studios

Интерфейс шлема Железного человека. Дизайн Джейси Хэнсена /  Фото: Marvel Studios

Интерфейс шлема Железного человека. Дизайн Джейси Хэнсена / Фото: Marvel Studios

Интерфейс шлема Железного человека. Дизайн Джейси Хэнсена /  Фото: Marvel Studios

Интерфейс шлема Железного человека. Дизайн Джейси Хэнсена / Фото: Marvel Studios

Интерфейс шлема Железного человека. Дизайн Джейси Хэнсена /  Фото: Marvel Studios

Интерфейс шлема Железного человека. Дизайн Джейси Хэнсена / Фото: Marvel Studios

«Чтобы сделать дизайн, мне надо понимать, как работают такие устройства, — говорит Хэнсен, — или хотя бы подобные. Поэтому я провел много времени, изучая симуляторы полетов, симуляторы космических челноков, общаясь с экспертами в этой области, и читал книги об инструментах управления самолетом. Но главный фидбэк я получил от пилота-истребителя: он рассказал мне, где он хочет видеть тот или иной элемент управления».

Кстати, интересно, что Роберт Дауни мл. отыграл свою роль «с пустым местом», а информационная графика потом следовала за его глазами или отзывалась на команды. Кроме того, на этапе постпродакшна пришлось переосветить лицо актера, чтобы создать на нем цветные всполохи от вставленных информационных панелей.
Варианты голограмм для управления костюмом Железного человека в полете / Фото: Marvel Studios

Варианты голограмм для управления костюмом Железного человека в полете / Фото: Marvel Studios

Варианты голограмм для управления костюмом Железного человека в полете /  Фото: Marvel Studios

Варианты голограмм для управления костюмом Железного человека в полете / Фото: Marvel Studios

Варианты голограмм для управления костюмом Железного человека в полете /  Фото: Marvel Studios

Варианты голограмм для управления костюмом Железного человека в полете / Фото: Marvel Studios

Варианты голограмм для управления костюмом Железного человека в полете /  Фото: Marvel Studios

Варианты голограмм для управления костюмом Железного человека в полете / Фото: Marvel Studios

Варианты голограмм для управления костюмом Железного человека в полете /  Фото: Marvel Studios

Варианты голограмм для управления костюмом Железного человека в полете / Фото: Marvel Studios

Варианты голограмм для управления костюмом Железного человека в полете /  Фото: Marvel Studios

Варианты голограмм для управления костюмом Железного человека в полете / Фото: Marvel Studios

Так что экраны для фантастических фильмов — это продут большой и глубокой работы. Только тогда они интуитивно понятны зрителю, который получает с их помощью информацию о сюжете, а в некоторых случаях — ключевую информацию (убийство Джарвиса Альтроном, например).
 

Обложка: кадр из фильма «Мстители» /  Marvel Studios


Комментарии

Комментариев: 1

И ни слова о Yanobox, с помощью которого все HUD и создавались ;(
http://www.yanobox.com/Nodes_Testimonials/

Смотрите также

Популярное
Обзоры

Не смотрел, но осуждаю: 5 фильмов, вызвавших скандал до выхода

Подзабытая было традиция подвергать травле авторов за произведения, с которыми еще никто не успел познакомиться, уверенно вернулась в поле отечественной культуры. Вспоминаем печальные эпизоды последних лет и размышляем, стоит ли судить о фильмах, которые не видел (спойлер: нет)

  • 11 ноября
  • 4892
Мнение

Что не так с «Богемской рапсодией» и почему это нельзя исправить

Фильм о группе Queen сразу начал войну между фанатами и критиками: одни восхищаются, другие ругают. Разбираем музыкальный байопик со всех сторон и пытаемся понять, как избавиться от неполадок «Богемской рапсодии»

  • 7 ноября
  • 3719
Обзоры

12 правил съемки кино на смартфон

Режиссер Борис Гуц и оператор Дарья Лихачева, снявшие на iPhone комедию «Фагот», сформулировали несколько советов, которые упростят вам жизнь, если вы тоже отважитесь взять в качестве камеры смартфон 

  • 9 ноября
  • 2976
Практика

Комбинация технологий в фильме «Человек на Луне»

Сегодня многие старые кинотехнологии возвращаются на новом уровне. Взять хотя бы «Человека на Луне» Дэмьена Шазелла: на съемках фильма пригодилось все, что скопилось в арсенале кинематографистов за последние 120 лет. Кроме хромакея

  • 5 ноября
  • 2051
Практика

Зачем хранить неудачно снятые кадры

Оператор Льюис МакГрегор объясняет, почему не надо удалять исходники отснятого материала, даже если кажется, что они не подходят для профессиональных работ

  • 10 ноября
  • 1915
Практика

Сведение под -23 LUFS

Вот уже четыре года закон о -23 LUFS действует на российском ТВ и различных платформах. Что же такого особенного в этих «люфсах» и как сводить звук по правилам?
 

  • 12 ноября
  • 1008
Мы используем cookie-файлы, чтобы собирать статистику, которая помогает нам делать сайт лучше. Хорошо Подробнее