Видео-карусели с моушн-графикой нейросетью
Карусель, где каждый слайд — видео под музыку: как сделать её кодом через нейросеть без видеогенераторов. 5 правил движения, 4 стиля и 3 промпта.
Лента давно двигается: Reels, видео, анимация. А карусели в ней почти всегда стоят на месте. Статичная картинка среди видео — самое лёгкое, что можно пролистать.
При этом Instagram разрешает ставить видео внутрь карусели. Каждый слайд может быть коротким роликом, который крутится по кругу под музыку. Таких каруселей в русскоязычной ленте пока единицы.
Ниже — как я делаю их кодом через нейросеть: без видеогенераторов, стоковой музыки и платы за кредиты. Пять правил движения, четыре стиля и три промпта.
Коротко: что внутри
- Как нейросеть делает видео, не умея делать видео.
- 5 правил, по которым движение выглядит дорого, а не дёшево.
- 4 стиля видео-каруселей и для кого каждый.
- Промпты: карусель с нуля, оживление готовой, история с голосом.
Нужно: Claude (лучше старшая модель) или другой ИИ-агент, который пишет код и запускает его на твоём компьютере.
Формат подсмотрел в бесплатных уроках сообщества NextPhase AI. Правила и промпты ниже — мои, собраны на своих тестах моушн-графики.
Как нейросеть делает видео кодом
Claude не генерирует видео, как Veo или Kling. Он пишет веб-страницу, которая знает, как выглядит экран в каждую долю секунды.
страница: что на экране в момент t
снимок каждого кадра
склейка кадров в MP4
MP4 1080×1350 в карусель
Отсюда три плюса, которых нет у видеонейросетей:
- текст всегда резкий и без ошибок — он не нарисован, а набран;
- петля идеальная — код знает, где каждый объект в каждом кадре;
- не понравился цвет — меняешь одну строку и перерендериваешь бесплатно.
Музыка и звуки тоже делаются кодом. Платишь только подписку на нейросеть.
5 правил, без которых движение выглядит дёшево
Код — простая часть. Дорого или дёшево выглядит ролик, решают правила. Первые три — из классической анимации, последние два — специально для каруселей.
- Ничего не движется ровно. Машина разгоняется и тормозит. Движение с постоянной скоростью выглядит как робот — это причина номер один дешёвой анимации.
- Вес. Падающий предмет сплющивается при ударе, быстрый — вытягивается. Тогда булка в кадре тяжёлая, а не наклейка.
- Ритм. Каждое попадание и отскок — на долю такта музыки. Это чувствуется даже без звука.
- Петля. Видео в карусели крутится по кругу. Последний кадр должен перетекать в первый, а слайд — длиться целое число тактов. При 120 BPM 4 такта — это ровно 8 секунд.
- Один мир. Слайды — не пять отдельных роликов, а одна длинная сцена, разрезанная на части. Объект пересекает границу слайда — и свайп ощущается как движение камеры.
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-канале.
Ваша реакция?



