Вы, наверное, видели нижние титры почти в каждом видео на YouTube, которые вы смотрели, эти баннеры, предлагающие вам подписаться или подписаться на их социальные сети, или добавляющие забавные факты о видео.
Нижние титры легко создать, и это добавляет профессионализма любому видео, если все сделано правильно. В этом уроке мы покажем вам, как создать простую нижнюю треть изображения и как анимировать ее в Adobe After Effects.
Что такое нижняя треть?
Нижние трети — это различная графика, которая появляется в нижней трети видеоэкрана в видеороликах и на телевидении. Они не должны занимать всю нижнюю треть пространства, но любая графика, которая появляется в этой нижней части, считается нижней третью.
Нижние трети могут быть скрытыми титрами, информационными баннерами, логотипами или интерактивными сообщениями. Как правило, это дает зрителю информацию, но может быть и развлекательной. Если вы не хотите самостоятельно создавать нижнюю треть изображения в After Effects, вы можете найти анимированные графические элементы с помощью Jitter.
Как создать нижнюю треть в After Effects
Начните с создания новой композиции. Перейти к Сочинение > Новая композиция и установите размер видео; по умолчанию 1920 x 1080 пикселей. Нажмите ХОРОШО когда вы закончите.
Включите прозрачность, нажав Переключить сетку прозрачности на панели композиции. Поскольку нижняя треть накладывается поверх видеоматериала, ее необходимо визуализировать с прозрачным фоном. поэтому отснятый материал может быть виден, но вы можете использовать цветной фон и переключать прозрачность позже.
Перейти к Слой > Новый > Твердый чтобы добавить сплошной цвет. Выберите цвет для нижнего третьего изображения. Нажмите ХОРОШО. Вся ваша композиция будет иметь сплошной цвет, который также отображается как слой на временной шкале. Вы можете изменить цвет этой графики в любой момент, выбрав графику и перейдя к Слой > Твердые настройки.
Нажмите и перетащите углы, чтобы изменить размер сплошного цвета до более подходящего размера. Как только он станет размером с изображение баннера, переместите его — как вы уже догадались — в нижнюю треть экрана.
Включите Название/Действие Сейф гиды, нажав апостроф на клавиатуре (‘), который поможет вам выровнять нижнюю треть, чтобы она не была обрезана. Он не обязательно должен располагаться по центру, поэтому поместите его там, где вы предпочитаете, в нижней части композиции, но держите его подальше от правил безопасности.
Как анимировать нижнюю треть в After Effects
Нижняя треть должна быть анимирована, чтобы плавно переходить в кадр и выходить из него. На временной шкале откройте свойства сплошного слоя и откройте Трансформировать. Мы собираемся использовать Должность возможность анимировать нижний третий баннер на экране и за его пределами. Это должен быть относительно простой переход, чтобы не отвлекать зрителя от остального видеоконтента.
Переместите индикатор времени на 00:02с и выберите Секундомер следующий на Должность чтобы активировать ключевые кадры положения. Работая в обратном направлении, это добавляет новый ключевой кадр на временную шкалу, чтобы указать конечное положение графики.
Затем переместите индикатор времени обратно в 00:00 с и изменить ось X следующий на Должность, или вы можете щелкнуть и перетащить графику за пределы рамки. Полностью переместите нижнюю треть из кадра туда, откуда вы хотите, чтобы графика входила.
Теперь у вас есть два ключевых кадра на временной шкале. Выделите ключевые кадры, щелкнув и перетащив их, чтобы выбрать оба сразу. Затем нажмите Редактор графиков в верхней части временной шкалы. Это дает вам визуальное представление о том, как ключевые кадры перемещают вашу анимацию.
На графике выделите любые ключевые кадры, для которых вы хотите изменить настройки. Справа, под временной шкалой, вы найдете варианты реакции движений. Здесь вы найдете Легкая легкость. Easy Ease добавляет тонкую кривую в каждое движение, поэтому оно не такое резкое. Ключевой кадр Easy Ease изменится на песочные часы на временной шкале.
Вы также можете щелкнуть правой кнопкой мыши ключевой кадр и выбрать Скорость ключевого кадра. Здесь вы можете ввести суммы как для входящей, так и для исходящей скорости. Входящий ввод 80 и исходящий вход 20 быстро введет графику, но стабилизирует ее медленно.
Чтобы предварительно просмотреть изменения ключевых кадров, переместите индикатор времени в 00:00 с и нажмите Пробел для запуска и остановки воспроизведения. После того, как вы установили ключевые кадры входа, выберите их все. Скопируйте ключевые кадры—Ctrl + С (Windows) или Команда + С (Mac) — и вставьте их через несколько секунд на временную шкалу —Ctrl + В (Windows) или Команда + В (Мак).
Переставьте вставленные ключевые кадры в порядке, обратном исходному. Это создает исходящие движения для вашей нижней трети в противоположном направлении, поэтому баннер перемещается за пределы экрана, а не входит.
Добавьте детали в нижнюю треть
Многие влогеры YouTube используют нижнюю треть изображения, чтобы побудить людей подписаться на их канал или подписаться на их дескрипторы в социальных сетях. Итак, давайте сделаем это.
Выберите Тип Инструмент—Ctrl + Т (Windows) или Команда + Т (Mac) — и введите свои дескрипторы социальных сетей. Если он еще не открыт, перейдите к Окно > Персонаж открыть Персонаж панель. Затем выделите текст, чтобы изменить шрифт, цвет или размер.
Как только ваш текст будет отформатирован так, как вам нравится, используйте Инструмент выделения (В), чтобы перетащить текст поверх сплошного цвета. Расположите его, как хотите; его не обязательно центрировать, если это не ваш стиль.
Поскольку вы уже установили анимацию положения для сплошного цвета, вы можете легко прикрепить текст для перемещения с теми же атрибутами.
Если вы хотите, чтобы текст оставался поверх цветового блока и переходил вместе с ним, измените родительский фон текста на сплошной цветной слой. Это сохраняет текст и сплошной цвет как отдельные слои, но группирует их вместе для целей анимации. Вам не нужно добавлять ключевые кадры к текстовому слою.
Мы также собираемся использовать Подложка дорожки особенность. Щелкните правой кнопкой мыши Имя источника над слоями и выберите Столбцы > Режимы.
На сплошном цветном слое щелкните Подложка дорожки. Вы можете выбрать любой из вариантов различных эффектов, но мы собираемся с Альфа-инвертированный матовый. Это инвертирует цвет текста, что, если вы используете прозрачный фон, означает, что текст прозрачен. Нажимать Пробел для предварительного просмотра нового эффекта. Вы можете сделать подобный анимация замаскированного текста с помощью Canva.
Выберите слой сплошного цвета и скопируйте-вставьте его (Ctrl + С а также Ctrl + В для Windows или Команда + С а также Команда + В для Mac). Выберите нижний цветной слой, затем перейдите к Слой > Твердые настройки изменить цвет на акцентный цвет. Переключите подложку дорожки на Подложка без трека на этом слое.
Таким же образом вы можете добавить другие элементы в нижнюю треть или оставить все как есть. Вы можете даже импортировать графику Illustrator для анимации в After Effects или пройти лишнюю милю и синхронизируйте нижнюю треть, чтобы реагировать на звуковую дорожку для зрительного возбуждения.
Сделайте анимацию с прозрачным фоном, а затем добавьте ее в качестве слоя при редактировании любого видео, в котором вы хотите ее использовать.
Создайте профессиональную нижнюю треть изображения с помощью After Effects
Создать нижнюю треть изображения проще, чем вы думаете. Все началось с цветного прямоугольника, и если вы следовали этому руководству, теперь у вас есть классный анимированный баннер, который можно добавить к своим видео в After Effects.
