Tehnografi.com - Технологические новости, обзоры и советы

Создание эффектов стекла в After Effects

Примечание. Следующая статья поможет вам: Создание эффектов стекла в After Effects

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

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

Не забудьте скачать бесплатный файл проекта, чтобы продолжить!

Готовый? Давайте начнем!

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

СКАЧАТЬ ФАЙЛ ПРОЕКТА ЗДЕСЬ

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

Создание внешнего вида стекла

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

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

Теперь примените Трансформировать эффект и установите Шкала настройка на 110. Это поможет эмулировать некоторое преломление.

Скриншот страницы корректирующего слоя с футболистамиСоздание эффекта преломления стекла с помощью Трансформировать а также Кривые на корректирующий слой.

Далее применим Кривые эффект и немного оживить отснятый материал. Это поможет нашему «стеклу» выделиться на фоне кадра.

Теперь все, что нам нужно сделать, это создать ключевой кадр Должность корректирующего слоя для перемещения по отснятому материалу.

GIF-анимация футболиста, ведущего мяч по полюКлючевой кадр должность принадлежащий корректирующий слой чтобы анимировать стеклоочистку.

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

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

Теперь акцент со стеклянными салфетками будет выглядеть гораздо более многослойно!

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

Добавление текстуры к стеклу

Чтобы добавить текстуру к слоям со стеклом, во-первых, вам понадобится изображение текстуры. (Бесплатный включен в файл проекта!) Два лучших эффекта для добавления нашей текстуры к слою: Карта смещения а также Составное размытие.

Изображение текстуры стеклаПример изображения текстуры стекла.

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

Однако этот метод работает только в том случае, если стеклянный слой на экране статичен. Если текстура перемещается вместе со слоем стекла, требуются дополнительные шаги.

Размытое изображение футболиста на полеУстановить Размытие слоя быть изображением текстуры стекла.

Анимация текстурированного стекла для перемещения

Чтобы создать движущееся текстурированное стекло, сначала добавьте изображение текстуры в свой состав. Затем сделайте ключевой кадр анимации изображения текстуры. (Позже это станет стеклянным слоем.)

Затем, дубликат изображение текстуры, предварительно скомпонуйте одну из копий и назовите ее Движение текстуры. (Убедиться “Переместить все атрибуты” проверяется при предварительном составлении.)

Скриншот опции «Перемещение текстуры»предварительно составить одна копия движения изображения текстуры.

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

Скриншот переключателя корректирующего слояВключите Переключатель корректирующего слоя для изображения текстуры стекла.

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

Наконец, примените Карта смещения и установите Слой карты смещения в качестве композиции «Движение текстуры» и установите Максимальное горизонтальное смещение к 25.

Теперь текстура стекла должна выглядеть так, как будто она «прилипает» к стеклу при движении по экрану.

Эффект карты смещения применяется к неоновым словамДобавьте текстуру с помощью Карта смещения эффект с композицией «Движение текстуры».

Если вы хотите узнать, как создавать титры, подобные тому, что представлен в этом руководстве, ознакомьтесь с нашим руководством «Создание матовой текстовой анимации в After Effects».

Добавление текстурированного стекла в 3D-пространство

Добавление текстурированного стекла в трехмерное пространство требует тех же шагов, что и раньше. Во-первых, вам нужно Трек камеры 3D ваши кадры. (Слой Solid используется только для ссылки, поэтому вы можете удалить его в любое время.)

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

Скриншот видеоряда с 3D-камеройПервый, Трек камеры 3D ваши кадры, а затем Создать тело и камеру.

Затем добавьте изображение текстуры и сделайте его 3D-слой. Затем расположите его там, где вы хотите, чтобы он был в 3D-пространстве. Как только вы это сделали, дубликат изображение текстуры, а затем предварительно составить Это.

Назови это Движение 3D-текстуры. Затем включите Свернуть Переключатель преобразований для этой композиции. Вы также можете отключить видимость для комп.

Скриншот того, как включить преобразования «Свернуть»предварительно составить одну копию изображения 3D-текстуры и включите Свернуть преобразования Выключатель.

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

Наконец, примените Карта смещения и установите Слой карты смещения в качестве композиции 3D Texture Movement. Вы должны увидеть текстуру, прилипшую к стеклу в 3D-пространстве.

Добавление текстурированного стекла в 3D-пространствоТекстурированное стекло добавлено в 3D-снимок с отслеживанием.

Заинтересованы в бесплатных треках, которые мы использовали для создания этого видео? Дайте им еще раз послушать: