StopGame.ru

Трудности создания заставки к «Истории серии»

Added 2024-08-03 09:25:02 +0000 UTC

Если вы вдруг пропустили, то Иван Лоев в очередной раз погрузился в пучины ИСок, решив на этот раз подсветить серию Batman Arkham.

https://www.youtube.com/watch?v=lEjSvzAR6JU

Создание ИСки — процесс долгий, сложный и состоящий из нескольких этапов. И почему бы не рассказать об одном из них? Например про то, как создавалась заставка? Слово Павлу Кондратенко — нашему дизайнеру.

Первым делом, мы идём к автору, чтобы обсудить ТЗ, подобрать музыку и узнать, есть ли вообще какие-то соображения по поводу визуальной составляющей. Чаще всего представление если и есть, то оно едва ли будет хоть как-то биться с конечным результатом. Причины могу быть совершенно разные: от банальных затрат по времени до трудностей технической реализации.

Несколько концептов, которые не попали в финальный вариант.

Затем начинается этап активного ДУМАНЬЯ, в который включается: примерная раскадровка, подгонка музыки, первые наброски и новые раунды обсуждения с автором. Как только кажется, что что-то начинает срастаться и появляются конкретные идеи — переходим к практической части работы.

В зависимости от задачи я использую Blender или After Effects. Процесс работы выглядит примерно так: открываем 3D-пакет и переходим к поиску моделей и текстур для создания задуманных сцен. Тут нам на помощь приходят открытые библиотеки, такие как Sketchfab, Poly Haven, Blend Swap, мастерская Source Filmmaker и другие открытые источники с вытащенными игровыми ассетами.

Модельки бегущих бандитов были взяты из Arkham Knight.

В этот раз, чтобы успеть вовремя, мне помогал Тин, наш монтажёр, которого вы можете знать по КЕК-нарезкам и ряду других видеороликов. Мы поделили с ним сцены и работали параллельно, собирая найденный материал в кучу.

Дальше идёт самая трудоёмкая часть работы: расстановка света по сценам, настройка текстур и анимация камеры и остальных объектов. В общем — попытка сделать изображение атмосферным, чтобы всё выглядело цельно и не выбивалось из общей картины.

Трудности создания заставки к «Истории серии»

Анимация персонажей — это тоже крайне нетривиальная задача, потому и тут мы, чаще всего, используем сторонние ресурсы. В данном случае - Mixamo - открытая библиотека готовых движений, созданных с помощью технологии motion capture.

То есть, мы можем взять модель из игры, загрузить её в Mixamo, расставить кости и тут же применить к ней любую готовую анимацию. Выгружаем - закидываем в сцену - готово. К слову, таким же образом были сделаны анимации в заставках в ИС Saints Row.

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

Так как тут мы, наверное, первый раз попробовали сделать какую-то связанную историю в заставке, а не просто набор случайных сцен, порядок кадров был придуман следующий: окно с дождём и заявкой места действия - ноги - подворотня с бегущими бандитами - включение Бэт-сигнала - пэкшот* с Бэтменом.

Трудности создания заставки к «Истории серии»

*Пэкшот — это кадр заставки или ролика с логотипом. Чаще всего либо открывающий видео, либо закрывающий. Это первый вариант пэкшота.

Собственно, когда Женя посмотрел на то, что у нас получилось, он задал закономерный вопрос: «А чё челики просто так бегут? В начале нужен взрыв». Да, никакого взрыва, который видно сквозь окно, у нас сначала не было, но после замечания Жени всё наконец-то обрело смысл и сюжет заставки получил свою окончательную форму.

Взрыв, к слову, тоже был взят готовый из библиотеки JangaFX — это набор заранее созданных симуляций различных эффектов. Подобные симуляции обычно запакованы в vdb-файл.

Затем — рендер. Долгий и мучительный покадровый рендер. Помолимся, чтобы не вылезло никаких багов. 🙏🙏🙏

Ложимся спать, утром увидим результат и если всё прошло хорошо — переходим в After Effects, где занимаемся цветокором, типографикой и финальным причёсыванием:

Трудности создания заставки к «Истории серии»

Кстати, на этом шоте самые внимательные могут обнаружить косяк:

Пиццерия должна была называться Gotham Pizza, потому что Arkham — это лечебница для душевнобольных преступников, названная в честь матери её создателя - Элизабет Аркхем.

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

Было.

Стало.

Важная часть заставки — это звук. Чтобы накрутить киношности, я обратился к Ярославу Доможирову — его вы можете помнить по работе над «Одним днём StopGame». Без звука вся эпичность и кинематографичность заставки просто теряется, убедитесь сами:

Трудности создания заставки к «Истории серии»

Batman (громче гром, дождливей дождь, бэтменее бэтман).mp3

Даже когда у автора есть конкретная идея, чаще всего итоговый результат значительно отличается от первоначальной задумки. Делать заставки для истории серии — долго, дорого и сложно, поэтому я всегда стараюсь найти разумный компромисс между качеством и затраченным временем.

Всё, от чего я отталкивался в этот раз — это музыка, которую принёс Ваня Лоев и сказал, что было бы круто сделать заставку под этот трек. Забавно, что до этой самой музыки в итоге всё-таки докопался Ютуб, поэтому в финальной версии ролика её пришлось заменить.

Трудности создания заставки к «Истории серии»

Музыка в заставке должна была быть такой.

Да, заставки в «Историях серии» — это «всего-лишь» несколько десятков секунд футажей, но каждый раз мы стараемся делать их ещё эпичнее и наворачивать ещё больше кинематографичности. Процесс это непростой, поэтому мы решили поделиться с вами подробностями о том, как это всё создаётся.

Если есть вопросы, то задавайте их в комментариях, постараемся на всё ответить. А если было интересно, то тоже пишите в комменты, расскажем что-нибудь ещё из подобного внутряка.