Как добавить графику и наложения к живому видео с помощью Open Broadcaster (OBS)

Как добавить графику и наложения к живому видео с помощью Open Broadcaster (OBS)

Мари Гардинер, 8 сентября 2020 г. (обновлено 31 августа 2022 г.)

Open Broadcast Software Studio, или сокращенно OBS, — это программное обеспечение для быстрого и простого бесплатного (с открытым исходным кодом) вещания и потоковой передачи. Интерфейс прост в использовании и позволяет настраивать видео с помощью графики — это отличный инструмент для придания блеска и профессионализма вашей трансляции. В этом руководстве по наложениям OBS мы рассмотрим несколько способов, которыми вы можете использовать графику, и то, как вы можете сделать это в OBS.

Прямая трансляция графики в OBS

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

1. Как добавить оверлейную графику в OBS Studio

Оверлей может быть очень простой графикой, такой же незамысловатой, как рамка вокруг кадра вашего видео. Хотите знать, как работают живые оверлеи OBS? Стримеры на Twitch активно используют оверлеи, потому что они дают вам возможность персонализировать свой контент. Вы также можете использовать оверлеи OBS в качестве заполнителей для слов «скоро начнется» и «спасибо за просмотр», чтобы не оставлять зрителей с пустым экраном.

Создайте свой собственный оверлей

Научиться добавлять оверлеи в OBS проще, чем вы думаете. Вы можете создать свое собственное наложение, и у нас есть отличное руководство о том, как это сделать в Photoshop, которое стоит проверить.

Вместо того, чтобы искать бесплатные оверлеи для OBS, посмотрите этот оверлей Twitch для OBS от Placeit.

Если Photoshop кажется вам слишком сложным, попробуйте Placeit. С Placeit вы можете создавать графику канала, используя интерактивные шаблоны для настройки существующих дизайнов в вашем веб-браузере. Это отличный способ получить что-то, что выглядит профессионально и может быть настроено в соответствии с вашим брендом, не заставляя вас создавать что-то с нуля или изучать другую новую программу.

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

Добавьте свой оверлей

Чтобы добавить оверлеи в OBS (я добавлю этот пример Placeit, который я немного изменил), выберите сцены вы хотите добавить его к — мой ‘Тест‘ – и затем перейти к Источники > Добавить > Фото товара.

Оверлей импортирован в OBS. Вы можете использовать это для создания наложений T Witch.

И ваше оверлейное изображение OBS накладывается поверх вашего видеоисточника. Теперь вы знаете, как добавить оверлеи в OBS. Используйте это руководство для создания оверлеев Twitch. Это просто!

Краткое примечание о сценах

Сцены в OBS — это способ настроить предпочтительный макет, источники видео и настройки звука для определенного типа трансляции или потока. Если вы снимаете видео на разные темы, если вы геймер, который транслирует более одной игры, или если у вас есть два или более видеопотока (например, камера на хосте и снимок экрана из вашего игрового процесса), вы найдете сцены очень удобно.

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

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

2. Как добавить текст в OBS

Текст, конечно, строго не относится к графике, но есть два способа добавить его в OBS. Первый заключается в непосредственном вводе его через Источник меню (Добавить > Текст), а второй — создать его в другом месте, а затем импортировать как изображение.

Для этого просто создайте желаемый текст в своей обычной программе, например Photoshop.

Образец текста, созданный в Photoshop

Сохранить как PNG файл, чтобы сохранить прозрачный фон. Затем, в Источники поле, нажмите Добавить > Образ.

Добавление текста в виде изображения в OBS

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

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

Когда он находится на вашем экране, вы можете изменить его размер и положение, и у вас даже есть возможность уменьшить непрозрачность.

3. Как добавить анимационную графику в OBS

Если вы можете создавать видеоконтент в таких пакетах, как Premiere Pro или After Effects, вы можете использовать эту графику в OBS. Хотя вы не сможете напрямую редактировать или изменять контент в OBS, вы можете создавать такие вещи, как нижние трети или анимированные логотипы, и преобразовывать их в MP4 или другой видеофайл для включения в свою сцену.

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

