106.9K+Скачать
Перейти к руководству
Shot Compositionавтор iart-ai

Shot Composition Навык.

Планируйте кадрирование, иерархию фокусов, движение камеры и композицию разных форматов.

  • Построение кадра
  • Композиция
Скачать OpenDesignОткрыть руководство по использованию
Обзор исходных материалов · shot-compositionSKILL.md
Задача Планируйте кадрирование, иерархию фокусов, движение камеры и композицию разных форматов. Результаты Спецификация кадра с сеткой, отступами и координатами фокуса. Перед началом Перечислите нужные размеры кадров и контент, который должен оставаться видимым. Выберите главный объект и намерение камеры до запроса отдельных горизонтальных, квадратных и вертикальных раскладок.
Редакционное описание · исходные материалы проверены 2026-11-02 · не сгенерированный пример

01 Возможности

Планируйте кадрирование, иерархию фокусов, движение камеры и композицию разных форматов

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

Процесс на основе источникаНе тест выполнения

Принцип работы

shot-composition планирует расположение элементов и то, как камера их раскрывает. Он объединяет сетки, иерархию фокусов, негативное пространство и глубинные слои в композиционный план с конкретными значениями. Особенно полезен, когда горизонтальная сцена должна работать и в вертикальном формате соцсетей.

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

Ожидаемые результаты

  • Спецификация кадра с сеткой, отступами и координатами фокуса.
  • Карта заднего, среднего и переднего планов.
  • Заметки о камере, появлениях и безопасных областях для каждого целевого соотношения сторон.
Смотреть пример задания

От задания до проверки

  1. 01
    Установите визуальную иерархию

    Выберите размеры и сетку кадра, затем ранжируйте элементы по размеру, контрасту, цвету и положению. Оставьте негативное пространство вокруг главного объекта.

  2. 02
    Назначьте глубину и поведение камеры

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

  3. 03
    Адаптируйте каждое соотношение сторон

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

02 Когда использовать

Когда использовать

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

Хорошо подходит

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

Ограничения

  • План требует реализацииДокументированный результат — спецификация композиции для процесса рендера или анимации.
  • Безопасные области зависят от контекстаИсточник предлагает отступы; итоговый интерфейс публикации и его реальные наложения всё равно нужно исследовать.

Что подготовить

  • Целевые кадрыПеречислите размеры, соотношения сторон, частоту кадров и площадки публикации.
  • Состав контентаПредоставьте главный объект, текст, логотипы и элементы, которые должны остаться видимыми.
  • Замысел движенияОпишите задачу камеры и желаемое настроение сцены.

03 Важные решения

Важные решения

  1. Меньше конкурирующих фокусов

    Иерархия не даёт заголовку, продукту и логотипу требовать одинакового внимания.

  2. Осмысленная глубина

    Разные роли слоёв помогают прочитать параллакс как пространство, а не скольжение плоской страницы.

  3. Осознанная вертикальная раскладка

    Перестройка не позволяет считать узкий экспорт слепой обрезкой горизонтальной композиции.

04 Пример задания

Попробуйте конкретное задание

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

Изучите исходные инструкции и настройку

Перечислите размеры, соотношения сторон, частоту кадров и площадки публикации.

Исходный файл в репозитории
https://github.com/iart-ai/motion-design-skills/blob/3c129f769d90a1328c209c386492333c9ac62312/skills/shot-composition/SKILL.md

Ссылка ниже открывает инструкции автора. Перед использованием изучите требования к настройке в репозитории; это не команда установки.

Начните с одного результата

Перед запуском навыка адаптируйте объём, исходные материалы и ограничения в этом задании.

Пример задания
Спланируй композицию главного продуктового кадра для 1920 × 1080 и 1080 × 1920. В сцене есть макет телефона, заголовок из шести слов, короткая метка статуса и небольшой знак бренда. Телефон — главный объект. Используй один медленный наезд камеры со сдержанным параллаксом фона. Укажи значения сетки, роли слоёв, направления входа и параметры камеры. Создай отдельный план вертикальной перестройки с местом для интерфейса соцсетей. Предоставь аннотированные заметки о композиции вместо кода и отметь контент, который не останется читаемым в меньшем кадре.

Проверьте результат

Сверьте фактический результат с этими наблюдаемыми критериями.

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

OpenDesign предоставляет локальное дизайн-пространство для кодинг-агентов. Этот список не означает, что навык входит в комплект или что его внешние инструменты, учётные данные и программные зависимости включены.

Скачать OpenDesignЧитать краткое руководство

05 Источник и лицензия

Исходные материалы и лицензия

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

Владелец источника
iart-ai
Репозиторий
iart-ai/motion-design-skills
Файл навыка
SKILL.md
Лицензия
MIT
Проверенный снимок
2026-11-02 · 3c129f769d90
Редакционное резюме источника
Планируйте кадрирование, иерархию фокусов, движение камеры и композицию разных форматов.

Оригинальное резюме от OpenDesign на основе указанного источника. Звёзды репозитория — датированный показатель популярности, а не использование навыка или оценка качества.

06 Вопросы перед началом

Вопросы перед началом

Навык создаёт анимацию?

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

Зачем разделять передний и задний планы?

Карта слоёв задаёт разные скорости и визуальный вес. Одинаковое движение всех слоёв создаёт плоский перенос, а не убедительную глубину.

Вертикальное видео — просто обрезка горизонтального?

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

OpenDesign

Храните задание и работу над дизайном вместе.

Храните задание, исходные материалы и дизайн-работу вместе в локальном рабочем пространстве. Перед добавлением навыка в рабочий процесс проверьте его собственную настройку.

Скачать OpenDesignПросмотреть дизайн-навыки
Исходный файл в репозитории
https://github.com/iart-ai/motion-design-skills/blob/3c129f769d90a1328c209c386492333c9ac62312/skills/shot-composition/SKILL.md