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

Lower Thirds Навык.

Рендерите прозрачные анимированные именные плашки и эфирные оверлеи.

  • Нижние титры
  • Типографика
Скачать OpenDesignОткрыть руководство по использованию
Обзор исходных материалов · lower-thirdsSKILL.md
Задача Рендерите прозрачные анимированные именные плашки и эфирные оверлеи. Результаты Прозрачные файлы оверлеев WebM или ProRes 4444 для нужного назначения. Перед началом Предоставьте точные имена и должности, шрифты передачи и целевой проигрыватель. Выберите формат до рендера: требования прозрачного оверлея для OBS или редактора отличаются от обычного MP4.
Редакционное описание · исходные материалы проверены 2026-11-02 · не сгенерированный пример

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

Рендерите прозрачные анимированные именные плашки и эфирные оверлеи

Создавайте читаемые именные плашки в прозрачном WebM или ProRes с редактируемыми данными карточек и проверкой текста, тайминга и альфа-канала.

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

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

lower-thirds создаёт анимированные именные плашки и другие оверлеи как прозрачные видеофайлы. Покадрово рисует графику на canvas, затем экспортирует формат для трансляции, браузера или монтажного приложения. Всё вне нарисованной графики остаётся прозрачным.

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

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

  • Прозрачные файлы оверлеев WebM или ProRes 4444 для нужного назначения.
  • Редактируемый HTML-исходник с данными карточек и таймингом.
  • Превью кадра удержания и контактные листы появления/исчезновения.
Смотреть пример задания

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

  1. 01
    Прочитайте точный текст карточек

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

  2. 02
    Спроектируйте оверлей

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

  3. 03
    Проверьте и декодируйте результат

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

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

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

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

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

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

Ограничения

  • H.264 нужен сплошной фонРендерер использует форматы с альфа-каналом для прозрачности, а для обычного MP4 требует цвет фона.
  • У рендерера локальные зависимостиИсточник перечисляет Node, инструменты браузерного захвата, Chrome или Chromium и FFmpeg.
  • Веб-воспроизведение зависит от назначенияИсточник отдельно маршрутизирует доставку в Safari; один прозрачный файл не гарантирует совместимость со всеми браузерами.

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

  • Точный текстПредоставьте каждое имя, должность или подпись в точном виде.
  • НазначениеУкажите OBS, браузер, монтажное приложение или процесс с хромакеем.
  • Дизайн передачиПредоставьте цвета, шрифты, настроение, размер кадра и требования длительности.

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

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

  1. Читаемость поверх видео

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

  2. Чистые монтажные границы

    Пустые начальный и конечный кадры предотвращают резкое появление или исчезновение графики.

  3. Проверенный альфа-канал

    Источник декодирует кадр удержания, а не доверяет одному расширению файла.

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

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

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

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

Предоставьте каждое имя, должность или подпись в точном виде.

Исходный файл в репозитории
https://github.com/iart-ai/lower-thirds-skills/blob/aa8ef7ed9fa59d0a79fc57701e493cfd8197b5d8/skills/lower-thirds/SKILL.md

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

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

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

Пример задания
Используй lower-thirds для одинаково оформленных оверлеев трёх гостей подкаста с именами и должностями из приложенного списка. Используй нашу тёмно-зелёную и кремовую палитру, держи графику слева внизу, оставив центр для спикера. Предоставь прозрачные WebM для OBS и редактируемый HTML. Каждое имя должно оставаться неподвижным в течение пятисекундной паузы чтения; первый и последний кадры пустые. Проверь самое длинное имя, оверлей на светлом и тёмном фоне, а также кадры появления и исчезновения до рендера всех карточек.

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

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

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

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

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

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

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

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

Владелец источника
iart-ai
Репозиторий
iart-ai/lower-thirds-skills
Файл навыка
SKILL.md
Лицензия
MIT
Проверенный снимок
2026-11-02 · aa8ef7ed9fa5
Редакционное резюме источника
Рендерите прозрачные анимированные именные плашки и эфирные оверлеи.

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

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

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

Можно получить прозрачный MP4?

Источник использует WebM или ProRes 4444 для альфа-канала. Обычный путь H.264 MP4 требует сплошного фона, например зелёного для хромакея.

Можно создать несколько имён сразу?

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

Автоматических проверок достаточно?

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

OpenDesign

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

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

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