Повторил заставку «Что было дальше?» за 24 часа
Я продолжаю рассказывать о своих проектах, и в этот раз, решил повторить заставку одного из популярных youtube-шоу «Что было дальше?». Я нейтрально отношусь к нему и смотрю не часто, но мне стало жутко интересно посмотреть на его заставку глазами дизайнера. Получилось ли у меня хоть что-то, об этом вы узнаете ближе к концу статьи. Если вам интересен формат видео, ссылку на ролик, я, как всегда, оставлю под текстом.
Ещё во времена СССР специалисты центральных телеканалов, никто тогда не называл их моушн-дизайнерами и 3D моделлерами, разрабатывали по-настоящему интересные заставки. Для меня остаётся загадкой как они, имея такие ограничения могли делать что-то подобное.
Телевидение развивалось, а вместе с ним и качество заставок, многие из которых до сих пор вызывают у взрослых людей неконтролируемый приступ приятной ностальгии. Я никогда раньше не задумывался каким образом создавались все эти видео, но их авторам точно удавалось передать всю суть программы за несколько секунд.
Вместе с развитием тв, развивался и софт для создания и обработки графики. Можно смело сказать, что сейчас возможности ограничены лишь фантазией авторов.
Всё больше создателей программ приходит в интернет, и в конце концов наступает эра youtube шоу. Одно из самых популярных современных шоу, каждый выпуск которого попадает в тренды — «Что было дальше?». Кто-то считает это шоу чересчур агрессивным, кто-то фанатеет от него, но а мне однажды просто стало интересно насколько сложно создать такую заставку.
Забегая вперёд скажу, что это видео стало для меня одним из самых сложных и трудоёмких, из тех, которые я когда-либо пытался создавать. Наверное это было бы не так сложно, если бы я делал всё с нуля и не опирался на конкретное видео и конкретные футажи. С первого взгляда на заставку можно и не заметить сколько графики на самом деле используется в ней.
Я подумал, поставлю себе цель в 24 часа и спокойненько повторю всё то же самое в After Effects. Но после того как я скачал заставку и пролистал по кадрам, был немного в шоке. Да, я догадывался, что в заставке используется много графики, но чтобы настолько много.
Так как я уже решил, что на всё про всё у меня есть 24 часа, отступать было некуда. Я отвлекался на еду и сон, поэтому, как обычно, не учитывал это время в своём челлендже.
У меня 24 часа, заставка с тонной графики и сомнения в том, что я вообще что-то успею за это время. Увидеть то, что получилось в итоге, вы, как всегда, сможете в конце видео. Погнали. Чтобы добавить разнообразия в видео, я решил использовать старые фотографии ведущих, на которых они местами совсем непохожи на самих себя нынешних.
Кроме того, заставка шоу менялась, когда из него уходили ведущие, а вместо них приходили другие. Дизайнер не просто менял фото и видео отрывки, а добавлял новую графику, которая связана с каждым из них.
Нужно сказать, что я действительно считаю эту заставку произведением искусства. Будем надеяться, что она создавалась просто очень творческим человеком.
Если вы когда-нибудь видели заставку, вы могли заметить самурая из Аниме в первых кадрах, портрет которого висит позади ведущих в студии. Это видео — отрывок из Аниме с рейтингом R+ под названием Манускрипт ниндзя 1993 года. Я добавил оригинальную заставку в проект и начал разбираться с первой сценой.
В этот раз я использовал старую добрую маску и вырезал фото по контуру. Кстати, маска, чуть ли ни самый популярный инструмент в After Effects.
Мне хотелось, чтобы видео было максимально похоже на оригинал, но в то же время я понимал, что не смогу найти точно такие же футажи, которые дизайнер использовал в своём видео, поэтому я старался искать что-то похожее, и не копировал заставку один в один. Что удивительно, в каких-то кадрах мне всё-таки удалось найти футажи из оригинала.
Создавать одну и ту же графику в After Effects можно огромным количеством способов. Но я считаю, что если есть задача сделать что-то конкретное, то неважно как это было сделано, главное, чтобы дизайнер умел это делать и итоговый вариант ему подошёл.
Я не использовал плагины, с помощью которых многие вещи можно сделать в два клика. Только в одном месте, когда мне нужно было клонировать картинки.
Мне почти сразу удалось подобрать похожий шрифт для плашек с именами и названием программы, но так как у этого шрифта не было курсива, я просто наклонил его с помощью Transform.
Во всей заставке часто используется Wave эффект. Судя по названию можно понять, что он создаёт волну из объекта.
Вообще самый действенный способ в том, чтобы посмотреть на кадр и искать первое, что придёт в голову. Например, здесь я увидел фото пустынной земли, на которой нарисована цифра один. Думаю, что прямо сейчас где-то посмеивается автор оригинального видео.
Для следующего кадра я с помощью маски вырезал ведущего, указав ключевые кадры для её перемещения и добавил мой любимый Wave эффект. Можно было использовать ротоскоп о котором расскажу чуть позже, но я пробовал несколько вариантов.
Вы можете заметить, что почти в каждом кадре обычные объекты выглядят как 3D, и двигаются взад вперёд. Как будто камеру слегка потряхивает. Первое, что мне пришло в голову, создать камеру и сделать настоящие 3D объекты, которые бы эта камера облетала.
Но попробовав сделать так, я полез искать другие способы, так как не получалось сделать похоже на оригинал. И я нашёл вариант, где используется эффект Displacement Map. Для изображения создаётся что-то вроде карты, на которой тёмные части находятся ближе к зрителю, а светлые дальше от него и After Effects искажает изображение на основе этой карты. Получается такое псевдо-3D.
В некоторых кадрах используется что-то вроде эффекта комикса, но только с чёрным и зелёным цветом. Думаю, что есть плагин, который за пару кликов делает что-то подобное, но я обещал себе не использовать сторонние плагины, поэтому пришлось выкручиваться по-своему. Я гуглил совершенно безумные вопросы в стиле: оставить два цвета чёрный и зелёный или как создать чёрный и зелёный фильтр. На самом деле здесь хороши любые способы.
В итоге я нашёл похожий эффект, который называется Duatone. Если совсем просто — это изображение, в котором используется только два контрастных цвета. В нашем случае чёрный и зелёный. Готового эффекта Duatone нет в After Effects, поэтому я добавил сразу пачку других эффектов на слой, и несколько раз после этого добавлял или удалял эффекты, чтобы картинка стала похожа на оригинал.
Ох, я сделал всего пару сцен, а прошло уже почти пять часов. Надеюсь, что дальше всё пойдёт быстрее.
Для этого же кадра я нашёл картинку сатаны, который напомнил монстра в оригинальном видео и конечно же добавил Wave эффект.
Я взял уже созданную графику из первого кадра и добавил отрывок из видео, предварительно вырезав его, плюс несколько клонов, чтобы всё выглядело ещё более безумно. А на заднем плане возвысился небоскрёб на фоне ночного неба.
Для каких-то кадров я скачал готовые футажи на зелёном фоне. Они отлично встраиваются в видео, достаточно вырезать зелёный фон с помощью кеинга, который используют повсеместно.
Помню, как в статье, в которой я писал про создание рекламы яндекс за 24 часа, я удивлялся, что моделька автобуса появляется всего на несколько секунд.
Так вот в этот раз некоторые объекты появляются на две или даже на одну секунду в кадре. Если смотреть всё видео целиком, то многие из них не будут заметны с первого раза вообще. Вот теперь сижу и думаю, чему я так удивлялся раньше.
В этом кадре можно заметить, что поверх фотографий наложен узор и если присмотреться, это кусочки пиццы, которые отламываются спустя пару кадров. Я скачал подходящий рисунок пиццы в png с прозрачным фоном и добавил его на сцену.
Дело в том, что стандартными средствами After Effects можно клонировать только шейп нарисованный в программе, то есть многоугольник или круг. Можно также использовать частицы, каждую из которых заменить на картинку, но в этом случае нельзя будет контролировать их расположение, так как мне нужно. Поэтому именно в этом месте и один раз за весь проект я использовал сторонний плагин Trapcode Form. Ещё немного повозившись с его настройками я получил подходящую картинку.
Потом я добавил несколько эффектов при появлении и создал карту для псевдо-3D. Посмотрите, как круто выглядит карта. Можно было всё оставить и так.
Здесь используется ещё один интересный эффект. А именно эффект лупы или эффект стекла. На самом деле он создаётся очень просто. Нужно добавить слой, накинуть на него трансформ, слегка увеличить скейл и двигать по сцене в разные стороны.
Я продвинулся на 5 секунд и прошло уже почти 9 часов.
Следующий кадр по эффектам похож на созданный раньше, но содержит в себе не меньше новой графики. Я подобрал нужный кадр из старого видео, и на этот раз вырезал его с помощью ротоскопинга.
Если вы никогда не слышали о ротоскопинге — это технология, которая изначально использовалась для создания мультфильмов. Анимацию получали путём покадровой обрисовки отснятого фильма с живыми актёрами.
Сейчас ротоскопинг используется для создания масок и вырезания объектов на монтаже.
Достаточно обвести первый кадр и алгоритмы программы дорисуют выделение для всех последующих. Если бы это работало так просто и эффективно, программы для монтажа и эффектов стоили бы гораздо больше.
Я обвёл первый кадр из видео, а остальные всё-таки пришлось править вручную. Осталось накинуть эффект Duatone из предыдущих частей, а надпись с именем я уже добавил раньше.
Следующая сцена продолжает предыдущую, но в ней появляется большое количество взрывов и вообще уровень безумства возрастает с каждым новым кадром, который я разбираю.
В видео достаточно много эффекта глитч. Это эффект засвеченного изображения, помех и других искажений. Скорее всего создатель оригинального видео делал этот эффект с помощью футажей или плагинов.
Сначала я думал сделать также. Но я просто не смог бы найти точно такие же глитчи, которые использовались в видео. Поэтому, чтобы сделать моё видео как можно более похожим на оригинал, я рисовал помехи, засвеченное изображение и другие эффекты руками. Может быть это и безумная идея, но как я уже говорил, для хорошего результата подойдут любые способы.
Я подобрал фон, скачал несколько футажей со взрывами. И не забыл одну из важных деталей композиции. Кусочек жареной курицы. Глитч, волны, взрывы, искажения изображений. Если бы не оригинал, я бы просто накидал всего побольше.
Добавляю кота с огнём и сцена готова.
На самом деле в какой-то момент я перестал задумываться над тем, что происходит в сцене и просто продолжил повторять то, что вижу.
Здесь я добавил x-ray лучи из глаз, фон с психоделическими цветами, размножил силуэт ведущего и подобрал анимацию с геометрическими фигурами, примерно похожую на оригинал. Осталось добавить Мишку по центру кадра. Так как фотография получилась милее некуда, то и Мишку я выбирал соответствующего.
В следующей сцене снова большое количество объектов. Добавляю гифки и рисунки по бокам, вырезав их маской, а в нижней части снова клоны из видео отрывка, которых я вырезал с помощью ротоскопа.
Спустя какое-то время эффекты местами начали повторяться, поэтому работать стало чуть легче.
Следующая сцена снова с эффектом Duatone и клонированием. В оригинальном видео на заднем плане можно заметить гифку с ребёнком. Лучший вариант для поиска Baby fail gif.
Прошло 13 часов. И я сделал чуть меньше половины. Думаю, что пора снова ускоряться.
Из всех сцена эта мне понравилась больше всего. Ведь здесь используется настоящее и моё любимое 3D. За основу здесь взято видео, но я вырезал силуэт из фотографии и анимировал для него голову и руку. Я выбрал узор для фона, который мне понравился и скачал осьминога. А потолстевшего человека паука нашёл точно такого же, как в оригинале. Основа сцены готова. Теперь к 3D.
Я создал камеру и выставил для слоёв галочку 3D, а потом клонировал основу и развернул под нужным углом. Осталось добавить руки, летающие по кадру и исказить их с помощью эффекта волны.
Следующая сцена оказалась совсем простой. Я скачал похожую по ракурсу фотографию, мультяшную руку, слегка добавил эмоций, а фоном поставил разноцветные полосы.
Я сделал ровно половину видео и прошло уже чуть больше 15 часов. Не знаю почему, но работа пошла чуть быстрее.
И снова клоны. Здесь дизайнер намерено оставил рваные края у фото. Вообще можно было списать всё на стиль видео и сделать такие у всех фото, чтобы не вырезать каждое из них точно по контуру.
Особо внимательные зрители заметят ноги в правом верхнем углу. Это как раз те самые секундные появления футажей.
Для этой сцены я также вырезал силуэт из видео и нашёл рисунок рептилии, чтобы заменить ведущему рот и глаза. Для надписи на заднем фоне я скачал граффити шрифт и подобрал нужный цвет. А фоном добавил обложку блокнота из 90-х. После клонирования и перемещения нескольких объектов сцена готова.
В этом кадре странный ломаный фон. Я подумал, что его можно сделать, взяв за основу кирпичную стену, применив к ней эффект мозайки, Displacement map и волну. После небольших манипуляций получилось то, что нужно.
Я добавил небольшую пасхалочку в виде названия моего канала. Его будет достаточно сложно рассмотреть в итоговом видео, но мне всё равно будет приятно. Затем добавил ещё несколько искаженных изображений и на этом со сценой всё.
Я совсем близко к последним сценам видео. В первой части две фотографии и псевдо-3D. А следующая уже интереснее. Зацикленный кусочек из видео, а на заднем плане кадры из игры Donkey Kong. Я взял точно такие же кадры из игры и нарезал несколько масок. А для всей сцены добавил эффект Duatone.
Прошло почти 19 часов с того времени, как я начал свой безумный челлендж. И кажется я всё ещё смогу успеть долделать видео в срок.
Для следующей сцены я нашёл кадры с обрушением здания, вырезал силуэт, добавил эффект мозаики и человечка из компьютерной игры, который кидает файербол.
Какое-то время я потратил пытаясь найти подходящий глитч, несколько раз пересматривая видео, но в итоге всё также создал эффекты вручную. Я добавил стёкла с эффектом Transform, как в предыдущих сценах, а с помощью масок нарезал несколько слоёв с видео. Мне показалось, что это была самая наполненная эффектами сцена.
Ура! Настало время последней сцены. 21 час позади и я вышел на финишную прямую.
Ох, я думал, что всё будет проще. В этой сцене все участники в одном месте, клонированные несколько раз на безумных разноцветных фонах. Мне пришлось пересмотреть эти кадры десяток раз, прежде чем начать собирать сцену. Я начал с фона, а потом добавил уже вырезанные раньше фото и видео. Буквально по кадрам я перемещал футажи, пытаясь угадать их правильное расположение, а потом ещё какое-то время потратил, для изменения размеров и цветокорекции.
В этой же сцене появляются надписи с названием шоу, которые я расположил между слоями.
Самый последний штрих цветокоррекция всего видео.
Я не верю в это, но кажется я закончил и успел вовремя, потратив 23 с небольшим часа.
Уже сейчас я готов показать то, что получилось.
Это, как всегда, было трудно и на самом деле я не знал многих приёмов монтажа перед тем, как стал разбирать видео, но благодаря этому я прокачал свои навыки в моушн-дизайне ещё больше.
Думаю, что получилось достаточно похоже на оригинальное видео.
Казалось бы, что из такого количество совершенно разных футажей, видео и эффектов сложно собрать что-то красивое и стильное, но как вы смогли увидеть — это возможно.
Не бойтесь ставить себе невыполнимые на первый взгляд задачи, ведь именно в их решении и заключается прогресс.
Пишите комментарии, если эта статья и видео были вам интересны. И до встречи.
Arcane от Netflix — первая веха новой эпохи анимации, но пока что не шедевр
До вас наверняка уже докатились восторженные отзывы на новый мультсериал Netflix «Аркейн» (Arcane), основанный на игре League of Legends. Критики очень высоко оценили первые три серии, да и мы тоже были приятно удивлены. Вполне возможно, что «Аркейн» станет первой крупной вехой новой эпохи анимации, но всё-таки что-то не даёт нам смело назвать его шедевром.
Что такое «Аркейн»
Более шести лет назад начинающий стриминговый гигант Netflix заключил сделку с игровой студией Riot Games и анимационной студией Fortiche, которая делала анимированные синематики, например, к релизу новых чемпионов в League of Legends (LoL). Они договорились на девять серий по 40 минут — грубо говоря, три связанных полнометражных мультфильма. По схожей нехитрой схеме выходил проект Netflix «Улица страха», который состоял из трёх полнометражных фильмов, релиз которых растянули также на три недели.
League of Legends — самая популярная игра в жанре MOBA, DOTA тоже к нему относится. Хоть «Аркейн» и основан на LoL, вам не нужно ничего о ней знать, чтобы влиться в историю и персонажей. В том же аниме Netflix «DOTA 2: Кровь дракона» знакомство с игрой поощрялось тоннами фансервиса, который пихали прямо в центр кадра. «Аркейн» в свою очередь не стремится осчастливить фанатов (хотя, наверно, там тоже много отсылок к игре), а хочет рассказать большую и интересную историю, доступную для всех. По сути, это предыстория нескольких чемпионов и технологий из LoL, так что расчёт скорее на то, что зрители мультсериала пойдут играть в MOBA, а не наоборот.
Кадр из сериала «Аркейн» / Netflix
В центре сюжета — дуализм, противостояние. Кардинально разные по характеру сёстры Ви и Паудер, два города, разделённые огромной пропастью классового неравенства, магия и технологии, которые делят между собой умы людей. Конфликтов тут предостаточно, у всех разные почвы, так что заскучать будет сложно, но есть одна загвоздка. В «Аркейн» нет явных Добра и Зла, но тогда получается, что перед нами просто три пары воюющих между собой серых масс. Да, заскучать будет сложно, но возможно.
Ситуация с анимацией
Вернёмся к «новой эпохе анимации», потому что заявление сильное и его ещё надо успеть подкрепить. Исторически сложилось, что сначала появились мультфильмы (до начала XX века), а потом уже мультсериалы (середина XX века). Причины очевидны: анимировать тогда было невероятно сложно, поэтому создатели сначала стремились делать завершённые истории, а потом уже позарились на телевизионный формат. Сейчас популярно и то, и то, но если полнометражные мультфильмы железно определились с форматом, в мультсериалах давно назрели перемены.
Кадр из сериала «Аркейн» / Netflix
Практически всё, что сейчас выходит в серийном формате довольно легко обобщить: 20- или 10-минутные серии, построенные по простой концепции — берём абсурдную (или не очень) идею и выкручиваем её на максимум. Всё максимально похоже на ситкомы, и хоть некоторые проекты вроде «БоДжека» не боятся показывать большие истории, им всё ещё стрёмно далеко отходить от привычного формата. Те же «Рик и Морти» стали кульминацией этой эпохи — самый популярный мультфильм на планете, построенный по самому популярному формату. Неслучайно после их успеха чуть ли не все новые мультсериалы называют «копией „Рика и Морти“» — под раздачу попали, например, «Солнечные противоположности» и «Корпорация „Заговор“».
«Рик и Морти» показывают, что к зрителям вернулся запрос на цельные анимационные истории — поэтому они так усердно требуют от авторов больше канона и связанных серий, пока те в свою очередь пытаются усидеть на двух стульях. И как показывает практика и отзывы фанатов, практика не то чтобы пользуется успехом. Тот же зрительский запрос подкрепляет популярность «Любви, смерти и роботов» — альманаха завершённых историй, который был очень тепло принят публикой. Но и снова второй сезон показал, что это немного не то, что нужно любителям анимации.
Дорого-богато
Кадр из сериала «Аркейн» / Netflix
Riot не стали экономить и сразу вложили огромные деньги в свой первый мультсериал. Оно и понятно — с Fortiche они работают давно и знают, на что способна эта студия. И они тоже выложились на полную, не оставив в сериале ни одного халтурного кадра, придраться в плане анимации буквально не к чему. Режиссура и монтаж в «Аркейне» тоже сделаны по высшему классу, в некоторые моменты напряжение витает в воздухе, за персонажей переживаешь, их эмоции понятно показаны и они цепляют. По сути единственное, что отличает мультсериал от большого кино — только то, что он полностью нарисованный.
Кадр из сериала «Аркейн» / Netflix
Вестники
Это, собственно, и есть та самая новая эпоха, о которой мы говорим. Раньше студии были готовы делать дорогую анимацию только в полнометражных проектах, а на ситкомный формат оставляли привычную 2D-рисовку или простенькое 3D. Так же они подходили к большим историям — если сценарист хотел рассказать цельную анимированную историю, его отправляли в кино. Теперь же картина радикально поменялась.
Первым заметным вестником новой эпохи стал «Неуязвимый» от Amazon — его авторы, конечно, не стали сильно тратиться на анимацию, но в плане истории отбросили все опасения и селись рассказывать её от и до, не делая сериал набором несвязанных серий. Каждая ложилась в общую картину и двигала сюжет вперёд, а ещё они длились по 40 минут, чего, кажется, до этого никто не делал. До этого были спешлы разных мультсериалов, которые тоже расширяли привычный хронометраж, но полностью изменить формат смелости не хватало.
Кадр из сериала «Неуязвимый» / Amazon
Потом вышел «Аквамен: Король Атлантиды» от HBO Max — он, также как и первая часть «Аркейн», состоял их трёх серий по 40 минут, которые складывались в неплохой такой полнометражный мультфильм. И анимация там тоже отличная, но скорее в плане трудолюбивости художников, чем в техническом — мы даже посвятили ей небольшой текст.
«Аркейн» в свою очередь впитал в себя сильнейшие стороны этих проектов (не в прямом плане, ведь они разрабатывались одновременно) — большой хронометраж с сериями по 40 минут, масштабные истории, которые растягиваются на целые сезоны, и, конечно же, безумно дорогую анимацию. Что из этого получилось, вы наверняка уже видели сами — мультсериал стал настолько популярным, что свергнул «Игру в кальмара» с престола популярности. И кажется, что успех «Аркейна» побудит студии смелее вкладываться в анимационные сериалы с большими сюжетами — поэтому мы назвали его «первой крупной вехой» новой эпохи.
Кадр из сериала «Аркейн» / Netflix
Новая эпоха
Давайте для понимания зафиксируем, что мы называем «новой эпохой». Для этого проведём параллель с игровым кинематографом, по пути которого сейчас идёт анимация. Там как раз «новая эпоха» началась с того, что сериалы стали чаще рассказывать цельные сюжеты, просто разбитые на мелкие части. «Малый экран», как это не парадоксально, стал большей версией «большого экрана». В кино мы теперь ходим за зрелищностью и спецэффектами, а действительно цепляющие истории чаще ищем на своих компьютерах.
Новая эпоха анимации как раз про то, как начинает размываться граница между мультфильмами и мультсериалами. Из первых пришли дорогая анимация и цельные истории, а из вторых — формат, более близкий современному зрителю, чем кино. Полный метр теперь для нас недостаточно полный, мы хотим дольше оставаться с персонажами и погружаться в истории. Поэтому, если мы правы в наших предсказаниях, можно ждать потока очень хороших анимационных проектов, не пытающихся в конце каждой серии вернуть всё так, как было в начале. Но правы ли мы, узнаем только через несколько лет.
Так что не так с «Аркейном»?
Большая проблема мультсериала от Netflix и Riot в том, что если перестать восхищаться анимацией и постановкой, то по сути после первых трёх серий больше ничего не остаётся. Содержание, даже визуальное, мы всё уже где-то видели — Пилтовер сильно напоминает Колумбию из BioShock Infinite, а Заун — Клоаку из Dragon Age или любой другой подпольный город. Конфликты в «Аркейн» давно не новые — магию против технологий противопоставляют все, кому не лень, от классового неравенства мы устали, как в реальности, так и в выдуманных мирах, да и разлад между сёстрами или братьями тоже не новая тема.
Кадр из сериала «Аркейн» / Netflix
Не подумайте, что мы ругаем сценаристов — они тоже хороши: диалоги, ружья Чехова, отсылки, расстановка шахматных фигур сделаны очень грамотно. Но опять же — мы это уже видели, так что сюжет оказался предсказуемым (но всё равно зрелищным!). Вот и получается, что кроме дорогущей анимации, в «Аркейн» нет ничего нового. Поэтому возникают опасения, что, когда утихнет восхищение технической составляющей, от любви к сериалу не останется почти ничего. Но это, конечно, зависит от того, куда сюжет пойдёт дальше, так что ждём вторую и третью порцию, перед тем как выносить железный вердикт. А пока сидим и радуемся новым вершинам анимации.
Смотрю мультики и играю в игры по работе. Иногда даже пишу о них.