СправкаМоушн-дизайн

Моушн-дизайн

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

Моушн-дизайн — избранный пример, 37 секунд. В шагах ниже рабочий процесс объясняется на отдельном проекте Focus.

Начните с одного из пяти встроенных примеров

На экране Home выберите Motion design под полем запроса. Одновременно видны четыре строки. Прокрутите список примеров, чтобы увидеть внизу Product Promo.

Запись непрерывной прокрутки; приложение показывает по четыре строки за раз.

Выберите подходящее направление

  • Bring Ideas to Life: 20-секундная история в технике бумажной аппликации — для повествования, персонажей и фактуры ручной работы.
  • The Future Is Already Here: 20-секундный технологичный ролик — для монтажа в ритм, кинетической типографики и хромированных поверхностей.
  • Motion Designer Showreel: 15-секундная демонстрация моушн-дизайна — для портфолио и самопрезентаций.
  • One-Shape UI Motion: 14-секундная непрерывная трансформация интерфейса — от кнопок и состояний загрузки до проигрывателей и диаграмм.
  • Product Promo: 15-секундный ролик о вымышленном платежном продукте — для демонстрации преимуществ, интерфейса и фирменной концовки.

Сначала откройте Preview, затем адаптируйте запрос

Нажмите миниатюру, чтобы открыть Preview (предпросмотр). Закройте его, затем нажмите заголовок или текст запроса, чтобы поместить пример задания в редактор. Перед отправкой замените продукт, тексты, тайминг и стиль. Открытие предпросмотра не создает новый проект.

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

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

Шаг 1 — выберите Motion design

На экране Home откройте меню типа создаваемого контента под полем промпта и выберите Motion design. Под редактором появятся встроенные примеры моушн-дизайна. Одновременно в списке отображаются четыре строки; прокрутите его, чтобы перейти к пятой. При необходимости просмотрите все пять примеров, чтобы выбрать отправную точку.

Выберите Motion design в меню типа создаваемого контента на экране Home.

Шаг 2 — опишите результат

Укажите длительность, соотношение сторон, видимый текст, визуальное направление, тайминг сцен, аудио и итоговые файлы. Если нужны оба варианта, запросите редактируемый исходник и воспроизводимый файл MP4.

Создай 10-секундный продуктовый моушн-ролик под названием Focus с разрешением 1920×1080 и частотой 30fps. Используй бумажно-белый #fafafa, чернильный #262626 и сдержанный зелёный #63fe13 в качестве акцентного цвета. Непрерывно проведи одну зелёную точку через карточку задачи «Собрать», отметку «Готово» и финальный знак Focus. Покажи Focus на 0–2s, «Собрать» на 2–5s, «Готово» на 5–8s и «Освободите место для важного.» на 8–10s. Добавь мягкую оригинальную музыку и несколько ненавязчивых звуковых эффектов, без закадрового голоса и платных внешних сервисов медиаконтента. Создай в этом проекте редактируемый исходник и настоящий файл MP4.
Черновик брифа на английском языке в редакторе на экране Home. Перед отправкой проверьте тип создаваемого контента.

Шаг 3 — дождитесь создания и рендеринга

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

Приложение рендерит фактическое видео.

Шаг 4 — проверьте видео

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

Исходные элементы управления приложения и их расположение. Изображение в проигрывателе скомпоновано из избранного ролика в качестве иллюстрации.
Синяя сцена в живописной манере на 18-й секунде избранного ролика.

Шаг 5 — запросите одну конкретную правку

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

Замени финальную строку «Освободите место для важного.» на «Сосредоточьтесь на важном.». Сохрани остальные сцены, десятисекундную длительность, цвета и аудио без изменений. Отрендери focus-v2.mp4 и сохрани исходный файл focus.mp4 для сравнения.
Исходные элементы управления приложения и их расположение. Изображение в проигрывателе скомпоновано из избранного ролика в качестве иллюстрации.

Шаг 6 — скачайте проверенную версию

Откройте файл MP4, который собираетесь передать, и нажмите Download на его верхней правой панели инструментов. Выберите расположение и имя файла в системном окне сохранения. Убедитесь, что локальный файл существует, воспроизводится и содержит последние правки. Если в окне сохранения не удаётся завершить операцию, сохраните проект и при обращении в службу поддержки приложите сведения об ошибке из этого окна. Нажатие элемента управления Download ещё не означает, что сохранение завершено.

Исходные элементы управления приложения и их расположение. Изображение в проигрывателе скомпоновано из избранного ролика в качестве иллюстрации.

Сохраните редактируемый проект

В этом примере точкой входа служит файл motion-source/focus/index.html. При переносе исходника храните рядом с ним файл GSAP, шрифты и аудио. MP4 — это готовый материал для воспроизведения; он не содержит редактируемый исходный проект.

Исходные элементы управления приложения и их расположение. Изображение в проигрывателе скомпоновано из избранного ролика в качестве иллюстрации.

Как сделать бриф понятнее

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