Як додати логотип і оверлеї до трансляції 24/7 без OBS

Коли ви транслюєте заздалегідь записане відео з хмари, сервіс відтворює файл точно таким, яким ви його завантажили. Жодної сцени OBS поверх нього немає. Щоб показати логотип, картку «зараз грає» чи персонажа в трансляції 24/7, ці графічні елементи потрібно розмістити всередині відео ще до завантаження. Найчистіше це робиться за допомогою файлів PNG із прозорим фоном, які накладаються шарами у відеоредакторі й рендеряться в один фінальний файл.

У цьому посібнику ми розберемо, яка графіка насправді потрібна каналу, що працює цілодобово, як перетворити логотип або фото на чистий прозорий PNG, як вбудувати його в цикл, не зламавши місце склейки, і які помилки роблять оверлеї дешевими на вигляд у темній lo-fi сцені.

Головне

• Хмарне відтворення транслює саме той файл, який ви завантажили, тому логотипи й оверлеї потрібно рендерити безпосередньо у відео.
• Для кожного оверлею використовуйте PNG із прозорим фоном. JPG не підтримує прозорість і завжди виглядає як суцільний прямокутник.
• Створюйте оверлеї на полотні, що відповідає роздільній здатності трансляції, і рендеріть усі відео плейлиста з однаковою роздільною здатністю, орієнтацією та частотою кадрів.
• Статичні оверлеї мають покривати кліп від першого до останнього кадру, а цикл анімованих має без остачі вкладатися в тривалість петлі.

Чому оверлеї мають бути всередині відеофайлу?

Бо між вашим файлом і глядачем немає нічого, що могло б їх додати. У традиційній схемі OBS поєднує відео, вебкамеру, логотип і сповіщення на вашому власному комп'ютері, а потім надсилає зведену картинку на YouTube чи Twitch. Хмарний сервіс, що відтворює заздалегідь записане відео, замінює цей комп'ютер. StreamHouse, наприклад, не має браузерної студії чи відеоредактора й просить підготувати всі правки до завантаження. Він також не додає власного водяного знака, тож єдиний брендинг у вашій трансляції — той, який ви розмістили самі.

Звучить як обмеження, але це має два корисні побічні ефекти. По-перше, оверлей виглядає однаково на кожній платформі, куди ви ведете мультистрим, адже всі вони отримують ту саму відрендерену картинку. По-друге, кожне відео в плейлисті може мати власний оверлей. Музичний канал може вбудувати назву треку в кожен файл, і картка «зараз грає» змінюватиметься сама, коли плейлист переходить до наступного відео. В OBS для такого самого результату потрібні плагіни або ручне перемикання сцен.

Якщо ви переходите з налаштування на основі енкодера, посібник StreamHouse про перехід з OBS на хмарні трансляції охоплює решту кроків.

Що таке прозорий PNG і навіщо він кожному оверлею?

Прозорий PNG — це файл зображення з альфа-каналом: для кожного пікселя зберігається значення, яке підказує програмі, наскільки цей піксель прозорий. Там, де альфа дорівнює нулю, відео під зображенням просвічує повністю. На м'яких краях, як-от волосся чи плавні вигини логотипа, часткова альфа вписує графіку в сцену, тож вона не виглядає приклеєною.

JPG не може зберігати альфа-канал. Логотип, збережений у JPG, завжди тягне за собою прямокутник фонового кольору, зазвичай білого, і цей прямокутник видно як рамку поверх вашої трансляції. WebP теж уміє зберігати прозорість, але не кожен відеоредактор його імпортує, тому для доріжок з оверлеями надійніше обирати PNG.

DaVinci Resolve, Adobe Premiere Pro, CapCut і Shotcut коректно враховують прозорість PNG, коли ви розміщуєте зображення на доріжці над відео.

Яка графіка потрібна для трансляції 24/7?

Більшості цілодобових каналів вистачає короткого списку. Зробіть кожен елемент один раз, у повній якості, і використовуйте його в усіх відео:

