Соберем короткое видео из твоих материалов через Codex и Remotion. Начнем с 15-секундной заставки: два изображения, понятный текст и финальный экран. Затем разберем вариант с говорящей головой, субтитрами и графикой по смыслу.

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

## Пример: исходник и готовый монтаж

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

<figure class="montage-example">
<video controls playsinline preload="none" width="1920" height="1080" poster="/images/resources/montage/horizontal-before-after-20261008.webp" src="/images/resources/montage/horizontal-before-after-20261008.mp4" aria-label="Сравнение исходника и монтажа: до слева, после справа"></video>
<figcaption>До - слева. После - справа. Один исходник, 10 секунд.</figcaption>
<a href="/images/resources/montage/horizontal-before-after-20261008.mp4">Открыть видео отдельно </a>
</figure>

Такой монтаж можно собрать на своем видео и сохранить его оформление для следующих роликов. Ниже начнем с простого проекта; в шаге 4 есть отдельный запрос для монтажа говорящей головы.

Используете Claude? Есть [отдельная инструкция для Claude](/resources/make-videos-using-claude/).

## Что получится

Для первой попытки сделаем вертикальный ролик на 15 секунд: заголовок, два-три кадра о проекте и финальный экран. Правки задаются обычным текстом: увеличить надпись, заменить картинку, изменить переход.

Remotion собирает видео из кода. Здесь мы создаем анимацию и монтируем свои материалы. Генерация новых сцен через Higgsfield для этой инструкции не требуется.

## Что понадобится

- Codex с доступом к локальной папке и командам.
- Node.js и подключение к интернету для установки проекта.
- Текст, логотип, фотографии или видеозаписи, которые хотите использовать.

