Как создать 3D плавающий текст в After Effects

Привет, ребята! Сегодня мы посмотрим на новый клип Эминема - Lucky You! В этом клипе много крутых эффектов, но сегодня мы рассмотрим один из самых простых. В самом начале есть несколько титров, которые выглядят так, будто они находятся в мире настоящего видео. Сегодня мы покажем вам, как добиться такого эффекта в After Effects. Так что давайте сразу же приступим к делу!

Итак, мы находимся в After Effects, и первое, что мы сделаем, это посмотрим на конечный эффект, который мы собираемся создать. Вы можете видеть, что текст выглядит как 3D, а отражение в воде кажется реальным.

Итак, давайте приступим к работе и начнем с того, что зайдем в наш менеджер проектов здесь, вверху слева, и найдем фрагмент, с которого мы хотим начать, - вот этот фрагмент, и вы можете увидеть, что у него много разных частей, но на самом деле нам нужна только часть в конце. Поэтому сейчас давайте просто перетащим все это в новую композицию. Нажмите и перетащите ее поверх этой кнопки "Новая композиция", чтобы создать новую композицию на основе параметров этого отснятого материала. Теперь давайте пройдемся и найдем ту часть, которую мы хотим использовать. Она будет ближе к концу, и я подожду, пока дрон не начнет панорамировать и не остановится примерно здесь. Это та часть, которую я хочу использовать, поэтому мы разделим ее, нажав Ctrl или Command + Shift + D, и удалим лишнее слева. Теперь давайте пройдем еще немного вперед и попытаемся найти конечную точку, которая находится примерно здесь. Это субъективно, но именно здесь я хочу остановиться, поэтому, чтобы разделить клип, снова нажмите Ctrl или Command + Shift + D и удалите лишнее.

Теперь давайте переместим клип на левую сторону и создадим здесь точку выхода, чтобы работать только с этим фрагментом. Создайте точку выхода, нажав клавишу N. Теперь мы обрезаем композицию до рабочей области, щелкнув правой кнопкой мыши здесь и нажав trim comp to work area. Теперь вся наша рабочая область состоит только из тех кадров, с которыми мы хотим работать, и это то, что у нас есть на данный момент. Следующим шагом будет создание 3D-трека камеры, поэтому выделите слой кадров, с которыми хотите работать, и перейдите к правой стороне, где написано "Tracker", и нажмите Track Camera. Это создаст 3D-трек камеры на основе ваших конкретных кадров. Это может занять некоторое время, но как только это произойдет, вы сможете просмотреть, что получилось. Пока вы не выделите эффект 3D-камеры, вы не заметите особых изменений, поэтому можно вернуться наверх и либо выделить эффект, либо нажать кнопку рендеринга точек трека. Теперь вы должны увидеть кучу маленьких точек отслеживания по всему кадру, основанных на объектах, которые довольно единообразны по всему фрагменту.

Проведя мышью по этим точкам, вы должны заметить, что над мышью появляется небольшая мишень, основанная на триангуляции любых трех точек отслеживания, в центре которых находится ваша мышь. Если у вас возникли проблемы с взаимодействием с этими точками слежения, то, скорее всего, это связано с тем, что у вас отключена какая-либо настройка, перейдите в режим просмотра и убедитесь, что включена опция "Показать элементы управления слоем". Если она выключена, вы не сможете взаимодействовать ни с одной из этих точек отслеживания. Так что если это ваша проблема, то это первое место, где нужно искать. Итак, теперь мы собираемся выбрать эти точки отслеживания в зависимости от того, где будет находиться текст, поэтому найдите место, где вы хотите видеть текст, а затем поищите ближайшие к нему точки отслеживания. Это поможет вам убедиться в том, что у вас есть хорошая чистая дорожка рядом с тем местом, где должен находиться текст. Нажмите V, чтобы вызвать инструмент выделения, а затем щелкните и перетащите вокруг всех этих точек слежения, чтобы получить хороший прочный трек. Затем щелкните правой кнопкой мыши и создайте текст и камеру.

Вы, наверное, заметили, что я часто увеличиваю и уменьшаю масштаб этих кадров и использую инструмент "Рука", чтобы перемещать их без фактического перемещения позиции кадра. Чтобы быстро и легко сделать это, используйте колесико прокрутки мыши для быстрого увеличения или уменьшения масштаба и нажмите и удерживайте пробел, чтобы вызвать инструмент "Рука". Как только вы отпустите пробел, вы вернетесь к предыдущему курсору.

Итак, теперь давайте начнем работать с текстом. Если дважды щелкнуть по тексту, он автоматически выделится, и вы сможете набрать то, что хотите, чтобы в нем было написано. Теперь нам нужно переместить его на место, поэтому первое, что вы хотите сделать, - это сориентировать его так, как вы хотите. Выделите слой, чтобы убедиться, что он активен, а затем нажмите клавишу W, чтобы вызвать инструмент "Поворот". Теперь при нажатии и перетаскивании по любой из этих осей вы будете вращать только по этой оси. Продолжайте, пока не добьетесь нужной ориентации, затем нажмите клавишу V, чтобы вызвать инструмент выделения, а затем используйте его для перемещения текста в нужное физическое положение. Теперь мы можем просто воспроизвести наши кадры и посмотреть, как они начали отслеживаться. На самом деле все выглядит в 3d и как будто в реальном мире. Нам еще многое предстоит сделать, но, по крайней мере, мы знаем, что у нас есть хорошее начало.