Вот быстрый пример, который я сделал, нижняя треть, и как добавить ее в ваш сцены:

Попробуйте добавить графику в OBS Studio

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

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

Пользовательский интерфейс HUD, установленный codetoform, Envato Elements

Лучшие ресурсы от Envato, которые помогут вам сделать отличное видео

Вот еще ресурсы от Envato, которые помогут вам учиться и создавать потрясающие потоковые видео.

Envato Elements: неограниченные загрузки

На Envato Elements у вас есть доступ к сотням шаблонов видео, включенных в подписку. Это означает, что вы можете создать брендинг для вашей трансляции или прямой трансляции — например, анимированный логотип или набор нижних титров. Выноски могут быть полезны для таких вещей, как учебные пособия или трансляции распаковки, и существует любое количество анимированной графики, которая подходит для большинства проектов, так что вы можете поэкспериментировать и посмотреть, что работает для вас.

Elements предлагает миллионы стандартных элементов: фотографии, музыку, видеоклипы, шрифты, шаблоны видеопроектов для After Effects, Premiere Pro, Final Cut Pro и Motion, а также творческие курсы от Envato Tuts+ — все по одной подписке.

Скачайте бесплатное видео, бесплатную музыку и бесплатные шаблоны с Mixkit

Создайте видео с моушн-графикой онлайн с помощью Placeit

Placeit — это онлайн-производитель видео с профессионально разработанными шаблонами анимированной графики.

Прочтите Руководство по видеомаркетингу Envato

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

Научитесь транслировать и транслировать с уверенностью

Быстрый старт OBS: как бесплатно создать живое видео с помощью Open Broadcaster Software Studio

Open Broadcaster Software Studio — быстрый и простой способ начать трансляцию в прямом эфире. Он предоставляет вам несколько простых и эффективных инструментов, которые сделают ваше видео более привлекательным.

Как бесплатно записать свой экран с помощью программного обеспечения Open Broadcaster (OBS)

Узнайте, как установить и настроить программное обеспечение Open Broadcaster для Linux, Mac и ПК. В этом руководстве по записи экрана OBS мы рассмотрим сокращенный вариант.

3 лучших зацикленных видеофона (стоковые кадры) для потокового вещания

Используйте зацикленные фоновые кадры, чтобы видеопроизводство продолжалось без перерыва в действии! Проверьте эти лучшие выборы.

Как создать аудиторию для вашей прямой трансляции

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

Как улучшить качество изображения видео с веб-камеры с помощью OBS Studio (настройки, экспозиция, LUT)

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

Как транслировать видео на несколько платформ одновременно с Restream и OBS

Узнайте, как одновременно транслировать ваш контент на несколько платформ с помощью Restream, универсального решения для удобного обмена вашим контентом и OBS.

Два быстрых способа добавить динамический текст в ваш живой видеопоток в OBS

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

Об авторах

Мари Гардинер написала текстовую версию этого урока. Джанила Кастаньеда обновила раздел «Узнать больше» 21 июля 2022 года. Джексон Каус отредактировал и опубликовал его.

Электронная мобильность

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

ADAS и расширенные вычисления

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

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

Основа успешного автомобиля eMobility зависит от безопасности и эффективности аккумулятора. Охлаждение аккумулятора сводит к минимуму время зарядки и надежно увеличивает запас хода автомобиля. Демпфирующие и противопожарные материалы защищают батарею от ударов и экологических рисков.

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

Силовая электроника и инвертор

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

Предотвращение теплового разгона аккумуляторов электромобилей

Включить автономию 4 и 5 уровня

Уменьшите вес и создайте больше доступного пространства для дизайна

Увеличьте диапазон и срок службы батареи

Внедряйте новые модели быстрее

Предвидеть меняющиеся потребительские предпочтения

Оптимизация использования энергии

Защитите аккумуляторы от ударов при столкновении

Решите правила устойчивого развития будущего

Охлаждение и защита аккумулятора 3D-рендеринг

Изучите решения Boyd для аккумуляторов для электромобилей в нашем интерактивном 3D-модуле аккумуляторов.

