Как заменить экран в After Effects CC

В этом руководстве вы узнаете, как заменить зеленый экран на устройстве в After Effects CC. Мы рассмотрим два распространенных сценария: как заменить статический экран и движущийся экран.

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

Часть 1: Как заменить статический экран

Шаг 1. Создайте новую композицию

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

1. Подрезать ваши кадры только для того, что вы собираетесь использовать. Вы собираетесь добавить несколько эффектов, которые заставят After Effects усердно работать. Чем меньше ненужных кадров вам нужно рендерить, тем лучше.
2. Создайте новую композицию, перейдя в Композиция> Создать> Композиция. Он будет действовать как экран планшета, поэтому установите Габаритные размеры быть приблизительным размером экрана. Возможно, вам потребуется разблокировать соотношение сторон, чтобы оно работало.
3. Назовите его так, чтобы вы запомнили, что это состав экрана, и ударил В ПОРЯДКЕ.

Шаг 2: создайте твердое тело, соответствующее экрану

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

1. Добавить Твердый который будет легко контрастировать с зеленым, например красным. Вернитесь к основной композиции и перетащите композицию экрана в основной проект.
2. Перейти к Эффекты> Угловой штифт, и перетащите его на слой композиции. Когда он выделен, вы должны увидеть точки по углам вашего слоя. Если нет, убедитесь, что элементы управления слоями отмечены, перейдя в Просмотр> Показать элементы управления слоями.
3. Перетащите углы, чтобы они соответствовали экрану. Это поможет отбросить Непрозрачность композиции экрана, чтобы вы могли видеть и то, и другое одновременно. Слегка увеличьте масштаб, чтобы он был немного больше реального экрана. Лучше немного больше, чем слишком мало.
4. Принеси Непрозрачность резервный.
5. Теперь войдите в состав экрана. Перетащите выбранное изображение над вашим красный слой и изменить размер Это. Все, что вы видите здесь, вы увидите на экране.
6. Скрыть красный слой вместо того, чтобы удалять его на случай, если позже вам понадобится что-то изменить. Вы также можете добавить видео, если хотите, и оно будет работать так же.

Шаг 3. Объекты ротоскопа, движущиеся перед экраном

Когда вы пойдете вперед, вы увидите проблему: палец объекта проходит под изображением на экране.

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

1. Перетащите экранную композицию под отснятый материал и добавьте Эффект Keylight к слою отснятого материала с помощью планшета.
2. Выберите инструмент пипетка и нажмите на зеленый цвет экрана.

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

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

1. Перейти к Вид в Эффекты Keylight панель и установите для нее Матовый экран. Теперь вы должны увидеть черно-белое изображение. Черный — прозрачный, белый — непрозрачный. Вы хотите пока сфокусироваться на экране и сделать его как можно более черным.
2. Перейти к Матовый экран варианты и переместите Клип Черный ползунок, пока он не станет полностью черным без полос.
3. Уменьшить Клип Белый ползунок, пока он не станет намного лучше за пределами экрана. В этом случае вам не нужно слишком беспокоиться о внешнем виде, потому что вы собираетесь изолировать экран за секунду. Но в других случаях желательно, чтобы все было максимально черно-белым.
4. Перейти к Просмотр> Окончательный результат в Эффекты Keylight и вы увидите, что это намного лучше. Но все же может быть некоторое обесцвечивание, когда оно становится размытым при движении справа налево.
5. Перейти к Просмотр> Статус в Эффекты Keylight панель. Поиграйте с Клип Черный и Клип Белый ползунками, пока не дойдете до золотой середины и у пальца не будет серого края.

Шаг 4. Изолируйте только зеленый экран

Убирая зеленый цвет с экрана, вы также можете взять его с некоторых других зеленых элементов в кадре. Итак, как изолировать этот эффект только от экрана?

1. Выберите актуальный Слой видеоряда и ударил Q поднять Прямоугольник инструмент.
2. Щелкните и перетащите по экрану, чтобы изолировать его.
3. Теперь спуститесь к своему Маска в вашем слое и установите его на «никто» чтобы отключить его.
4. Скажите только Keylight использовать это, перейдя в Внутренняя маска, выбирая Маска 1, а затем нажмите инвертировать. Теперь зеленый цвет за пределами маски возвращается, и вы все еще будете вырезать изображение.

Шаг 5: Анимируйте изображение на экране

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

1. Перейдите к первой точке соприкосновения пальца с экраном.
2. Направляйтесь к вам Экран Comp. Установите ключевой кадр для этого положения, затем переместите ползунок вперед в то место, где вы хотите, чтобы ваше изображение было полностью за пределами экрана.
3. Погрузитесь обратно в свой Экран Comp и создавайте ключевые кадры для вашего изображения за кадром.
4. Выделите ключевые кадры и добавьте Легкая легкость. Вы можете улучшить их, выделив ключевые кадры и открыв График редактор. Отсюда вы можете довести свое движение до совершенства.
5. Добавьте последний штрих, выбрав Размытость и включив его специально для этого слоя изображения.

