Как сделать оверлей для стрима

Делаем свой оверлей для стрима

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

Что нужно для создания своего оверлея для стрима?

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

Какие программы нужны для создания оверлея?
  1. Профессиональный редактор растровой графики (Adobe Photoshop)
  2. Красивые шрифты (выбирайте на свой вкус)
  3. Немного времени(минут: 10/30) и фантазии
  4. Прямые руки

Рисуем свой оверлей для стрима

При создание документа должно быть так
При создание документа должно быть так

Открываем наш: (Adobe Photoshop) и создаем документ с размерами 1920px1080 пикселей (или создаем с разрешением своего монитора) – > цвет фона прозрачный


По итогу должен быть такой документ как на скриншоте

Вот так должен выглядеть документ
Вот так должен выглядеть документ

И так пол дела сделали,теперь нам надо создать рабочие элементы этого самого оверлея: Берем с боковой панели инструментов прямолинейное лассо (Polygonal Lasso Tool) и начинаем рисовать к примеру квадрат где будет наш никнейм ютуба/твича как нарисовали доводим до последней точки лассо и кликаем два раза на левую кнопку мыши – чтобы оно применилось

Вот - как -то так
Вот – как -то так

Ну вот мы сделали,получили обводку, но теперь надо эту обводку как-то преобразить – берем и заливаем выделение любым цветом по – вашему желанию!

Заливка в фотошопе
Заливка в фотошопе

Чтобы залить выделенный фрагмент: Выберем снизу цвет первый на из выбранных им и заливается (синий) Далее выберем инструмент заливка на панели, двигаем стрелку к выделенному месту – жмем левую кнопку мыши

А вот наше творение залито
А вот наше творение залито
  • Супер! теперь давайте еще больше украсим его: Жмем два раза по слою (левая кнопка мыши) у нас откроется стиль слоя выберем обводку и выберем цвет или градиент (по вашему желанию) и делаем красивую обводку нашего блока по бокам. Положение внутри Высоту и толщину обводки все это на свое усмотрение. Давайте взглянем что у нас вышло.
Результат работы
Результат работы

О, вот теперь еще красивее стало, теперь можно настроить если хотите прозрачность правая колонка слои заливка двигаем ползунок влево/вправо, далее нам нужно написать к примеру имя нашего канала: левая колонка инструмент текст Смотрим что же вышло

Наш результат
  • Теперь если вы закончили с логотипом, жмем сохранить рекомендую сохранять через сохранить для web формат png (прозрачный) сохранять надо без обрезки, если у вас шаблон 1920 на 1080 значит в таком разрешение и сохраняйте!
  • Рекомендую каждый элемент подписывать дабы вы не путались: к примеру линия 1,логотип и так далее
Линия из  инструмента прямоугольник со скруглением
Линия из инструмента прямоугольник со скруглением

Все остальные элементы можно также нарисовать либо через прямолинейное лассо, либо через фигуры,главное работать аккуратно

Добавляем свой оверлей в стрим

Наш оверлей в программе OBS
Наш оверлей в программе OBS
  • Теперь нам нужно наш нарисованный оверлей,добавить в программу видеокодер ( к примеру OBS) открываем программу создаем сцену к примеру игры далее в источниках изображение добавляем элементы нашего нарисованного элемента открываем игру и настраиваем как нужно готово!
  • Не забываем в источниках все подписывать каждый элемент дизайна! а то запутаемся что за что отвечает! Каждый элемент надо рисовать отдельно и сохранять также отдельно, потому что попросту вы не сможете настроить так как вам нужно либо изображение при растягивание станет некачественным либо не встанет совсем.

Поздравляю! ваш собственный оверлей создан! Если помог поделись с другом :)

Рейтинг
( 1 оценка, среднее 5 из 5 )
Понравилась статья? Поделиться с друзьями:
 БЛОГ НЕ БЛОГЕРА |Вячеслав Миров