Инструкции по созданию 3D-модели:

• Щелкните модель, чтобы развернуть ее, щелкните и перетащите, чтобы повернуть, прокрутите, чтобы увеличить
• Щелкните треугольник, чтобы просмотреть модель в полноэкранном режиме.
• Дважды щелкните 1, чтобы увидеть выноски компонентов
• Нажмите «i», чтобы увидеть названия компонентов.

Охлаждение батареи и предотвращение теплового разгона батареи

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

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

Уплотнения корпуса аккумуляторной батареи и защита от столкновений

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

Охлаждение инвертора и управление силовыми электронными термометрами

Возможность максимизировать использование энергии различными электронными компонентами в электромобиле требует, чтобы мощность подавалась в переменном токе (переменный ток), который генерируется в постоянном токе (постоянный ток) аккумулятором для точно контролируемого и потребляемого по требованию использования энергии. Для максимальной энергоэффективности и экологичности рекуперация мощности меняет процесс сбора энергии от двигателя, когда он не ускоряется, и возвращает ее для зарядки аккумулятора. Силовая электроника преобразует и контролирует электроэнергию в автомобиле eMobility, включая инверторы, преобразователи и бортовые зарядные устройства. Инверторы функционируют как преобразователь энергии в электромобиле, преобразовывая энергию постоянного тока в потребляемый переменный ток и регенерируемую энергию переменного тока обратно в постоянный ток. Системы жидкостного охлаждения Boyd и нестандартные охлаждающие пластины охлаждают высокие уровни тепла, выделяемого в качестве побочного продукта критически важных инверторов eMobility и другой силовой электроники, обеспечивая максимально эффективное преобразование и использование энергии, что приводит к увеличению диапазона и более быстрым циклам зарядки для лучшего принятия потребителями.

Усовершенствованные системы помощи при вождении ADAS и компьютерное охлаждение

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

Автомобильные дисплеи, телематические и информационно-развлекательные системы

Телематика и информационно-развлекательная система объединились в интеллектуальную внутреннюю электронику, которая обогащает работу водителя и повышает безопасность: от интеллектуальных сенсорных экранов, интуитивно понятных дисплеев на лобовом стекле (HUD) и мембранных переключателей с подсветкой до комплексной телематики, включая профилактическое техническое обслуживание, управление информацией и сетевое взаимодействие транспортных средств. Решения Boyd помогают OEM-производителям внедрять инновации в эти передовые функции автомобилей, снижая вес и сохраняя надежность.

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

Boyd в течение многих лет герметизировал, связывал, защищал, улучшал и охлаждал самые требовательные дисплеи в смартфонах в качестве основного партнера по инновациям для ведущих мировых OEM-производителей — огромный опыт, который разработчики телематики и информационно-развлекательных систем eMobility используют для ускорения инноваций. Boyd защищает электронные компоненты от непредвиденных пользовательских и погодных условий. Мы защищаем компоненты от суровых дорожных условий, сильной вибрации и внезапных ударов. Мы экранируем и изолируем сложную электронику, работающую в непосредственной близости, от помех друг другу. Мы блокируем и защищаем тепло и искровое напряжение от электронных компонентов. Результатом стал автомобильный дисплей с повышенной безопасностью и комфортом для потребителей.

Медицина

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

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

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

Оборудование для диагностики in vitro (IVD), полимеразная цепная реакция (PCR), микрофлюидика и связанные с ними расходные материалы увеличивают скорость, с которой медицинские работники могут диагностировать пациентов и начинать лечение. Инновации IVD, такие как лаборатория на чипе, позволяют быстрее и дешевле принимать решения по диагностике. Точно контролируйте тесты с охлаждением медицинского оборудования Boyd IVD, чтобы управлять стабильностью образцов с высокой надежностью. Используйте производство Boyd для производства микрофлюидных диагностических ламинатов и печатей для ПЦР-тестирования, которые упрощают сбор, хранение и сохранение образцов в небольшом формате, сокращая манипуляции, а также время и затраты на управление сотнями тестов.