Доступ к AI-инструменту зависит от вашего аккаунта. Если используете Remotion для коммерческой работы, проверьте [условия лицензии](https://www.remotion.dev/license): они зависят от способа использования и размера команды.

## Учебный ролик с готовым таймингом

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

В Remotion 15 секунд при 30 кадрах в секунду составляют 450 кадров. По этому числу удобно проверить общую длительность. Музыку и сложные эффекты добавляй после того, как текст уже успевает читаться.

```prompt
В Codex подготовь монтажный план учебного ролика в Remotion. Материалы: public/clay.jpg, public/cup.jpg, public/logo.png. Формат 1080 x 1920, 30 fps, 450 кадров.
Кадры 0-89: «Сделай свою первую чашку». Кадры 90-329: два изображения и короткие подписи по моим фактам. Кадры 330-449: «Посмотри формат занятия» и логотип.
Проверь наличие файлов. Если какого-то нет, назови его и не подменяй случайной картинкой. Создай композицию MyVideo, добавь спокойные переходы внутри общей длительности, покажи предпросмотр. Музыку пока не добавляй.
```

Для собственного проекта замени имена файлов и тексты. У горизонтального фото проверь кадрирование до анимации: важная часть предмета не должна исчезнуть за краем вертикального ролика.

## 1. Откройте проект и добавьте Remotion

Откройте Codex и создайте локальный проект с отдельной папкой, например `my-video-project`. В каталоге плагинов найдите **Remotion** и установите его. В новом чате этого проекта введите `$remotion` и выберите предложенный плагин. [Официальная инструкция Remotion для Codex](https://www.remotion.dev/docs/ai/codex-plugin).

Если используете Codex CLI или плагина нет в вашем интерфейсе, попросите установить навыки через `npx skills add remotion-dev/skills` и выберите Codex в установщике. Затем продолжайте в папке проекта.

Если Node.js еще нет, попросите ассистента проверить среду и помочь установить подходящую версию. [Начало работы с Remotion](https://www.remotion.dev/docs/ai/coding-agents).

## 2. Создайте проект и запустите просмотр

Вставьте запрос в чат выбранной папки:

```prompt
Подготовь локальный проект Remotion для короткого видео.

Проверь Node.js и npm. Если папка пустая, создай Blank-проект через актуальную команду create-video. Если в ней уже есть проект, изучи его и продолжи, не заменяя файлы.
Установи зависимости, проверь доступность навыков Remotion и запусти Remotion Studio.

Покажи адрес локального просмотра и точный путь к проекту. Сам ролик пока не создавай.
```

Ассистент может создать вложенную папку. Проверьте, что последующая работа идет именно в ней.

## 3. Добавьте свои материалы

Сложите фотографии, логотип и видео в папку `public` внутри проекта. Назовите файлы понятно: `logo.png`, `screen-1.png`, `clip.mp4`.

Для первой попытки хватит двух картинок и короткого текста. Музыку можно добавить позже, когда убедитесь, что темп и композиция подходят.

## 4. Соберите первый ролик

```prompt
Создай в Remotion ролик о [МОЙ ПРОЕКТ].

Формат: 1080 × 1920, 30 кадров в секунду, 15 секунд.
Стиль: [ЦВЕТА, ШРИФТЫ, НАСТРОЕНИЕ].
Материалы лежат в public: [ИМЕНА ФАЙЛОВ].

0-3 секунды: заголовок «[ТЕКСТ]».
3-11 секунд: покажи два-три материала проекта с короткими пояснениями [ТЕКСТЫ].
11-15 секунд: финальный экран «[ТЕКСТ И ДЕЙСТВИЕ]».

Используй крупный читаемый текст, спокойные переходы и небольшое движение изображений. Не добавляй мелкие декоративные подписи и случайные эффекты.
Создай композицию с ID MyVideo. Открой ее в предпросмотре и проверь начало, середину и финал.
```

Откройте Remotion Studio и посмотрите ролик со звуком, если он добавлен. Остановитесь на нескольких кадрах: текст должен успевать читаться и не выходить за границы экрана.

### Если монтируете говорящую голову

Вместо запроса на заставку выше используйте этот. Положите исходник в папку проекта и приложите примеры оформления, которое вам нравится.

```prompt
Смонтируй мое видео [ПУТЬ К ФАЙЛУ] в Remotion. Хочу разговорный ролик с субтитрами и графическими вставками по смыслу.

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

Оформление: [МОИ ЦВЕТА, ШРИФТЫ ИЛИ ПРИМЕРЫ]. Формат: 1080 × 1920.
Добавь читаемые субтитры, выделяй ключевые слова и используй отдельные текстовые экраны или графику там, где они помогают объяснению. Чередуй вставки с человеком в кадре. Не закрывай лицо и важные детали.
Музыку не добавляй, если мы ее не согласовали. Сохрани голос и проверь синхронизацию текста с речью.

Сначала покажи план монтажа короткого фрагмента на 10-15 секунд. После согласования собери его, запусти просмотр и покажи результат. Дальше внесем правки, экспортируем MP4 и сохраним утвержденный стиль.
```

## 5. Доработайте результат

Меняйте по одной заметной вещи за раз. Например:

```prompt
Сохрани последовательность сцен и материалы.
На втором экране увеличь заголовок и убери мелкий текст. Дай этой сцене на секунду больше, сократив первый переход.
Проверь, что общая длительность остается 15 секунд. Покажи обновленный предпросмотр.
```

Для субтитров нужна расшифровка с временными отметками или инструмент распознавания речи. Если прикладываете только видео, попросите сначала проверить, как получить текст и тайминг, а затем добавлять подписи.

## 6. Экспортируйте MP4

На Mac удобно хранить готовые видео отдельно от кода: `Movies/Клипы/название-проекта`. Создай свою папку выдачи и укажи ее абсолютный путь в запросе ниже. Исходники и прежние экспорты сохрани.

```prompt
Проверь композицию MyVideo: нет ли пропавших файлов, обрезанного текста и черных кадров.
Экспортируй ее в [ПАПКА ГОТОВЫХ ВИДЕО]/my-video.mp4. Сначала уточни абсолютный путь, если я его еще не указал. Покажи путь к готовому файлу и проверь его длительность, разрешение и воспроизведение.
Если экспорт завершится ошибкой, разберись с причиной. Не называй ролик готовым до появления рабочего файла.
```

Откройте готовый MP4 отдельно от предпросмотра. Сохраните папку проекта вместе с исходными материалами, чтобы потом менять текст, сцены и формат.

## 7. Сохраните свой стиль для следующих роликов

Когда результат вас устраивает, сохраните правила монтажа в папке проекта. В Codex такой файл называется AGENTS.md, в Claude Code - CLAUDE.md. Ассистент читает его при работе с проектом: там можно закрепить шрифты, субтитры, переходы и другие решения. [Как работают инструкции проекта](https://learn.chatgpt.com/docs/agent-configuration/agents-md).

```prompt
Мы закончили ролик, и этот монтаж мне нравится. Сохрани утвержденные правила в AGENTS.md в корне проекта. Если файл уже существует, дополни его, сохранив остальные инструкции.

Зафиксируй фактические решения из этого ролика: формат, шрифты и размеры текста, цвета, расположение и оформление субтитров, темп, переходы, работу со звуком и финальный экран. Укажи, где лежат исходники, как запускать просмотр и экспортировать MP4. Сохрани удачные компоненты для повторного использования.
Не придумывай предпочтения, которые мы не обсуждали. Покажи мне файл, чтобы я подтвердил правила.
```

Для следующего видео откройте ту же папку проекта, добавьте новые исходники и отправьте:

```prompt
Сначала прочитай AGENTS.md. Сделай новый ролик в сохраненном стиле из [МОИ НОВЫЕ ИСХОДНИКИ].
Сохрани прежний проект и готовый MP4. Для нового ролика создай отдельную композицию и файл экспорта.
Покажи черновик, внеси мои правки и экспортируй результат.
```

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

## Проверь готовый файл по сценам

Открой MP4 в обычном проигрывателе. Посмотри начало, переходы и финал, затем прослушай весь ролик. У говорящей головы дополнительно проверь имена, термины и момент появления субтитров. Автоматическая расшифровка может уверенно ошибиться именно в этих местах.

```prompt
Проверь экспорт по фактическому файлу: длительность 15 секунд, разрешение 1080 x 1920, частота 30 fps, наличие нужного звука. Сохрани контрольные кадры на 1-й, 6-й и 13-й секундах. Проверь читаемость, кадрирование и отсутствие пропавших материалов. Если файл горизонтальный в исходнике, не заявляй повышение его детализации после увеличения. Покажи путь к MP4 и результаты проверки; отдельно назови то, что нужно прослушать вручную.
```

Черный фрагмент обычно требует проверки пути, диапазона сцен и загрузки файла. Неправильная длительность требует проверки числа кадров. Исправляй причину и экспортируй новую версию с другим именем, чтобы было с чем сравнить.

Для следующих роликов сохрани удачные компоненты и правила проекта. Новый текст почти всегда требует нового тайминга: правило «все подписи по две секунды» не заменяет чтение конкретной фразы.

<details class="resource-extras">
<summary>Если что-то не работает</summary>
<div class="resource-extras-body">

## Если просмотр или экспорт не работает

Сообщите ассистенту, что видите, и приложите скриншот или сообщение об ошибке. Команды, зависимости и файлы проекта он проверяет сам.

```prompt
В этом проекте [НЕ ОТКРЫВАЕТСЯ ПРОСМОТР / НЕ ВИДЕН ФАЙЛ / НЕ ЭКСПОРТИРУЕТСЯ MP4]. Вот что я вижу: [ОПИСАНИЕ ИЛИ СКРИНШОТ].

Найди причину по файлам проекта и сообщениям об ошибках. Сам проверь зависимости, запуск просмотра, пути к материалам и композицию. Исправь проблему и проверь результат.
Для просмотра покажи рабочий адрес, для экспорта - путь к проверенному MP4. Если требуется действие с моей стороны, объясни только это действие простыми словами.
```

</div>
</details>

<!-- resource-practice-copy -->

Еще приемы для своих задач с ИИ собраны в [бесплатном Telegram](https://t.me/fake_senior_dev). Если хочется разобрать свой исходник вместе, есть [личные занятия](https://fakeseniordev.ru/lessons/): 50 минут, 7 500 ₽. Ты сам работаешь за компьютером, я объясняю и помогаю с монтажной задачей.

<!-- /resource-practice-copy -->
