> ## Documentation Index
> Fetch the complete documentation index at: https://docs.goframe.dev/llms.txt
> Use this file to discover all available pages before exploring further.

# Моушн-графика

> Генерация анимированных титров, нижних плашек, графиков, обратных отсчетов и логотипов в стиле проекта, правка по запросу и подготовка к экспорту

Попросите GoFrame Editor Agent сделать анимированный оверлей, и он напишет моушн-графику под задачу: титульную карточку, нижнюю плашку (lower third) с именем спикера, число, которое набегает до нужного значения, обратный отсчет, появление логотипа, финальную заставку. Результат — клип **Motion** на таймлайне, который рендерится в разрешении проекта и следует его визуальной идентичности.

## Перед началом

* **Текст и задача.** Что написано на графике, зачем она нужна и где стоит в монтаже. Цвета, шрифты и тайминг берутся из визуальной идентичности проекта, так что расписывать их не нужно.
* **Визуальная идентичность (рекомендуется).** Один раз запустите `/visual-identity` с несколькими словами о стиле. Агент напишет дизайн-бриф (`DESIGN.md`, виден среди файлов **Воркспейса** (Workspace) в чате) с палитрой, типографикой, характером движения и списком того, чего избегать. Все последующие моушн-графики, изображения и видео будут ему следовать. Без него агент использует встроенный нейтральный стиль.
* **Ассеты (по желанию).** Логотип или фото в **Медиатеке** (Media pool), которые должна использовать графика. Ссылайтесь на них через `@`.
* **Кредиты.** Моушн-графику пишет сам агент, а не медиамодель, поэтому отдельной цены за клип нет; кредиты за промпт учитываются как использование агента — посмотреть их можно в **Настройки → Дополнительно → Использование** (Settings → Advanced → Usage).

## Запрос агенту

Описывайте назначение графики, а не пиксели. Начните с `/motion-graph-gen` или просто напишите словами.

```text theme={"dark"}
/motion-graph-gen анимированная нижняя плашка с именем спикера
```

```text theme={"dark"}
Добавь титульную карточку в начале: «Квартальный отчет» с подзаголовком «Q3 2026», 4 секунды, полное появление и уход.
```

```text theme={"dark"}
Сделай плашку со статистикой, где число набегает до 4,2 млн пользователей. Поставь на 0:42 на 5 секунд.
```

```text theme={"dark"}
Появление логотипа из @logo.png, 3 секунды, в конце таймлайна.
```

```text theme={"dark"}
В том же стиле, что первая нижняя плашка, но для «Майя Чен, руководитель дизайна», на 1:10.
```

<Frame>
  <img src="https://mintcdn.com/goframe-fb816310/nCYzUacADHcqMX4R/images/editor/motion-graphics-chat.png?fit=max&auto=format&n=nCYzUacADHcqMX4R&q=85&s=26667b3ce5f8ba16edac3ca527e561d3" alt="Чат с агентом: запрос на нижнюю плашку, карточка задачи «Моушн-графика» и отрендеренные кадры превью" width="1680" height="1440" data-path="images/editor/motion-graphics-chat.png" data-path="images/editor/motion-graphics-chat.png" />
</Frame>

## Параметры

| Что можно задать      | Значения                                                                                                                                                                                                     |
| --------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
| **Тип**               | Титульная карточка, нижняя плашка, маркер главы, статистика или счетчик, график, появление логотипа, обратный отсчет, финальная заставка, цитата, бейдж, оверлей для соцсетей                                |
| **Длительность**      | Любая; 8 секунд, если не указать                                                                                                                                                                             |
| **Характер движения** | Статичная (водяные знаки, постоянные подписи), только появление (нижние плашки, уведомления), луп (обратные отсчеты, пульсация), полный цикл (появление, удержание, уход; титульные карточки и маркеры глав) |
| **Позиция**           | Время («на 0:42»), относительное место («после интро») или «на плейхеде»                                                                                                                                     |
| **Источник стиля**    | Идентичность проекта; «в том же стиле, что» более ранняя графика; «тот же шаблон, поменяй только текст»; либо `/style-ref` с ассетом или ссылкой, чтобы позаимствовать их вид                                |
| **Ассеты**            | Изображения из Медиатеки или по URL                                                                                                                                                                          |