1. Логотип у куті. Телевізійники називають його «баг»: невеликий, часто напівпрозорий знак в одному з кутів, який підказує випадковим глядачам, чий канал вони дивляться.
2. Картка «зараз грає» або нижня третина (титр). Назва треку й виконавець для музичних каналів, назва епізоду для подкастів, назва гри чи розділу для повторів.
3. Вирізаний персонаж або ведучий. Намальований персонаж, маскот чи фото ведучого, що розміщується поверх фонової петлі.
4. Картка із закликом до дії. Назва каналу, короткий рядок «підпишіться» або нікнейм у соцмережах. Показуйте її час від часу: картка, яка ніколи не зникає з екрана, перетворюється на шпалери.
5. Мініатюра. Це не оверлей, але вона складається з тих самих вирізаних зображень, тож її варто робити разом з ними.

Як зробити чисті оверлеї з логотипа або фото

1. Почніть із найкращого джерела, яке у вас є. Якщо логотип існує як дизайнерський файл (SVG, Illustrator, Figma), експортуйте PNG із прозорим фоном безпосередньо з нього. Це завжди чистіше, ніж вирізати його з пласкої картинки. Для фото ведучого, маскота-улюбленця чи товару беріть оригінальний файл із камери, а не скриншот чи завантаження із соцмереж.
2. Видаліть фон, якщо він є в джерелі. Коли у вас є лише логотип на білому JPG або фото на тлі стіни, пропустіть його через ШІ-засіб для видалення фону, наприклад remover.bg, і завантажте результат як прозорий PNG. Волосся, хутро та інші тонкі краї обробляються за один прохід — саме там, де ручне вирізання зазвичай і підводить. Про специфічні для логотипів проблеми, як-от тонкі лінії та дрібний текст, читайте в цьому посібнику про видалення фону з логотипа.
3. Перевірте краї на темному фоні. Lo-fi, ембієнт та ігрові сцени переважно темні, і ледь помітна світла облямівка, невидима на білому, перетворюється на очевидний ореол. Покладіть PNG на чорний шар і збільште масштаб до 200%, перш ніж рухатися далі. Виправляйте ореол у вихідному зображенні: зменшення оверлею лише ненадовго його приховає.
4. Розмістіть графіку на полотні розміром із вашу трансляцію. Створіть прозоре полотно з вихідною роздільною здатністю (1920×1080 для 1080p, 3840×2160 для 4K, 1080×1920 для вертикальної трансляції) і розташуйте на ньому графіку. Повнокадровий PNG ідеально стає на місце, коли ви перетягуєте його в редактор, без жодного масштабування на таймлайні.
5. Залиште безпечний відступ. Платформи малюють власний інтерфейс поверх вашої картинки: наприклад, елементи керування плеєром унизу на YouTube, а кнопки й підписи праворуч і внизу в TikTok. Тримайте логотипи й текст подалі від самих країв, щоб інтерфейс їх не перекривав.
6. Експортуйте в PNG із зрозумілими назвами файлів. Назви на кшталт logo-bug-1080p.png і nowplaying-track-04.png позбавлять вас довгих здогадів, коли через кілька місяців ви перебудовуватимете плейлист.

Як вбудувати оверлеї в безшовну петлю

Більшість каналів 24/7 зациклюють фоновий кліп або плейлист, тож оверлей має пережити момент, коли відео починається спочатку. У редакторі:

1. Розмістіть фонове відео на нижній доріжці, а кожен PNG — на доріжці над ним.
2. Налаштуйте непрозорість логотипа. Багато каналів роблять кутовий баг частково прозорим, щоб він не конкурував зі сценою.
3. Розтягніть статичні оверлеї на весь кліп. Логотип має починатися на першому кадрі й закінчуватися на останньому. Якщо він з'являється на кілька кадрів пізніше чи зникає раніше, глядачі бачитимуть, як він блимає щоразу, коли петля перезапускається.
4. Узгодьте цикли анімації з тривалістю петлі. Повільна пульсація, що повторюється кожні 4 секунди в 60-секундній петлі, проходить рівно 15 разів і чисто сходиться на склейці. Пульсація з циклом 7 секунд — ні, і стрибок буде помітно.
5. Рендеріть усі файли з одним пресетом експорту. StreamHouse вимагає, щоб відео в плейлисті мали сумісну роздільну здатність, орієнтацію та частоту кадрів, тож оберіть один пресет (наприклад, H.264 MP4 з 1920×1080 і 30 fps) і використовуйте його для кожного відео в плейлисті.
6. Перегляньте склейку до завантаження. Відтворіть останні п'ять секунд і перші п'ять секунд одне за одним. Якщо щось стрибає, виправте це зараз, а не в ефірі.

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

