StopGame.ru
boosty
Трудности создания заставки к «Истории серии»
🕑 Added 2024-08-03 09:25:02 +0000 UTCЕсли вы вдруг пропустили, то Иван Лоев в очередной раз погрузился в пучины ИСок, решив на этот раз подсветить серию Batman Arkham.
Создание ИСки — процесс долгий, сложный и состоящий из нескольких этапов. И почему бы не рассказать об одном из них? Например про то, как создавалась заставка? Слово Павлу Кондратенко — нашему дизайнеру.
Первым делом, мы идём к автору, чтобы обсудить ТЗ, подобрать музыку и узнать, есть ли вообще какие-то соображения по поводу визуальной составляющей. Чаще всего представление если и есть, то оно едва ли будет хоть как-то биться с конечным результатом. Причины могу быть совершенно разные: от банальных затрат по времени до трудностей технической реализации.
Затем начинается этап активного ДУМАНЬЯ, в который включается: примерная раскадровка, подгонка музыки, первые наброски и новые раунды обсуждения с автором. Как только кажется, что что-то начинает срастаться и появляются конкретные идеи — переходим к практической части работы.
В зависимости от задачи я использую Blender или After Effects. Процесс работы выглядит примерно так: открываем 3D-пакет и переходим к поиску моделей и текстур для создания задуманных сцен. Тут нам на помощь приходят открытые библиотеки, такие как Sketchfab, Poly Haven, Blend Swap, мастерская Source Filmmaker и другие открытые источники с вытащенными игровыми ассетами.
В этот раз, чтобы успеть вовремя, мне помогал Тин, наш монтажёр, которого вы можете знать по КЕК-нарезкам и ряду других видеороликов. Мы поделили с ним сцены и работали параллельно, собирая найденный материал в кучу.
Дальше идёт самая трудоёмкая часть работы: расстановка света по сценам, настройка текстур и анимация камеры и остальных объектов. В общем — попытка сделать изображение атмосферным, чтобы всё выглядело цельно и не выбивалось из общей картины.
Трудности создания заставки к «Истории серии»
Анимация персонажей — это тоже крайне нетривиальная задача, потому и тут мы, чаще всего, используем сторонние ресурсы. В данном случае - Mixamo - открытая библиотека готовых движений, созданных с помощью технологии motion capture.
То есть, мы можем взять модель из игры, загрузить её в Mixamo, расставить кости и тут же применить к ней любую готовую анимацию. Выгружаем - закидываем в сцену - готово. К слову, таким же образом были сделаны анимации в заставках в ИС Saints Row.
После сборки черновых сцен, загрузки анимации и первых тестовых рендеров глаз обычно замыливается, а времени до релиза остаётся не так уж и много. Поэтому на этом этапе я иду к моему другу и нашему дизайнеру Евгению Галузе, чтобы он посмотрел на то, что получилось свежим взглядом и дал какие-то советы по докрутке материала.
Так как тут мы, наверное, первый раз попробовали сделать какую-то связанную историю в заставке, а не просто набор случайных сцен, порядок кадров был придуман следующий: окно с дождём и заявкой места действия - ноги - подворотня с бегущими бандитами - включение Бэт-сигнала - пэкшот* с Бэтменом.
Трудности создания заставки к «Истории серии»
*Пэкшот — это кадр заставки или ролика с логотипом. Чаще всего либо открывающий видео, либо закрывающий. Это первый вариант пэкшота.Собственно, когда Женя посмотрел на то, что у нас получилось, он задал закономерный вопрос: «А чё челики просто так бегут? В начале нужен взрыв». Да, никакого взрыва, который видно сквозь окно, у нас сначала не было, но после замечания Жени всё наконец-то обрело смысл и сюжет заставки получил свою окончательную форму.
Взрыв, к слову, тоже был взят готовый из библиотеки JangaFX — это набор заранее созданных симуляций различных эффектов. Подобные симуляции обычно запакованы в vdb-файл.
Затем — рендер. Долгий и мучительный покадровый рендер. Помолимся, чтобы не вылезло никаких багов. 🙏🙏🙏
Ложимся спать, утром увидим результат и если всё прошло хорошо — переходим в After Effects, где занимаемся цветокором, типографикой и финальным причёсыванием:
Трудности создания заставки к «Истории серии»
Кстати, на этом шоте самые внимательные могут обнаружить косяк:
Как обычно это и бывает, заставка прошла несколько итераций. К примеру, в одной из первых версии на финальном пэкшоте Бэтмен стоял не так эпично, как должен был.
Важная часть заставки — это звук. Чтобы накрутить киношности, я обратился к Ярославу Доможирову — его вы можете помнить по работе над «Одним днём StopGame». Без звука вся эпичность и кинематографичность заставки просто теряется, убедитесь сами:
Трудности создания заставки к «Истории серии»
Batman (громче гром, дождливей дождь, бэтменее бэтман).mp3
Даже когда у автора есть конкретная идея, чаще всего итоговый результат значительно отличается от первоначальной задумки. Делать заставки для истории серии — долго, дорого и сложно, поэтому я всегда стараюсь найти разумный компромисс между качеством и затраченным временем.
Всё, от чего я отталкивался в этот раз — это музыка, которую принёс Ваня Лоев и сказал, что было бы круто сделать заставку под этот трек. Забавно, что до этой самой музыки в итоге всё-таки докопался Ютуб, поэтому в финальной версии ролика её пришлось заменить.
Трудности создания заставки к «Истории серии»
Музыка в заставке должна была быть такой.Да, заставки в «Историях серии» — это «всего-лишь» несколько десятков секунд футажей, но каждый раз мы стараемся делать их ещё эпичнее и наворачивать ещё больше кинематографичности. Процесс это непростой, поэтому мы решили поделиться с вами подробностями о том, как это всё создаётся.
Если есть вопросы, то задавайте их в комментариях, постараемся на всё ответить. А если было интересно, то тоже пишите в комменты, расскажем что-нибудь ещё из подобного внутряка.
Comments
Kain_40000
<div ><div><span class="text">Надо было вместо взрыва звуки стрельбы и крики, а то выглядит он так себе</span></div></div>
StopGame.ru
<div ><div><span class="text">Владимир Шулаев, на самом деле, сложностей не было особо. Я поставил источник как бы ветра в Блендере, а у плаща закрепил верхнюю часть, чтобы на неё влияния силы не было. После чего, разве что, пару раз двинул источник силы, чтобы чуть эффектнее плащ развевался.</span></div></div>
Владимир Шулаев
<div ><div><span class="text">Ну, идея заставки мне не очень зашла, но сделано круто всё равно!</span></div><div><span class="text">А были ли какие-то сложности с тканями? Там с плащом Бэтмена, он же двигается на ветру и классно, сложно было сделать такое?</span></div></div>