Далее я просто хочу изменить размер текста, чтобы он выглядел немного более реалистично на фоне воды. Само по себе изменение масштаба не изменит того, как он будет взаимодействовать в 3D. Теперь снова откройте инструмент выделения и просто переместите его в то положение, в котором вы хотите его видеть. Как только он окончательно закрепится, снова воспроизведите кадры и посмотрите, выглядит ли он так, как будто он прилип. Для нас это выглядит довольно хорошо, похоже, что он прилип именно там, где мы хотели. Если вам трудно понять, действительно ли он прилипает в нужном положении, то можно нарисовать воображаемую линию и сравнить ее с другим реальным объектом в той же фокальной плоскости вашего кадра. Например, слева вдоль тротуара стоят фонарные столбы. Если у вас есть определенное положение, в котором вы хотите, чтобы находился ваш кадр, попробуйте сравнить его с одним из них или хотя бы посмотреть, как он выглядит, представив, что он находится между ними. Поищите в своих кадрах, чтобы найти что-нибудь, с чем можно было бы сравнить, и, что действительно может помочь, перетащите свой текст прямо рядом с ним, чтобы вы могли видеть. Дальше вы можете внести любые коррективы, двигая его вперед или назад в трехмерном пространстве по оси z, но на данный момент наш вариант выглядит довольно неплохо.

Но вы можете заметить, что здесь есть небольшая проблема. На выбранных нами кадрах есть искусственные черные полосы, которые текст не соблюдает. Поэтому лично я для своих кадров сделаю так: наложу предустановку соотношения сторон поверх всех остальных слоев. Скорее всего, вам не придется делать этого для своих кадров.

Далее мы добавим еще несколько слоев, так что пора упорядочить все названия слоев. Я просто начну переименовывать слои, чтобы было понятно, что к чему. Далее мы будем создавать отражение в воде из этого куска текста, и для этого проще всего начать с дублирования с помощью Ctrl или Command + D, а затем, чтобы продолжить упорядочивание, возьмите вторую верхнюю версию и перетащите ее под оригинал, а затем переименуйте ее так, чтобы было понятно, что это слой с тенью. Круто, так что теперь мы собираемся изменить его, просто выделив его, а затем подойдя к этому образцу цвета и изменив его цвет на черный. После этого убедитесь, что ваше логово выделено, а затем вызовите инструмент поворота с помощью W. Затем наведите курсор на ось X и начните немного поворачивать его. Когда вы это сделаете, нажмите и удерживайте кнопку shift, а затем продолжайте вращать его. Это зафиксирует ваше вращение с шагом в 45 градусов, а когда вы дойдете до 180 градусов, вы будете знать, что это в точности зеркальное отражение того, с чего вы начали.

Итак, вы, вероятно, уже видите, как эффект начинает приобретать форму, осталось только разобраться с парой мелких деталей. Нажмите кнопку V, чтобы вернуть инструмент выделения, а затем немного перетащите ось y вниз, чтобы фрагменты текста отделились друг от друга. Создается впечатление, что текст движения немного возвышается над водой, но когда мы пройдемся по нему, вы увидите, что он действительно хорошо прилипает, и нам не нужно делать никаких дополнительных настроек слоя с тенью. На самом деле это скорее отражение, чем тень, но если я использую этот термин, вы понимаете, что я имею в виду.

Итак, далее мы хотим сделать так, чтобы тень или отражение выглядели так, будто они действительно исходят от воды. Мы можем сделать это, просто уменьшив непрозрачность, но если вы хотите добиться действительно высокой детализации, я бы предложил сделать следующее. Доведите непрозрачность до 100, а затем здесь, где говорится о режиме, вы можете изменить режим смешивания с помощью этих тумблеров внизу. Если вы не видите его, там есть все эти варианты на выбор, но я выберу "Мягкий свет". Поиграйте и посмотрите, что лучше всего подходит для ваших кадров, но я уже поиграл со всеми этими вариантами и убедился, что мягкий свет подходит мне лучше всего. Вы можете видеть, что он действительно показывает вещи естественным образом, но даже если у нас мягкий свет, я все равно немного уменьшу непрозрачность слоя с тенью.

