Видео-карусели с моушн-графикой нейросетью

Карусель, где каждый слайд — видео под музыку: как сделать её кодом через нейросеть без видеогенераторов. 5 правил движения, 4 стиля и 3 промпта.

Видео-карусели с моушн-графикой нейросетью

Лента давно двигается: Reels, видео, анимация. А карусели в ней почти всегда стоят на месте. Статичная картинка среди видео — самое лёгкое, что можно пролистать.

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

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

Видео-карусель с моушн-графикой: слайды на телефоне, объект пролетает между слайдами
Главная фишка видео-карусели — один мир на все слайды: объект перелетает со слайда на слайд

Коротко: что внутри

  • Как нейросеть делает видео, не умея делать видео.
  • 5 правил, по которым движение выглядит дорого, а не дёшево.
  • 4 стиля видео-каруселей и для кого каждый.
  • Промпты: карусель с нуля, оживление готовой, история с голосом.

Нужно: Claude (лучше старшая модель) или другой ИИ-агент, который пишет код и запускает его на твоём компьютере.

Формат подсмотрел в бесплатных уроках сообщества NextPhase AI. Правила и промпты ниже — мои, собраны на своих тестах моушн-графики.


Как нейросеть делает видео кодом

Claude не генерирует видео, как Veo или Kling. Он пишет веб-страницу, которая знает, как выглядит экран в каждую долю секунды.

1. Код
страница: что на экране в момент t
→
2. Браузер
снимок каждого кадра
→
3. ffmpeg
склейка кадров в MP4
→
4. Слайды
MP4 1080×1350 в карусель

Отсюда три плюса, которых нет у видеонейросетей:

  • текст всегда резкий и без ошибок — он не нарисован, а набран;
  • петля идеальная — код знает, где каждый объект в каждом кадре;
  • не понравился цвет — меняешь одну строку и перерендериваешь бесплатно.

Музыка и звуки тоже делаются кодом. Платишь только подписку на нейросеть.


5 правил, без которых движение выглядит дёшево

Код — простая часть. Дорого или дёшево выглядит ролик, решают правила. Первые три — из классической анимации, последние два — специально для каруселей.

  1. Ничего не движется ровно. Машина разгоняется и тормозит. Движение с постоянной скоростью выглядит как робот — это причина номер один дешёвой анимации.
  2. Вес. Падающий предмет сплющивается при ударе, быстрый — вытягивается. Тогда булка в кадре тяжёлая, а не наклейка.
  3. Ритм. Каждое попадание и отскок — на долю такта музыки. Это чувствуется даже без звука.
  4. Петля. Видео в карусели крутится по кругу. Последний кадр должен перетекать в первый, а слайд — длиться целое число тактов. При 120 BPM 4 такта — это ровно 8 секунд.
  5. Один мир. Слайды — не пять отдельных роликов, а одна длинная сцена, разрезанная на части. Объект пересекает границу слайда — и свайп ощущается как движение камеры.

4 стиля видео-каруселей

Стиль Как выглядит Кому подходит
Чистый моушн Только шрифты, фигуры и цвет, один объект путешествует по слайдам Обучение, экспертный блог, если нет фото
Оживлённый лист стиля Картинки в стиле бренда, а вокруг двигаются буквы, рамки, блики Бренд, которому важна узнаваемость
История с голосом Каждый слайд — 10 секунд рассказа с реальными фото История компании, кейс, «как мы начинали»
Бесшовная панорама Одна большая картинка, разрезанная на слайды, предметы лежат на стыках Личный бренд: поездка, событие, неделя работы

Если начинаешь — бери чистый моушн. В нём нечего генерировать, а значит, нечему ломаться.


Шаг 1. Карусель с нуля

Промпт ведёт нейросеть по всем пяти правилам и заставляет её проверить себя по кадрам перед выдачей.

Промпт №1 — моушн-карусель с нуля (нажми, чтобы открыть)
Ты — моушн-дизайнер. Делаешь карусель для Instagram, где каждый слайд — короткое зацикленное видео. Никаких видеонейросетей: всё движение, музыка и звуки — кодом.

ВХОД (спроси одним сообщением, если нет): тема, для кого, действие в конце, мой лист стиля или 3 цвета HEX и шрифт, сколько слайдов (по умолчанию 5).

1. СЦЕНАРИЙ. Распиши слайды: что на экране, что движется, на каком такте. Слайд 1 — крючок, последний — призыв к действию. Покажи план и жди моего «да».

2. ПРАВИЛА ДВИЖЕНИЯ:
— ничего не движется с постоянной скоростью: разгон и торможение (easing), пружины;
— вес: падающий объект сплющивается при ударе, быстрый — вытягивается;
— ритм: темп 120 BPM, каждое попадание, отскок и смена — на долю такта;
— петля: каждый слайд — ровно целое число тактов (4 такта = 8 секунд), последний кадр плавно переходит в первый;
— единый мир: слайды — одна длинная сцена, разрезанная на части. Хотя бы один объект пересекает границу между слайдами.

3. ТЕХНИКА. Одна HTML-страница на слайд размером 1080×1350, анимация зависит только от времени t (функция seek(t)), без случайностей. Рендер покадрово в браузере и сборка в MP4 через ffmpeg (или фреймворк HyperFrames). Музыка и звуки — синтез в коде (Web Audio), громкость звуков ниже музыки.