Графику пишет монтажная модель агента (по умолчанию Claude Sonnet 5). Прежде чем отчитаться, агент рендерит кадры графики и смотрит на них; если что-то не так (цвет, отступы, тайминг), он исправляет графику, рендерит заново и сообщает, что осталось поправить.

## Где появляется результат и что делать дальше

* Графика регистрируется в **Медиатеке** (фильтр **Motion**) и ставится на видеодорожку над вашим материалом в то время, которое вы указали.
* Карточка задачи **Моушн-графика** (Motion graphics) показывает ход работы в чате.
* Выделите клип и настраивайте его как любой другой: **Позиция** (Position), **Макет** (Layout), **Прозрачность** (Opacity), пресеты **Анимация** (Animate) и ключевые кадры в [Инспекторе](/ru/editor/inspector). Графика перерендеривается в любом размере, который вы зададите.
* Меняйте ее запросами: «сделай плашку меньше и сдвинь влево», «замедли счетчик», «замени логотип». Переиспользуйте: «продублируй это для каждого спикера».

<Frame>
  <img src="https://mintcdn.com/goframe-fb816310/nCYzUacADHcqMX4R/images/editor/motion-graphics-timeline.png?fit=max&auto=format&n=nCYzUacADHcqMX4R&q=85&s=f212b1935fd4cbb6608909dec600ff7e" alt="Клип Motion на видеодорожке над материалом; Медиатека отфильтрована по типу Motion" width="2200" height="1820" data-path="images/editor/motion-graphics-timeline.png" data-path="images/editor/motion-graphics-timeline.png" />
</Frame>

### Подготовка к экспорту

При экспорте моушн-графика рендерится кадр за кадром, как и вшитые субтитры, поэтому экспорт идет медленнее обычного. Справиться с этим можно двумя способами:

* Включите **Оптимизацию MG** (MG optimization) в Медиатеке. Графика в фоне запекается в видео, а окно **Фоновые задачи** (Background tasks) в верхней панели показывает задачу, пока она идет, — сам экспорт становится быстрее.
* Или просто экспортируйте. Диалог **Настройки экспорта** (Export Settings) предупредит, что экспорт будет медленнее, подготовит графику и затем отрендерит.

Слои моушн-графики не переносятся в экспорт **Проект для монтажа (NLE)** (Project for editing (NLE)); диалог сообщает об этом и просит пересоздать их в вашем редакторе. Вместо этого экспортируйте видеофайл или отрендерите участок с графикой как видеоклип и импортируйте его в Final Cut Pro, Premiere Pro или Resolve. См. [Экспорт для Final Cut, Premiere и Resolve](/ru/editor/export-for-nle).

## Быстрая альтернатива: Текстовые эффекты

Для простого анимированного появления текста генерировать графику не обязательно. Добавьте текстовый клип (`T`), откройте **Текстовые эффекты** (Text FX) в Инспекторе, выберите **По словам** (By word), **По буквам** (By letter) или **Перемешивание** (Scramble), задайте длительность **Появления** (Reveal) в секундах и **Плавность** (Easing), затем нажмите **Преобразовать в появление текста** (Convert to text reveal). Преобразование обратимо из нового клипа; существующие ключевые кадры не переносятся. См. [Текст и фигуры](/ru/editor/text-and-shapes) и [Анимация клипов](/ru/editor/animation-and-keyframes).

## Советы

* Говорите, для чего графика. «Нижняя плашка для CEO в серьезном отчете инвесторам» даст результат лучше, чем «синяя плашка».
* Объединяйте связанные графики в одно сообщение («нижняя плашка для каждого из этих трех спикеров») — агент сделает их за один раз и в одном стиле.
* Если не нравится вид, меняйте идентичность, а не отдельную графику: «сделай визуальную идентичность теплее и игривее», затем сгенерируйте заново.
* Проверяйте графику на паузе, а не только в движении. Титр должен читаться и как стоп-кадр.

## Что дальше

* [Текст и фигуры](/ru/editor/text-and-shapes)
* [Анимация клипов: пресеты и ключевые кадры](/ru/editor/animation-and-keyframes)
* [Экспорт видео](/ru/editor/export)
* [Навыки и воркфлоу](/ru/editor/skills)