Если бы вы очень торопились, этого было бы достаточно для того, чтобы эффект был достигнут, но дальше я покажу вам, как сделать так, чтобы ваше отражение действительно выглядело отражающимся от воды, которая не является идеально гладкой и глянцевой. На самом деле он будет учитывать всю мелкую рябь на воде в ваших реальных кадрах. Чтобы заставить этот эффект работать, нам нужно использовать очень специфический эффект. Перейдите на панель эффектов и найдите эффект под названием "Карта смещения", затем перетащите его на слой с тенью. Вы должны увидеть, что он не делает ничего особенного, но в левом верхнем углу на панели управления эффектами вы можете увидеть, что он берет информацию из определенного источника. Сейчас он берет информацию из нашего третьего слоя, но на самом деле он ничего не делает, нам нужно создать свой собственный слой, чтобы указать тексту, как реагировать, так как же это сделать? Давайте спустимся вниз, к нашему нижнему футажному слою, и пока что просто сольем его. Затем выделите его и продублируйте, нажав Ctrl или Command + D, перетащите второй слой сюда и переименуйте его в BW - черно-белая карта, потому что мы будем использовать его для отображения того, что делает наш теневой текст. Сделать его черно-белым очень просто: найдите в панели эффектов "Черно-белый", а затем перетащите его на кадры. Затем найдите "Яркость и контраст" и также перетащите этот эффект. Мы просто немного увеличим контрастность, чтобы нашей тени было легче определить, что происходит в воде, и, если нужно, в зависимости от отснятого материала, вы также можете немного увеличить яркость.

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

В последнюю очередь мы просто увеличим каждое из этих значений с 5 до примерно 15. Мы видим, что, к сожалению, из-за этого тень немного смещается от центра, поэтому мы уменьшим значение до 7 и 7. Отлично, теперь мы должны увидеть, что наш эффект действительно приобретает форму, но вы не сможете увидеть его должным образом, если мы не сольем этот слой и не включим шашечную панель. Если вы посмотрите очень внимательно, то увидите, что рябь на воде действительно проступает в форме текста, и по мере воспроизведения видеозаписи она меняется в зависимости от движения воды. Невероятно, не правда ли!

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

Наш эффект выглядит просто потрясающе, но вот что действительно здорово, так это то, что мы создали этот эффект один раз, и если мы захотим создать еще текст, который будет выглядеть точно так же, нам даже не придется делать это заново. Все, что нам нужно сделать, это выделить наши слои с тенью и текстом, а затем продублировать их с помощью Ctrl или Command + D, после чего убедиться, что все эти дубликаты слоев сложены вместе для организации. Затем мы можем дважды щелкнуть на каждом из них и сделать так, чтобы они написали что-то совершенно новое. После этого можно щелкнуть правой кнопкой мыши и переименовать их, чтобы сразу понять, какой из них какой. После этого выделите оба новых слоя, удерживая shift при нажатии, и подведите курсор выделения к V, а затем возьмите синюю ось и переместите их в пространстве, а также можете использовать другие оси, чтобы расположить их так, как вам нужно. И поскольку наш текст "Array" технически находится дальше от нас, мы возьмем эти два слоя и опустим их ниже другого текста на случай, если они будут пересекаться.

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

Теперь, когда все это сделано, вот как выглядит наш эффект. Сейчас этот эффект достаточно хорош, чтобы показать его сам по себе, но есть еще одна деталь, которая сделает его еще более реалистичным. Поскольку мы добавляем цифровой текст в реальный мир, есть вероятность, что ваш текст будет выглядеть слишком резким и идеальным, чтобы действительно находиться в мире вашего видео. Поэтому очень простая техника заключается в том, чтобы добавить немного размытия к тексту, не очень много, может быть, всего одну-две или даже три единицы, если вы используете гауссово размытие. Это не столько размывает текст, сколько делает его менее идеальным. Если мы увеличим изображение и покажем вам "до" и "после", вы увидите, насколько тонкой является разница, но если кто-то просмотрит вашу работу в очень высоком разрешении, он сможет заметить эти тонкие различия. В клипе Эминема "Lucky You" есть три разные версии этого текстового эффекта. Мы уже рассматривали эту, но есть и отличная новость: на самом деле нет никакой разницы в технике получения двух других. В этой версии просто используется 3d-трекер, чтобы заставить текст двигаться по траектории, аналогичной другим элементам сцены, а в этой - точно такой же процесс, который мы только что рассмотрели, за исключением того, что при создании слоя с тенью вы не будете переворачивать его по оси x. Вы просто продублируете его и отодвинете подальше от поля зрения камеры. Затем поместите его немного смещенным от центра прямо напротив того места, откуда исходит источник света. В этой сцене мы видим, что источник света исходит из верхнего правого участка, поэтому, размещая тень, мы просто учитываем это и размещаем ее на противоположной стороне.

Но самое лучшее в этой технике, которую мы вам показали, то, что ее не обязательно использовать только для воды, вы можете использовать ее для всего, для чего хотите создать карту смещения. Возьмем, к примеру, этот кадр, где у нас много деревьев. Вы можете подумать, что очень сложно спроецировать тень на эти очень разные по высоте деревья, но, используя тот же метод и просто увеличивая значения горизонтали и вертикали, мы на самом деле можем создать действительно правдоподобную карту глубины для нашей тени, которая должна следовать за ней. Вот как выглядит тень сама по себе, а теперь вот как выглядит текст сам по себе, и вот как он выглядит, когда мы включаем тень. Эта техника действительно универсальна, и, надеюсь, вы сможете найти ей множество различных применений, которые помогут оживить ваши видео!