4. САМОПРОВЕРКА: сними контакт-лист — кадры 0, 25%, 50%, 75%, 100% каждого слайда. Проверь, что текст не обрезан, первый и последний кадр совпадают, объект на границе слайдов совпадает по положению. Исправь, потом выдай.

ВЫХОД: MP4 на каждый слайд (1080×1350, 30 к/с), превью-страница, список того, что можно поменять одной строкой.

Готовые MP4 загружаются в Instagram как обычная карусель — по порядку. Каждый слайд будет крутиться по кругу.

Шаг 2. Оживить готовую карусель

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

Промпт №2 — оживить статичную карусель (нажми, чтобы открыть)
Я прикладываю готовые слайды карусели (картинки). Оживи их, не меняя дизайн.

1. Разбери каждый слайд на слои: фон, главный объект или человек (вырежи), заголовок, текстовые блоки, мелкие элементы. Первый кадр каждого слайда должен совпадать с исходной картинкой пиксель в пиксель.
2. Предложи для каждого слайда 1–2 движения, которые усиливают смысл: появление заголовка по словам, лёгкий наезд на фон, всплывающая карточка, подсветка акцентного слова. Не больше трёх движущихся элементов на слайд.
3. Темп 120 BPM, слайд — 4 такта (8 секунд), бесшовная петля.
4. Рендер MP4 1080×1350 на каждый слайд и контакт-лист для проверки.
Жди моего «да» после плана движений.

Шаг 3. Карусель-история с голосом

Самый вовлекающий стиль: человек листает — и ему рассказывают историю. Её почти никто не делает, потому что вручную это долго. Нейросеть собирает факты, текст, голос и картинки сама.

Промпт №3 — карусель-история с голосом (нажми, чтобы открыть)
Сделай карусель-историю: каждый слайд — видео 8–10 секунд с закадровым голосом. Тема: [КОМПАНИЯ / ЧЕЛОВЕК / СОБЫТИЕ].

1. Найди 5–7 проверяемых фактов истории. У каждого — источник. Без источника факт не используем.
2. Напиши текст для озвучки: один слайд — одна сцена истории, 20–25 слов. Слайд 1 — неожиданный факт-крючок, последний — вывод и призыв подписаться.
3. Визуал: реальные фото и документы из открытых источников с лицензией (сохрани ссылку и лицензию каждого), цветокоррекция в одном стиле, ни одна картинка не повторяется. Текст на экране — только ключевые слова.
4. Голос — бесплатная локальная модель озвучки или мой файл голоса. Музыка тише голоса. Один короткий звук на смену картинки — без лишних эффектов.
5. Покажи текст и список фото до сборки, жди «да».

Меньше эффектов — лучше. Первая версия истории почти всегда перегружена звуками и переходами. Оставь один тихий звук на смену картинки — и ролик сразу выглядит дороже.


Где это применить

  • Свой блог. Обучающая карусель, где схема собирается на глазах.
  • Запуск продукта. Приложение, которое «работает» прямо в слайдах: интерфейс, курсор, результат.
  • Кафе и магазины. Бургер собирается слой за слоем, пока человек свайпает. Худи парит в невесомости.
  • Реклама. Карусели с видео можно запускать как рекламу — движущийся слайд дольше держит взгляд.

Сколько стоит и сколько занимает

Рендер, шрифты, музыка и звуки — бесплатно, всё работает на твоём компьютере. Платишь подписку на нейросеть. Сложная карусель из 6 слайдов может занять у агента около часа работы и заметную часть лимита — на младших тарифах лимит может закончиться.

Платные генерации нужны, только если в карусели должен быть реальный товар или персонаж: тогда картинки делаются в генераторе, а движение вокруг них — всё так же кодом.


Частые ошибки

Ошибка Что делать
В конце слайда «прыжок» картинки или музыки Слайд — целое число тактов, последний кадр равен первому
Анимация «пластиковая» Проверь правило 1: никакого движения с постоянной скоростью
Слайды выглядят как разные ролики Правило 5: один объект пересекает границы слайдов
Всё дёргается и мельтешит Не больше трёх движущихся элементов на слайд
Типовой «нейросетевой» вид Запреты в промпте: без неоновых градиентов и тёмного фона со свечением, если это не твой стиль

Вопросы и ответы

Нужен ли After Effects?

Нет. Движение пишет нейросеть кодом, монтажная программа не нужна.

Сколько слайдов-видео можно в одну карусель?

Instagram позволяет смешивать фото и видео в одной карусели. Я держу 5–7 слайдов: дольше люди редко досматривают.

Подойдёт ли ChatGPT?

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


Итог

  • ☑ Выбран стиль: чистый моушн, лист стиля, история или панорама
  • ☑ Карусель собрана промптом и проверена по контакт-листу
  • ☑ Каждый слайд — целое число тактов, петля без прыжка
  • ☑ Хотя бы один объект пересекает границу слайдов

Новые разборы и промпты — в моём Telegram-канале.

Ваша реакция?

like

dislike

love

funny

angry

sad

wow

Реклама