Исходный размер 2280x3200

Морфинг. Анимация превращений Тема посвящена приёму морфинга и возможностям его применения в анимации. По итогу лекции мы овладеем тремя разными видами морфинга.

Что такое морфинг? Обзор инструментов для морфинга в Adobe After Effects

Практика: создание анимации морфинга предметов, которые характеризуют вас.

Что такое морфинг?

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

Исходный размер 1920x1080

Кадр из анимационного ролика для Headspace Germany, [1]

Морфинг — это технология в компьютерной графике и анимации, которая позволяет плавно превращать одно изображение в другое.

Один из самых известных примеров морфинга — клип Майкла Джексона Black or White, где лица людей разных национальностей и возрастов плавно перетекают друг в друга.

Морфинг в клипе на песню «Black or White» Майкла Джексона, [2]

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

Исходный размер 1920x1080

Кадр из бренд-фильма для Asana, [4]

Обзор инструментов для морфинга в Adobe After Effects

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

1. Copy Path: Морфинг векторных изображений с одинаковым количеством точек

Первый и самый базовый вариант морфинга реализуется без использования каких-либо эффектов и работает только благодаря внутренней логике Adobe After Effects. Этот прием применяется только для векторных изображений, у которых есть параметр Path.

Пример визуального стиля для проекта «Abstract Center», [3]

Path — это записанная информация о координатах каждой точки фигуры. Проще говоря, это то, как именно точки расположены в пространстве, формируя ту или иную фигуру.

post

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

Для правильного просчета морфинга очень важно, чтобы все векторные формы имели одинаковое количество точек. Например, в данном случае все три фигуры созданы из 10 точек. Эта особенность влияет на правильность перестроения пути, поскольку прием работает буквально как перемещение одной точки в координаты другой соответственно.

Исходный размер 2330x1310

2. Reshape: морфинг растровых изображений

post

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

Исходный размер 2330x1310

3. Match Cut: имитация морфинга любых изображений

Последний вариант морфинга — самый универсальный, простой и из-за этого наиболее часто применимый. Для его работы не нужны эффекты или маски. Необходимы лишь навыки базовой анимации и умение работать с ее таймингом. Этот прием называется Match Cut.

Исходный размер 1920x1080

Кадр из анимационного ролика Samsung Try Galaxy, [3]

Match cut — это вид монтажного перехода, при котором две сцены соединяются друг с другом через визуальное, звуковое или смысловое сходство.

post

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

Match Cut работает благодаря особенностям восприятия человеческого глаза. Когда на экране что-то происходит слишком быстро, мы не успеваем уследить за сменой кадра. Именно в этот пиковый момент ускорения происходит склейка и один объект сменяется другим.

Исходный размер 2330x1310

Практическое задание: анимация плавного превращения нескольких шейпов с одинаковым количеством опорных точек. Создание анимации морфинга предметов, которые характеризуют вас.

Исходный размер 2330x1310

Примеры выполнения заданий

Тема 6. Морфинг. Анимация превращений
Проект создан 24.03.2026
Глава:
5
6
7
8
9
Мы используем файлы cookies для улучшения работы сайта НИУ ВШЭ и большего удобства его использования. Более подробную...
Показать больше