Шаг 6: уточните эффект

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

В крайнем случае, этого будет достаточно, но есть два способа улучшить эффект.

Добавьте эффект размытия объектива камеры

1. Сначала добавьте Размытие объектива камеры эффект.
2. Слегка размывайте отснятый материал, просто 1-2 пикселя размытия, поэтому не похоже, что экран все время находится в идеальном фокусе. Легкий.

Добавить блики на экране

Второй метод может быть не таким интуитивно понятным, но это отличный результат. Попробуйте добавить немного света на экран из источника вне камеры.

1. Перейти к вашей Экран Comp и добавьте сверху белое твердое вещество.
2. Создать Маска для твердого тела на части экрана, имеющего форму Блики на экране.
3. Добавить тонкий Пух Перо к нему и уменьшите прозрачность ниже 25%.

Это тонко, но от этого все становится немного более реальным.

Вот как вы заменяете неподвижный экран. Но что, если это так? Например, если камера движется, или если кто-то держит экран телефона, который нестабилен?

Часть 2: Как заменить движущийся экран

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

Но в кадре, где кто-то взаимодействует с синим экраном, угловую булавку можно очень легко потревожить. Поэтому вместо этого используйте невероятно мощный трекер, который поставляется с After Effects: Mocha.

Шаг 1. Подготовьте кадры в мокко AE.

1. Когда отснятый материал находится на временной шкале, перейдите в Анимация> Дорожка в мокко AE.
2. Mocha должен распознать отснятый материал и автоматически настроить вашу композицию. Если это не так, экспортируйте отснятый материал в H.264. Это то, что Мокко легко прочитает. Затем верните его на свою временную шкалу и продолжайте делать наши следующие шаги.

Шаг 2: очертите форму экрана

1. В новой временной шкале мокко принесите ползунок отснятого материала Вернуться к началу.
2. Выберите инструмент x-spline.
3. Щелкните и создайте базовую форму вокруг экрана вашего телефона. Пока телефон находится в пределах вашей маски, он неплохо справляется с остальной работой за вас. Вы просто указываете Mocha, где смотреть и грубую форму вашего объекта. Когда вы закончите свою последнюю точку, нажмите правую кнопку мыши, чтобы завершить контур.

Шаг 3. Отслеживайте экран в мокко AE

1. Выбирать Показать плоскую поверхность. Теперь появляется окно, и вы собираетесь использовать его, чтобы указать мокко, где именно находится экран на телефоне.
2. Просто щелкните и перетащите углы и постарайтесь получить его как можно точнее.
3. Когда вы закончите, выберите Следить вперед кнопка, чтобы позволить Mocha сделать всю работу за вас!

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

Шаг 4: повторно импортируйте данные в After Effects

Когда это будет сделано, вам просто нужно указать After Effects использовать данные, которые только что собрал Mocha. Для этого скопируйте и вставьте свои выводы в After Effects.

1. Перейти к Экспорт> Данные отслеживания, и выберите «After Effects Corner Blur (с поддержкой размытия в движении)», А затем, когда вы нажмете« Копировать в буфер обмена », вы просто скопируете кучу информации.
2. Вернитесь в After Effects, и быстро настройте новый Solid, который будет использоваться в качестве экрана. Перейти к Новый> Solid.
3. Сделайте это желтым так что его действительно легко контрастировать с синим цветом телефона.
4. Предварительно сочинить и обозначьте его, чтобы мы знали, что это наша композиция экрана.
5. Верните ползунок в начало.
6. Выберите Преобразовать свойства композиции экрана и нажмите Control или Command-V к вставьте данные отслеживания в состав с желтым твердым веществом.

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

Шаг 5: повторите первые шаги, чтобы заменить экран

С этого момента процесс на неподвижном экране такой же, но теперь вам не нужно беспокоиться о покачивании. Просто повторите шаги из части 1.

1. Добавьте свое видео в слой экрана.
2. Уронить слой экрана ниже слоя видеоряда.
3. Добавить Эффект Keylight.
4. Ключ из Синий.
5. Маска вокруг экрана.
6. Установите маску на Keylight.
7. Настроить синий ключ.
8. Анимируйте отснятый материал чтобы быть немного интереснее, не забудьте включить размытие в движении.
9. В довершение ко всему размытие объектива и немного фальшивых бликов экрана.

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

Решение состоит в том, чтобы снимать на зеленом экране, а затем заменять экран устройства в After Effects CC. Вы обнаружите, что это наиболее эффективный способ контролировать каждую деталь в вашем видео- или кинопроекте!