В 1991 году в клипе Майкла Джексона «Black or White» лица людей разной внешности плавно перетекали одно в другое, и зрители не могли объяснить, как это снято. Сегодня тот же эффект собирается в браузере за пять минут и бесплатно.
Называется он морфинг. В этой статье разобрали, что такое морфинг, как он устроен изнутри, чем отличается от обычного наплыва в видеоредакторе и от дипфейка, какие бывают виды, где его применяют сегодня и как сделать свой первый переход на трёх разных уровнях сложности: от онлайн-сервиса до 3D-пакета.
Если хочется сначала понять общий контекст, откуда вообще взялись все эти приёмы, загляните в наш материал «История анимации: от театра теней до Pixar». Морфинг там занимает всего пару абзацев, но хорошо видно, в какой момент он появился и почему выстрелил.
Статья пригодится не только аниматорам. Морфинг сегодня встречается в презентациях, в рекламных сторис, в интерфейсах приложений и даже в медицинских атласах. Если вы задумывались о профессии всерьёз, у нас есть отдельный разбор, кто такой моушн-дизайнер и чем он занимается.
А если ремесло хочется освоить системно, а не по роликам из рекомендаций, посмотрите подборку курсов по анимации: там собраны программы от коротких интенсивов по After Effects до годового обучения с портфолио.
CheckroiПодборка курсов по анимации161 курс • 40 школСравните цены, школы, программу и найдите выгодные предложения по обучениюСравнить→
Что такое морфинг простыми словами
Морфингом называют технику плавного превращения одного изображения в другое. Слово пришло из английского morphing, сокращения от metamorphosis, то есть «превращение». Волк перетекает в человека, лицо ребёнка в лицо взрослого, круглая иконка меню в крестик закрытия.
Технически внутри работают два процесса одновременно. Первый называют деформацией (в английской литературе warping): форма первого объекта постепенно тянется к форме второго. Второй процесс, смешивание (dissolve): цвет, яркость и текстура первого кадра постепенно замещаются цветом и текстурой второго.
Разница вот в чём. Если запустить только смешивание, получится обычный наплыв: одна картинка просто выцветает, вторая проступает, и в середине перехода видно призрачное наложение двух разных лиц. Морфинг добавляет деформацию, поэтому глаза первого лица к середине уже стоят там, где будут глаза второго. Наложения не возникает, и мозг читает происходящее как единый объект, который меняется, а не как две сменяющие друг друга картинки.
Главное отличие в одну строку. Наплыв смешивает цвета. Морфинг сначала совмещает формы и только потом смешивает цвета.
Именно на этой особенности зрения эффект и держится. Наша зрительная система достраивает движение между двумя похожими состояниями сама: если детали в кадре не прыгают, а переползают, она честно считает, что перед ней один объект. Подробное академическое определение, если интересно копнуть, есть в статье о морфинге в Википедии и в Большой российской энциклопедии.
Ещё один вопрос, который стоит закрыть сразу: рисовать и программировать для морфинга не нужно. Все промежуточные кадры считает программа, от вас требуется только выбрать два изображения и показать, какая деталь одного соответствует детали другого. Навык тут ближе к аккуратности, чем к художественному образованию.
Как морфинг работает изнутри
Разберём по шагам, что происходит после того, как вы загрузили две картинки и нажали кнопку. Механика одинаковая почти везде: и в бесплатном онлайн-сервисе, и в After Effects, и в студийном пайплайне.
Шаг 1: два кадра, между которыми строится переход
Нужны исходное и конечное изображения. От их качества зависит примерно всё: если объекты сняты с разных ракурсов, при разном свете и в разном масштабе, никакой алгоритм это не спасёт. Похожая компоновка кадра важнее разрешения. Два портрета анфас на однотонном фоне дадут отличный результат даже с телефона, а студийный портрет плюс фото в профиль развалятся на любом железе.
Шаг 2: расстановка ключевых точек
Ключевые точки (их ещё называют опорными маркерами) сообщают программе, какая деталь первой картинки соответствует какой детали второй. Внутренний уголок левого глаза здесь и внутренний уголок левого глаза там. Кончик носа и кончик носа. Контур подбородка и контур подбородка.
Раньше эти точки расставляли вручную, и на одно лицо уходил час кропотливой работы. Сейчас для лиц задачу решает автоматика: алгоритмы распознавания находят до сотни опорных точек за секунду. Для произвольных объектов (логотип, товар, животное) точки всё ещё чаще ставят руками, и именно на этом шаге решается качество итога.
Шаг 3: сетка и промежуточные кадры
По расставленным точкам программа строит сетку из мелких треугольников, которая накрывает изображение целиком. Чаще всего для этого берут триангуляцию Делоне: способ соединить точки треугольниками так, чтобы те получились равнобокими и не вырождались в тонкие иголки. Такая сетка деформируется предсказуемо, без рывков.
Дальше вступает интерполяция. Простыми словами, это способ рассчитать промежуточные значения между двумя известными. Программа знает, где точка стояла в начале и где она должна оказаться в конце, и вычисляет все положения между ними. Каждый треугольник сетки тянется вслед за своими вершинами, а пиксели внутри него едут вместе с ним. Так рождаются промежуточные кадры: те самые состояния, которых не было ни на одной исходной фотографии.
Отдельная тонкость касается фона. Сетка накрывает весь кадр, а не только объект, поэтому фон тоже поедет вслед за ближайшими к нему точками. Если фон на двух снимках разный, его придётся либо закреплять собственными точками по углам, либо вырезать объект и морфить отдельно от подложки. В онлайн-сервисах этот выбор сделан за вас, поэтому они и требуют однотонного фона.
Шаг 4: смешивание цвета и текстуры
Формы совмещены, остаётся цвет. Параллельно с деформацией программа плавно подмешивает цвет второго кадра к первому: в начале перехода 100 % первого изображения, в середине примерно поровну, в конце 100 % второго. Поскольку формы к этому моменту уже совпадают, никакого двоения не видно.
Финальный штрих делают кривые скорости (их называют easing). Если переход идёт с одинаковой скоростью от начала до конца, он выглядит механическим. Чуть замедленное начало и мягкий выход в конце превращают ту же анимацию в живую.
Канал основателя Checkroi Вани Буявца3 700 человек читают мой Телеграм-канал про нейросетиСобрал промпты для Claude Code и ChatGPT, разборы ИИ-инструментов и лайфхаки по продвижению бизнеса в одном местеПрисоединитьсяМорфинг, кроссфейд, твининг и дипфейк: чем они отличаются
Это самая частая путаница у новичков, поэтому разложим четыре похожих приёма по полочкам. Все они дают «превращение», но делают это по-разному и решают разные задачи.
| Приём | Что делает | Совмещает формы | Типичная задача |
|---|---|---|---|
| Кроссфейд (наплыв) | Одна картинка выцветает, вторая проступает | Нет | Смена планов в видео, слайды |
| Морфинг | Форма тянется к новой форме, цвет смешивается | Да, по ключевым точкам | Превращение объекта в объект |
| Твининг (анимация формы) | Программа сама достраивает кадры между двумя ключевыми | Да, но для векторных контуров | Анимация иконок, логотипов, фигур |
| Дипфейк | Нейросеть синтезирует новое лицо и подставляет его в кадр | Работает с моделью лица, а не с точками | Замена личности в готовом видео |
Практическая разница такая. Кроссфейд у вас уже есть в любом редакторе, включая мобильный, и он бесплатен. Морфинг требует ключевых точек и похожих исходников, зато даёт эффект превращения. Твининг живёт в мире векторной графики: там нет пикселей, есть кривые, и программа перегоняет одну кривую в другую. А дипфейк вообще про другое: он не показывает переход, он прячет подмену, и его задача в том, чтобы зритель ничего не заметил.
Из этого следует простое правило выбора. Нужен эффектный переход между двумя похожими кадрами: морфинг. Нужна анимация иконки или логотипа: твининг. Нужно просто сменить план: кроссфейд, и не усложняйте.
Из разницы с дипфейком следует и ответ на вопрос, который задают чаще всего: морфинг лиц сам по себе законен. Это визуальный эффект, он не выдаёт одного человека за другого и не создаёт поддельного высказывания. Проблемы начинаются не из-за техники, а из-за исходников и цели: чужое фото без разрешения человека, изображение ребёнка, реклама, где превращение подаётся как реальный результат процедуры. Здесь работают обычные правила про персональные данные, изображение гражданина и недостоверную рекламу, и они одинаковы для морфинга, коллажа и ретуши.
Практический вывод простой. Свои фото и фото с согласия людей в кадре: делайте что угодно. Чужие лица из интернета в коммерческом ролике: не стоит, независимо от того, насколько красиво получилось.
Виды морфинга
Классификация условная и в разных источниках слегка плавает, но шесть типов встречаются почти везде.
Изображение в изображение. Базовый вариант: два произвольных снимка, между ними переход. Яблоко превращается в грушу, старая модель автомобиля в новую, буква в букву. Основной хлеб рекламной анимации.
Лицевой морфинг. Отдельный класс, потому что для лиц есть готовые алгоритмы поиска точек и зритель к лицам предельно придирчив. Применяют в кино, в рекламе косметики по схеме «до и после», в играх при создании персонажей и в развлекательных приложениях вроде «как будет выглядеть ваш ребёнок».
Шейповый морфинг. Работает не с пикселями, а с векторными контурами. Именно он живёт в After Effects под именем анимации контура и в веб-графике под именем SVG-морфинга (SVG это формат векторной графики для сайтов: картинка описана линиями и кривыми, а не пикселями).
Графический морфинг. Практическая разновидность шейпового: превращение иконок, пиктограмм и логотипов. Круг складывается в букву, три полоски меню разъезжаются в крестик.
Текстурный морфинг. Меняется не силуэт, а поверхность: дерево покрывается инеем, металл ржавеет, кожа стареет. Форма при этом остаётся на месте.
Видеоморфинг и 3D-морфинг. Самая тяжёлая категория. В видеоморфинге переход строится не между двумя фотографиями, а между двумя движущимися планами, поэтому точки приходится отслеживать в каждом кадре. В 3D превращают друг в друга не картинки, а полигональные модели: у них меняется положение вершин, и результат можно рассматривать с любого ракурса. Если тема 3D интересна отдельно, у нас есть обзор Blender, 3ds Max, Maya, Cinema 4D и ZBrush.
CheckroiПодборка курсов по видеомонтажу151 курс • 34 школыСравните цены, школы, программу и найдите выгодные предложения по обучениюСравнить→
Где морфинг используют на практике
Ощущение, что это приём из девяностых, обманчивое. Морфинг никуда не делся, он просто перестал бросаться в глаза.
Кино и визуальные эффекты. Классика жанра: оборотни, превращения, жидкие роботы. Сегодня к этому добавилось омоложение актёров (в индустрии говорят de-aging), где морфинг работает одним из слоёв внутри сложной цепочки визуальных эффектов. Такие эффекты в кино называют VFX, и морфинг там давно перестал быть отдельным трюком: он просто один из инструментов на полке.
Реклама и маркетинг. Схема «до и после» в косметике и фитнесе, превращение одного товара в другой, перетекание логотипа компании из абстрактной фигуры в узнаваемый знак. Хорошо заходит в коротком вертикальном формате, где на удержание внимания есть полторы секунды.
Интерфейсы приложений и сайтов. Самое массовое применение, которое пользователь вообще не опознаёт как эффект. Кнопка воспроизведения превращается в паузу, иконка меню в крестик, поле поиска разворачивается в панель. Реализуют через анимацию векторной графики в формате SVG и библиотеки вроде Lottie или GSAP. Работает такая микроанимация 200–400 миллисекунд: этого хватает, чтобы связь между состояниями считалась, и мало, чтобы начать раздражать.
Презентации и документы. Отдельная история для тех, кто далёк от видео: в PowerPoint и Keynote есть готовый переход, который сам находит одинаковые объекты на двух соседних слайдах и плавно перегоняет их из одного положения в другое. В русской версии PowerPoint он называется «Трансформация», в английской Morph. Никаких ключевых точек ставить не надо, вы просто дублируете слайд и двигаете на нём фигуры. Это самый быстрый способ увидеть морфинг своими глазами, не устанавливая ничего нового.
Проверка на уместность. Если убрать анимацию и интерфейс станет непонятнее, морфинг работает. Если ничего не изменится, вы сделали украшение, за которое пользователь платит миллисекундами.
Игры. Редакторы внешности персонажа в ролевых играх целиком построены на 3D-морфинге: ползунок «форма подбородка» двигает вершины модели между двумя заранее заготовленными состояниями. Тем же способом делают мимику: набор заготовок для улыбки, злости и удивления смешивают в нужных пропорциях.
Медицина, наука и образование. Морфинг показывает рост костной ткани, стадии заживления, эволюционные переходы между видами, изменение береговой линии за сто лет. Учебному ролику он даёт то, чего не даст пара статичных схем: ощущение непрерывного процесса.
Красота, мода и бьюти-сервисы. Примерочные, которые показывают лицо с разным макияжем или цветом волос, работают на лицевом морфинге. Никакой генерации нового человека там нет: ваши черты сохраняются, меняется только слой поверх.
Короткая история: от «Бездны» до генеративного видео
Идея превращения старше компьютеров. Ещё в XVI–XVII веках существовала tabula scalata: доска с ребристой поверхностью, на которой две картины видны с разных сторон, а при движении зрителя одна перетекает в другую. Оптические игрушки XIX века вроде фенакистископа и зоотропа развили ту же мысль.
Компьютерный морфинг родился в конце восьмидесятых. В 1988 году студия Industrial Light & Magic применила ранний вариант техники в фильме «Уиллоу», в 1989 году Джеймс Кэмерон использовал похожий эффект в «Бездне». Настоящий взрыв случился в 1991 году, и сразу дважды: жидкий Т-1000 в «Терминаторе 2» и финал клипа «Black or White». За графику в «Терминаторе 2» отвечала та же ILM, и на пять минут экранного времени ушло около десяти месяцев работы команды.
Девяностые стали десятилетием морфинга. Появились специализированные программы (Elastic Reality, Gryphon Morph), эффект залез в телерекламу, заставки и музыкальные клипы, а к концу десятилетия успел приесться настолько, что стал признаком дурного вкуса.
Дальше морфинг растворился в инструментах. Отдельные программы почти вымерли, зато соответствующие функции появились в After Effects, Blender, Photoshop и в любом мобильном приложении для сторис.
CheckroiПодборка курсов по Blender124 курса • 31 школаСравните цены, школы, программу и найдите выгодные предложения по обучениюСравнить→
Отдельный сюжет открыли генеративные модели. У нейросетей, которые делают видео (Google Veo 3.1, Kling 3.0 и их конкуренты), морфинг вылезает как дефект, а не как приём: на длинных планах и резкой смене ракурса объекты начинают «плыть» и незаметно перетекать друг в друга. Индустрия борется с этим как с багом. Забавный разворот: техника, за которую в 1991 году давали премии, в 2026 году стала маркером плохой генерации. Как устроены такие модели, мы разбирали на примере нейросети Runway.
Канал основателя Checkroi Вани БуявцаЗабирайте промпты и обучение по нейросетям в моём Телеграм-каналеБольше 3 700 человек уже применяют Claude Code, ChatGPT и другие нейросети в работе, учёбе, бизнесе и жизниПерейти в каналКак сделать морфинг самому: три уровня сложности
Выбирайте уровень по задаче, а не по амбициям. Первый переход имеет смысл делать в браузере, даже если вы собираетесь работать в After Effects: так вы за десять минут поймёте, какие исходники вообще годятся.
Уровень 1: онлайн-сервис за пять минут
Подходит, если нужно превратить два фото друг в друга и выложить результат в сторис. Ничего устанавливать не надо, платить обычно тоже.
- Возьмите два портрета анфас: одинаковый масштаб головы, похожий свет, спокойное выражение лица, желательно однотонный фон.
- Загрузите оба в онлайн-сервис морфинга и дайте ему расставить точки автоматически.
- Проверьте точки на глазах, носе и линии рта. Если сервис ошибся, поправьте вручную: остальное можно не трогать.
- Поставьте длительность 2–3 секунды и выгрузите результат в GIF или MP4.
Уровень 2: After Effects
Нужен, когда переход должен встроиться в ролик, а не жить отдельной гифкой. After Effects (это программа Adobe для анимации и визуальных эффектов) умеет два разных морфинга.
Для векторных фигур: рисуете два контура, ставите на таймлайне (это шкала времени проекта, вдоль которой расставляют кадры) два ключевых кадра на свойстве Path и получаете перетекание формы. Важный нюанс, на котором ошибаются почти все: у обоих контуров должно быть одинаковое число опорных точек, иначе фигура вывернется наизнанку. Одновременно можно анимировать цвет, и тогда меняется не только силуэт.
Для фотографий: связка инструмента искажения по сетке и прозрачности. Долго, зато управляемо покадрово. Если After Effects у вас пока не стоит, а хочется потрогать монтаж вообще, начните с разбора CapCut, DaVinci и Premiere Pro.
Уровень 3: 3D и нейросети
В трёхмерных пакетах морфинг называют смешиванием форм: у модели создают несколько состояний геометрии и переключаются между ними ползунками. В Blender этот механизм бесплатен и встроен из коробки, так что порог входа тут ниже, чем кажется. С чего начинать в трёхмерке вообще, расписали в материале «3D-моделирование с нуля».
Нейросетевой путь выглядит иначе: вы даёте модели первый и последний кадр, а она достраивает середину сама, без всяких ключевых точек. Плюс в скорости и в том, что исходники могут отличаться сильнее. Минус в контроле: середину перехода вы не задаёте, и результат от прогона к прогону меняется.
Программы и сервисы для морфинга
Отдельный класс «программ только для морфинга» почти вымер, поэтому выбирать приходится между универсальными пакетами и узкими утилитами.
| Инструмент | Для чего | Порог входа | Деньги |
|---|---|---|---|
| Онлайн-сервисы морфинга лиц | Быстрый переход между двумя фото | Низкий | Бесплатно или условно-бесплатно |
| Adobe After Effects | Морфинг внутри видеоролика, контуры и фото | Средний | Подписка Adobe |
| Adobe Photoshop | Ручное искажение по сетке, покадрово | Средний | Подписка Adobe |
| Blender | 3D-морфинг моделей и мимики | Высокий | Бесплатно, открытый код |
| FantaMorph, Morph Age, Sqirlz Morph | Узкие утилиты именно под морфинг | Низкий | Платные, есть пробные версии |
| Генеративные видеомодели | Переход между непохожими кадрами | Низкий по интерфейсу | По подписке или за генерацию |
Что брать, если непонятно. Разовая задача для соцсетей: онлайн-сервис, и не тратьте вечер. Работа с видео и планы на профессию: After Effects, он же стандарт индустрии. Трёхмерка или собственные эксперименты без бюджета: Blender. Отдельно отметим, что готовые заготовки для роликов удобно брать из библиотек футажей, а собрать быструю гифку помогут сервисы для GIF и анимации.
Шесть ошибок новичка в морфинге
Почти все неудачные переходы ломаются на одном и том же коротком списке.
Слишком разные исходники
Портрет анфас и портрет в профиль, крупный план и общий, дневной свет и неон. Программа честно попытается совместить несовместимое, и в середине перехода получится каша. Лечится на этапе съёмки, а не в редакторе.
Мало ключевых точек
Четыре точки на лицо дают эффект резиновой маски: контур поехал, детали остались на месте. Глаза, брови, крылья носа, линия губ и овал лица нужны всегда, даже если сервис уверяет, что справится сам.
Забытый фон
Точки расставили на объекте, а фон оставили без внимания. В итоге лицо превращается красиво, а задник за ним дёргается и выдаёт монтаж. Либо снимайте на однотонном, либо ставьте точки и по углам кадра.
Неверная длительность
Сколько должен длиться сам переход, зависит от площадки. Для видео комфортный диапазон 2–4 секунды: быстрее зритель не успевает считать превращение, медленнее начинает скучать. Для интерфейсных микроанимаций счёт идёт на миллисекунды, и там нормой считаются те самые 200–400.
Линейная скорость перехода
Анимация с постоянной скоростью читается как машинная. Небольшое замедление на старте и на финише стоит одного движения мышью по кривой скорости и меняет впечатление сильнее, чем час возни с точками.
Морфинг ради морфинга
Самая дорогая ошибка. Приём заметный, поэтому им легко увлечься и поставить превращение там, где хватило бы простой склейки. Хороший фильтр: если переход можно заменить обычным наплывом и смысл ролика не пострадает, замените.
Совет практика. Сначала соберите ролик с обычными склейками и только потом решите, в каком одном месте морфинг оправдан. Одно превращение на ролик выглядит дорого, четыре подряд выглядят как заставка из девяностых.
Где научиться анимации и морфингу
Морфинг сам по себе изучается за вечер: механика простая, кнопок мало. Сложность начинается там, где переход надо встроить в ролик так, чтобы он работал на задачу. Этому учат не отдельно, а внутри курсов анимации и моушн-дизайна, вместе с композицией, таймингом и работой со звуком.
Собрали программы, где морфинг разбирают как часть ремесла, а не как трюк из одного урока.
| Курс | Школа | Стоимость со скидкой | В рассрочку | Длительность | Обзор курса от Checkroi |
|---|---|---|---|---|---|
| Профессия «Моушн-дизайнер с нуля до ПРО» Перейти на сайт курса |  Contented | 196 794 ₽ | 5466 ₽/мес. | 18 месяцев | Обзор курса |
| Профессия «Моушен-дизайнер в 2D и 3D» Перейти на сайт курса | Contented | 122 634 ₽ | 3406 ₽/мес. | 12 месяцев | Обзор курса |
| Моушен-дизайн в 2D и 3D Перейти на сайт курса |  Нетология | 139 600 ₽ | 4307 ₽/мес. | 11 месяцев | Обзор курса |
| Моушн дизайн Перейти на сайт курса |  XYZ School | 111 100 ₽ | 5822 ₽/мес. | 6 месяцев | Обзор курса |
| Цифровая анимация и визуальные эффекты (Бакалавриат) Перейти на сайт курса |  Университет Синергия | 490 000 ₽ | 40 833 ₽/мес. | 4 years | Обзор курса |
| Моушн-дизайнер (Бакалавриат) Перейти на сайт курса | Университет Синергия | 400 000 ₽ | 33 333 ₽/мес. | 3 years | Обзор курса |
| Убойная анимация в PowerPoint Перейти на сайт курса |  Bonnie & Slide | 24 900 ₽ | 2125 ₽/мес. | 1 месяц | Обзор курса |
| Профессия «Моушн-дизайн, 3D и основы VFX» Перейти на сайт курса | Нетология | 173 700 ₽ | 7237 ₽/мес. | 12 месяцев | Обзор курса |
| Нейроанимация и цифровое кино (Бакалавриат) Перейти на сайт курса | Университет Синергия | 560 000 ₽ | 46 667 ₽/мес. | 4 years | Обзор курса |
| Нейроанимация и цифровое кино (Второе высшее) Перейти на сайт курса | Университет Синергия | 560 000 ₽ | 46 667 ₽/мес. | 4 years | Обзор курса |
Больше программ — в полном каталоге курсов по анимации
Если хочется сначала прикинуть маршрут и деньги, посмотрите наши разборы: как стать моушн-дизайнером с нуля и сколько зарабатывает моушн-дизайнер. А если тянет в сторону монтажа, а не анимации, есть отдельная подборка курсов по видеомонтажу.
