# Chat Flow: Анимация переписки

Разворачивается переписка: сообщения набираются и отправляются, собеседник показывает точки набора, приходят ответы и выскакивают реакции. Видеошаблон: код для Claude или монтаж в Subclip.

Canonical URL: https://www.subclip.app/ru/motion-graphics-templates/remotion/chat-flow

Preview video: https://subclipweb.subclip.app/motion-graphics-templates/v1/previews/motion-template-remotion-remocn-chat-flow.mp4?v=7cfbb558c8

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

- Фреймворк: Remotion
- Категория: Соцсети и чат
- Длительность: 12 с
- Соотношение сторон: 16:9, горизонтальное
- Код: Получить код (бесплатный вход): https://www.subclip.app/ru/motion-graphics-templates/remotion/chat-flow

Появляется чат шириной с экран телефона с шапкой контакта, лентой и полем ввода. Первое сообщение, где собеседника спрашивают, готов ли он к демо, набирается в поле, отправляется и поднимается в ленту. Во входящем пузыре появляются точки набора, которые превращаются в ответ "Yep, pushing it live now", и выскакивает реакция 🔥. Второе сообщение, "Perfect, sending the link over", набирается, отправляется и получает 👍. Анимация длится около 12 секунд.

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

## Для чего подходит

- Реклама с сюжетом
- Демо функций мессенджера
- Сцены переписки в обучающих роликах
- Узнаваемые клипы для соцсетей

## Что можно изменить

- `speed`: Скорость воспроизведения (Число)
- `stageBackground`: Фон вокруг сцены (Цвет)

## Как использовать этот шаблон

1. Скачайте Subclip для Mac или Windows. Все шаблоны с этой страницы уже установлены в приложении.
2. Откройте панель шаблонов, выберите Chat Flow и перетащите его на таймлайн.
3. Измените текст, цвета и тайминг в настройках слоя или попросите ИИ-агента сделать это за вас.
4. Экспортируйте видео или скачайте код, чтобы использовать шаблон в своем проекте.

Основан на Chat Flow из remocn: https://remocn.dev