Soediniai

HyperFrames: как сделать видео с движущимся текстом

Движущийся текст: хук с нуля или плашки поверх своей съёмки. Одна фраза — готовый MP4. Разбираем оба режима и чем они отличаются от склейки.

Хук с нуля из одной фразы: «слово HYPERFRAMES появляется по буквам, потом подпись». Тот же агент умеет наложить такую анимацию на ваше видео.

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

HyperFrames делает это из одной фразы. Два режима. Без файла — рисует короткий ролик с нуля: чёрный фон, крупная надпись, цифра. Если подключить своё видео — исходник играет целиком, поверх едет типографика и простые иконки, звук остаётся. На выходе обычный MP4.

Сначала на своё видео, не склейкой

На холсте это один шаг: нода с файлом → нода HyperFrames, в инструкции что наложить. «Lower-third с именем Анна, цифра 40% на третьей секунде, лицо не закрывай». Длительность как у исходника. Формат кадра тоже.

Если ролик из нескольких кусков — хук текстом, потом сцена по описанию, потом съёмка с телефона — их по-прежнему собирает Монтажёр. Есть готовый пайплайн: обе ветки и склейка уже стоят. Чтобы из сырого файла сразу обрезать паузы и наложить анимации, есть нейросеть для монтажа видео: разбор, Whisper, Монтажёр и HyperFrames по очереди. Схему можно попросить у агента на главной: «наложи титры на мой файл» или «сначала надпись, потом ИИ-видео, потом моя съёмка».

Как он работает — на пальцах

Большинство нейросетей рисуют видео как картинку: пиксель за пикселем придумывают, как выглядит мир. Поэтому у них плывут буквы — модель не пишет текст, она его срисовывает по памяти, и вместо «скидка» выходит «сkидkа».

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

Отсюда всё остальное. Буквы чёткие и без ошибок: это настоящий шрифт, не догадка нейросети. Цифры совпадают с теми, что вы написали. Ролик читается на паузе. Одно слово в инструкции можно поменять и перегенерировать — картинка не «поедет», съёмка под текстом останется той же.

Движок открытый, его сделали в HeyGen. Обычно с ним работают программисты через командную строку. Здесь этого ничего не нужно: вы пишете фразу по-русски, всё остальное происходит само.

Что он умеет, а что нет

Хорошо получается:

  • заголовок, который собирается по буквам или по словам;
  • крупная цифра и подпись — «40%», «за 3 дня», «с 1 июня»;
  • хук в первую секунду: «СТОП», «а теперь смотри»;
  • титры, lower-third, плашки поверх своей съёмки или ИИ-ролика;
  • простые иконки и схемы из линий и текста.

Не получится:

  • человек, город, еда «из головы» — живую сцену он не рисует, только графику;
  • придумать музыку. Без входящего видео звука нет. Если видео подключили — его звук сохраняется.

Сцену снимет телефон или сгенерирует видеомодель, голос — озвучка. HyperFrames одевает кадр текстом. Склеить несколько готовых кусков — Монтажёр.

Как попробовать

Короткий хук с нуля можно собрать без кабинета. Откройте кинетическая типографика нейросеть — ставить ничего не надо.

  1. Напишите, что должно появиться на экране. Обычным языком: «слово РАСПРОДАЖА появляется по буквам, потом строчка “только три дня”».
  2. Нажмите Run. Ролик собирается примерно минуту-две.
  3. Скачайте MP4 или нажмите «Добавить к себе», чтобы открыть ту же схему на холсте и уже там подключить своё видео.

В демо один такой ролик в сутки бесплатно: восемь секунд, вертикаль, без вашего файла. Наложить анимацию на съёмку и не резать длину — в кабинете, нодой HyperFrames.

Что писать, чтобы получилось с первого раза

Инструкция — не «промпт» с волшебными словами. Пишите так, будто объясняете по телефону, что человек увидит.

Стоит сказать:

  • какие именно слова появятся — дословно, в кавычках;
  • в каком порядке — сначала это, потом то;
  • как они появляются — по буквам, по словам, целиком, резко;
  • настроение и цвет — «чёрный фон, белый текст», «жёлтый на чёрном, жёстко»;
  • если есть исходник — куда не лезть: «лицо не закрывай», «плашка снизу», «цифра в первые три секунды».

Хук с нуля: «Сначала крупная цифра 40%, она вырастает из нуля. Потом снизу выезжает подпись “рост за квартал”. Тёмный фон, белый текст».

Поверх своего ролика: «Наложи lower-third с именем Анна и строкой “основатель”. На третьей секунде крупно 40%. Лицо не закрывай, фон плашек полупрозрачный».

Так лучше не писать: «сделай красиво», «стильный ролик про бизнес», «добавь фото офиса». В первых двух случаях текст придумают за вас. В третьем фотографии внутри композиции не будет.

Как это выглядит на холсте

Холст — доска с квадратиками и стрелками. Каждый квадратик делает одну вещь. Стрелка — «отдай результат сюда».

Одевать готовый ролик: загрузка файла → HyperFrames → Итог. Инструкция на ноде HyperFrames. Перегенерировали только плашки — съёмка на месте.

Собрать рилс из кусков: HyperFrames рисует хук с нуля, рядом видеомодель, рядом ваш файл, в конце Монтажёр. Ему тоже пишут словами: «склей по порядку, приведи к вертикали, звук оставь от моего куска». Не понравился хук — перегенерировали только его.

Расставлять квадратики самому необязательно. На странице демо кнопка «Добавить к себе» открывает готовую доску. Или попросите агента: «наложи титры на мой файл», «вставь ещё одну сцену между хуком и моим видео».

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

Где посмотреть готовые примеры

У авторов движка есть открытая витрина: анонсы, промо, титры, инфографика. Исходники там для программистов, качать их не нужно. Смотрите как на референс: увидели приём — опишите его словами.

  • kinetic-type — заголовки, интро, титры;
  • warm-grain — тёплая плёночная подача, лайфстайл;
  • swiss-grid — строгая сетка, спокойный корпоративный тон;
  • play-mode — быстро, ярко, для соцсетей;
  • product-promo — несколько сцен про товар;
  • nyt-graph — графики как в газетной инфографике;
  • decision-tree — схемы и объяснялки.

Витрина с превью: hyperframes.heygen.com/examples, ролики HeyGen с исходниками — hyperframes-launches.

Частые вопросы

Нужно ли уметь программировать?

Нет. Код пишет нейросеть, вы его не видите и не трогаете. От вас — фраза на русском и, если надо, файл на холсте.

Можно наложить текст на своё видео?

Да. Подключите ролик к ноде HyperFrames и напишите, что должно появиться поверх. Исходник играет целиком, звук остаётся. Бесплатное демо так не умеет — там только хук с нуля на восемь секунд.

Можно вставить свою картинку или логотип?

Да. Подключите PNG/SVG к той же ноде HyperFrames — агент наложит ваш файл, а не нарисует замену. До пяти картинок на один ролик.

В ролике есть звук?

Если подключили своё видео — да, его звук сохраняется. Хук с нуля без файла — только картинка; музыку и голос добавляют отдельно.

Что делать, если получилось не то?

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

Ролик можно отдать монтажёру?

Да, на выходе обычный MP4 без водяных знаков — открывается в любой программе монтажа.

HyperFrames: как сделать видео с движущимся текстом