Мініатюри: ті самі вирізки, інше завдання

Для трансляції 24/7 мініатюра працює як вивіска магазину. Саме її люди бачать у пошуку й рекомендаціях, перш ніж вирішити, чи заходити, і показується вона в малому розмірі. Об'єкт, вирізаний з оригінального фону й розміщений на яскравому суцільному кольорі, добре читається в такому розмірі, тож вирізки, які ви зробили для оверлеїв, зазвичай дають і найсильніші мініатюри.

Перед експортом перевірте актуальні вимоги. Сторінка довідки YouTube про мініатюри наразі рекомендує 3840×2160 пікселів у співвідношенні 16:9, мінімальна ширина — 640 пікселів, формат JPG або PNG. Про кроки саме для прямих трансляцій StreamHouse розповідає в статті як додати власну мініатюру до трансляції на YouTube.

Типові помилки з оверлеями в трансляціях 24/7

• Біла рамка. Десь на шляху логотип зберегли як JPG. Повторно експортуйте його в PNG і переконайтеся, що редактор показує під ним шахову сітку або відео.
• Ореол. Світлий контур навколо вирізаного об'єкта на темній сцені. Виріжте його заново з кращого джерела й перевірте на чорному перед рендером.
• Розмита графіка. Оверлей зробили маленьким і збільшили на таймлайні. Натомість створюйте його одразу в повній роздільній здатності трансляції.
• Задрібний текст для телефонів. Якщо ви не можете прочитати нижній титр на власному телефоні на відстані витягнутої руки, ваші глядачі теж не зможуть.
• Блимання на точці петлі. Оверлей, який не покриває кліп від першого до останнього кадру.
• Графіка, на яку у вас немає прав. Персонаж чи логотип, що належить комусь іншому, може призвести до скарги на вашу трансляцію або її видалення. Використовуйте графіку, яку створили самі, замовили чи ліцензували саме для такого використання.

Збираємо все разом у StreamHouse

Коли фінальні файли відрендерено, далі йде звичний хмарний процес: завантажте відео, впорядкуйте їх у плейлист, увімкніть зациклення й оберіть платформи. Оскільки оверлеї є частиною картинки, кожна платформа, куди ви ведете мультистрим, показує ту саму брендовану трансляцію, поки ваш комп'ютер вимкнено. Якщо це ваш перший канал, посібник для початківців проведе вас крок за кроком.

Поширені запитання

Чи можна додати логотип до трансляції 24/7 без OBS?

Так. Відрендерте логотип у відео в редакторі до завантаження. Сервіси хмарного відтворення транслюють файл як є, тож логотип, вбудований у відео, з'являється на кожній платформі весь час, поки це відео відтворюється.

Чи додає StreamHouse власний водяний знак?

Ні. StreamHouse зазначає, що трансляції не мають водяного знака на жодному тарифі, включно з безкоштовним, тож єдиний брендинг на екрані — той, який ви додали самі.

У якому форматі має бути оверлей для трансляції?

PNG із прозорим фоном. JPG не може зберігати прозорість, а WebP, хоча й підтримує прозорість, імпортується не кожним відеоредактором.

Якого розміру має бути оверлей для трансляції?

Створюйте його на полотні, що відповідає роздільній здатності трансляції: 1920×1080 для 1080p, 3840×2160 для 4K або 1080×1920 для вертикальних трансляцій. Повнокадрові оверлеї стають на місце без масштабування й залишаються чіткими.

Чи можна змінити оверлей під час трансляції?

Не всередині відео, яке вже відтворюється, бо оверлей є частиною файлу. Перерендерте відео з новим оверлеєм і замініть його в плейлисті; StreamHouse підтримує додавання, видалення та зміну порядку підготовлених відео під час трансляцій із підтримкою live-queue.

---

Про автора: цей посібник написала команда remover.bg — ШІ-засобу для видалення фону у вебі та на мобільних пристроях, який перетворює фото й логотипи на прозорі PNG для мініатюр, оверлеїв і зображень товарів.