Как сделать дизайн для twitch

Оформление Твич-канала

Как сделать дизайн для twitch. Смотреть фото Как сделать дизайн для twitch. Смотреть картинку Как сделать дизайн для twitch. Картинка про Как сделать дизайн для twitch. Фото Как сделать дизайн для twitch

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

Что входит в оформление

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

Итак, после регистрации в Твич вы решили привести свой канал в порядок. Что это значит? В настройки входит комплекс следующих действий:

В Сети доступны шаблоны для Твича, но и в самостоятельном создании элементов нет ничего сложного. Более того, таким способом можно создать уникальный и неповторимый стиль аккаунта.

Аватар

Первое, с чего необходимо начать — добавить фото в Твич вместо изображения человечка на синем фоне справа вверху. По правилам системы разрешено использовать любую фотографию в формате JPG, GIF или PNG при условии, что ее размер не превышает 10 МБ. Для добавления аватара сделайте следующее:

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

Оформление шапки (баннера)

Когда дело доходит до настройки верхней части (шапки), пользователи часто используют шаблоны для оформления Твич канала, Рекомендуемые габариты шапки — 1200х480 при размере не более 10 Мб. Для внесения изменений можно пойти одним из двух путей:

Баннеры для шапки или превью можно оформить самостоятельно или заказать оформление шаблона для Твича у специалистов. В крайнем случае, картинку можно сделать в одной из программ для редактирования (как пример, Фотошоп) или скачать готовый вариант в Интернете (где доступны такие данные, рассмотрим ниже). Еще один способ — создать этот элемент дизайна на одном из онлайн-сервисов.

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

Кнопки (расширения)

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

Иконки

При желании можно скачать и использовать уже готовые иконки. С их помощью можно улучшить оформление стрима на Твиче и привлечь пользователей. Для загрузки изображений применяйте один из многочисленных сайтов, к примеру, icons8.ru/icons/set/twitch.

Картинки

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

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

Как добавить описание

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

Оформление Оверлея

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

Как вариант, overlay для Twitch можно сделать самостоятельно или скачать уже готовый вариант. Подробне о том, как это сделать, можно посмотреть в видео:

Где можно найти готовый шаблон

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

Что касается мест для скачивания, лучшие варианты можно взять на сервисе Canva, сайте Pinterest, в тематических сообществах ВК и других сервисах.

Оформление стрима

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

Отдельное внимание уделите параметрам трансляции. Сделайте следующие шаги:

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

Итоги

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

Источник

Как оформить свой канал на Твиче

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

Как оформить свой «Твич»-канал

К элементам, создающим дизайн канала, относятся:

Эти элементы способны создать атмосферу до того, как зритель запустит трансляцию.

Создание баннера

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

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

Выбор размеров

Минимальный размер баннера для шапки — 900 x 480 пикселей, а для превью видео — 1280 x 720. Однако такое разрешение предназначено скорее для ноутбуков с соотношением сторон 16:9 и гаджетов с меньшими экранами — смартфонов и планшетных ПК. Для корректного отображения на всех устройствах, включая Smart-телевизоры с большой диагональю, и во всех интернет-браузерах (Google Chrome, Firefox Browser и т.д.) рекомендуется делать превью с разрешением 2400 x 1350 и обложку 2600 x 480.

Картинки для «Твича»

Использование картинок в дизайне канала не должно нарушать ничьих авторских прав, иначе у стримера могут возникнуть проблемы (вплоть до блокировки аккаунта). Безопаснее всего создавать изображения самостоятельно либо покупать их. Однако в сети достаточно библиотек с бесплатными картинками. Кроме того, многие авторы открыто разрешают использование своих творений, выложенных в общий доступ.

Кнопки для Twitch

На главной странице можно активировать блоки, которые позволят показывать текст, ссылки и стилизованные кнопки. Для этого необходимо сдвинуть ползунок «Редактировать панели». Он находится под блоком с текущей трансляцией. Внизу появится лента с расширениями и кнопка для создания блоков. В этой форме будут поля для набора текста и кнопка для загрузки картинки. В описании можно использовать язык разметки Twitch.

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

Дизайн «Твич»-канала

Дизайн — это не только баннеры и кнопки. Важную роль играет и оформление элементов самого стрима, таких как:

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

Готовые баннеры для «Твича»

Оформление стрима

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

Что делает редактор на «Твиче»

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

Пользователь с полномочиями редактора получает следующие возможности:

Готовые шаблоны оформления Youtube и Twitch

Шаблоны оформления, готовые к использованию на Twich.TV и YouTube, можно найти на таких ресурсах, как:

Источник

Как добавить описание к стриму на Твиче

Стал популярным такой вид интернет деятельности как стриминг или видео трансляция игры. Публика любит наблюдать за игрой другого человека. Для организации стрима геймеры пользуются различными сервисами. Можно делать на youtube и goodgame restream обзор своего состязания. Однако самым посещаемым сервисом является Twitch, где геймеры собирают многочисленную аудиторию на своих вещаниях. Разобравшись, как добавить описание на «Твиче», сервис можно настроить под себя.

Как сделать дизайн для twitch. Смотреть фото Как сделать дизайн для twitch. Смотреть картинку Как сделать дизайн для twitch. Картинка про Как сделать дизайн для twitch. Фото Как сделать дизайн для twitch На Твиче можно добавить описание к стриму.

Настройка и оформление канала на «Твиче»

Для того, чтобы начать вести стримы, необходимо установить программу. Их много, каждый выбирает по своим предпочтениям и источникам. Далее заходят на «Твич», регистрируют свой канал. Но нужно иметь в виду, что изменить выбор имени в дальнейшем будет нельзя. Перейдя в настройки канала, заполняют необходимые поля и добавляют фото профиля. Фотография может быть в формате PNG, GIF или же JPG, главное, чтобы размер изображения был не более 3 Мб.

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

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

Чтобы их отредактировать нужно:

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

Картинки для оформления

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

Лента канала на twitch

На сервисе «Твич» есть новостная лента канала. Это неотъемлемый атрибут, который позволяет игрокам делится друг с другом информацией, видео, картинками, файлами. Можно даже делиться клипами с YouTube, а свои записи отправлять в Twitter.

Создание поста

В ленте можно создать пост. Для этого нужно выбрать «Лента канала». В открывшемся поле можно сделать запись, затем кликнуть кнопку «Опубликовать». Пост будет выставлен в ленте.

Отклик поста

Любой зритель может оценить пост, оставить отклик. Это делается с помощью эмоджи, смайлов или же лайков. Все это своеобразная обратная связь зрителя с автором поста.

Добавление панели

Редактор панели находится на странице канала.

Поле имеет 2 части:

Панели имеют разный размер, это зависит от их содержания.

Создание панели

Первое, что необходимо сделать для создания новой панели — это включить редактирование. Далее кликнуть по «Добавить текст или панель изображений». Теперь можно размещать все необходимое.

Добавление картинки

Выбранное изображение должно быть шириной 320 px, чтобы оно не выглядело размытым. Для добавления картинки нужно в панели редактирования выбрать «Добавить изображение».

Примеры синтаксиса Markdown

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

Существует следующий синтаксис:

С помощью знаков «*» или «+», добавленных перед надписью создают маркированный список. А, чтобы сделать список нумерованный, нужно использовать цифру с точкой.

Как добавить описание к стриму

Как сделать ссылки в описании

Для добавления ссылки пишут слова ссылки в квадратных скобках. Это будет выглядеть так: [ссылка].

Источник

Как Создать Twitch OBS Оверлей для Стрима в Photoshop

Russian (Pусский) translation by Ivan Gromov (you can also view the original English article)

Вы стримите на Twitch’е? Когда-нибудь хотели создать ваш собственный оверлей для стрима? В этом уроке мы рассмотрим основы создания стрим оверлея, для вашей трансляции в Adobe Photoshop. Мы cоздадим свой собственный Twitch оверлей, а затем мы загрузим его в Streamlabs OBS.

Streamlabs OBS в настоящее время доступен только для ПК. Однако, вы также можете использовать OBS Studio, с Muxy Alerts как альтернативой, если у вас Mac. Способы работы с этими инструментами аналогичны.

Так что, если вам нужен простой и быстрый способ создания OBS оверлеев, возможно вам стоит взглянуть на Placeit!

Как сделать дизайн для twitch. Смотреть фото Как сделать дизайн для twitch. Смотреть картинку Как сделать дизайн для twitch. Картинка про Как сделать дизайн для twitch. Фото Как сделать дизайн для twitch

Теперь, давайте углубимся в тему и поговорим о том, как оверлеи работают и сделаем свой собственный.

Что Вам Необходимо:

Следующие материалы были использование в данном уроке:

Найдите минутку чтобы решить, какие изображение вы хотели бы использовать в вашем Twitch оверлее. Я также люблю использовать скриншоты, чтобы понять, как все будет выглядеть, пока я создаю дизайн в Photoshop.

1. Как Работают OBS Стрим Оверлеи

Шаг 1

Сначала, давайте поговорим о том, что такое OBS стрим оверлей и как это работает.

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

Шаг 2

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

В общем, когда вы работаете с OBS, у вас есть три основных вещи, на которые стоит обратить внимание:

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

2. Как Создать Стрим Оверлей

Шаг 1

Шаг 2

Взгляните на список элементов, которые, вы возможно, захотите использовать в своем оверлее:

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

Шаг 3

Итак, как выбрать, что вам стоить добавить в ваше оверлей? Я бы посоветовал вам обратить внимание на следующие вещи:

На чем вы концентрируете внимание? Это здорово, когда у вас есть много интерактивных элементов на экране, однако убедитесь, что основное внимание зрителей сосредоточено на самой трансляции, а не декоративных элементах.

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

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

3. Как Создать Дизайн для Стрим Оверлея

Шаг 1

Откройте Adobe Photoshop и создайте Новый Документ.

Как сделать дизайн для twitch. Смотреть фото Как сделать дизайн для twitch. Смотреть картинку Как сделать дизайн для twitch. Картинка про Как сделать дизайн для twitch. Фото Как сделать дизайн для twitch

Шаг 2

Прежде чем завершить создание нашего документа, давайте изменим Содержимое Фона на Прозрачное.

Как только вы закончили, нажмите Ок.

Как сделать дизайн для twitch. Смотреть фото Как сделать дизайн для twitch. Смотреть картинку Как сделать дизайн для twitch. Картинка про Как сделать дизайн для twitch. Фото Как сделать дизайн для twitch

Шаг 3

В данном уроке, я собираюсь включить следующие элементы в мой макет:

Я начал с Cоздания Нового Слоя. Вы можете это сделать в Панели Слоев, как показано ниже. Я люблю давать названия своим слоям, чтобы все было хорошо организовано. Вы можете переименовывать слои, нажимая на их имена в Панели Слоев.

Как сделать дизайн для twitch. Смотреть фото Как сделать дизайн для twitch. Смотреть картинку Как сделать дизайн для twitch. Картинка про Как сделать дизайн для twitch. Фото Как сделать дизайн для twitch

Шаг 4

Затем, дублируйте этот слой. Чтобы сделать это, вам необходим использовать нажатие Правой Кнопки мыши (на PC) или нажать Левую Кнопку мыши, зажав Control (на Mac). В появившемся меню, выберите Создать Дубликат Слоя.

Как сделать дизайн для twitch. Смотреть фото Как сделать дизайн для twitch. Смотреть картинку Как сделать дизайн для twitch. Картинка про Как сделать дизайн для twitch. Фото Как сделать дизайн для twitch

Шаг 5

Теперь, нам нужно слить эти слои в один.

Зажмите Shift, чтобы выделить несколько слоев сразу. Затем, нажмите Правую Кнопку мышки (на PC) или зажмите Control и нажмите Левую Кнопку мышки (на Mac). В появившемся меню нажмите на Обьединить Слои.

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

Как сделать дизайн для twitch. Смотреть фото Как сделать дизайн для twitch. Смотреть картинку Как сделать дизайн для twitch. Картинка про Как сделать дизайн для twitch. Фото Как сделать дизайн для twitch

Шаг 6

Теперь, Дублируйте наш объединенный слой.

Как сделать дизайн для twitch. Смотреть фото Как сделать дизайн для twitch. Смотреть картинку Как сделать дизайн для twitch. Картинка про Как сделать дизайн для twitch. Фото Как сделать дизайн для twitch

Шаг 7

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

Как сделать дизайн для twitch. Смотреть фото Как сделать дизайн для twitch. Смотреть картинку Как сделать дизайн для twitch. Картинка про Как сделать дизайн для twitch. Фото Как сделать дизайн для twitch

Шаг 9

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

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

Как сделать дизайн для twitch. Смотреть фото Как сделать дизайн для twitch. Смотреть картинку Как сделать дизайн для twitch. Картинка про Как сделать дизайн для twitch. Фото Как сделать дизайн для twitch

Шаг 9

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

Поскольку наш текст довольно сложно увидеть, давайте добавим Обводку к тексту, чтобы улучшить его видимость.

Как сделать дизайн для twitch. Смотреть фото Как сделать дизайн для twitch. Смотреть картинку Как сделать дизайн для twitch. Картинка про Как сделать дизайн для twitch. Фото Как сделать дизайн для twitch

Шаг 10

Как только вы довольны результатом, нажмите ОК.

Как сделать дизайн для twitch. Смотреть фото Как сделать дизайн для twitch. Смотреть картинку Как сделать дизайн для twitch. Картинка про Как сделать дизайн для twitch. Фото Как сделать дизайн для twitch

Шаг 11

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

Как сделать дизайн для twitch. Смотреть фото Как сделать дизайн для twitch. Смотреть картинку Как сделать дизайн для twitch. Картинка про Как сделать дизайн для twitch. Фото Как сделать дизайн для twitch

Шаг 12

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

Как сделать дизайн для twitch. Смотреть фото Как сделать дизайн для twitch. Смотреть картинку Как сделать дизайн для twitch. Картинка про Как сделать дизайн для twitch. Фото Как сделать дизайн для twitch

Шаг 13

Теперь давайте создадим область для ссылок на наши социальные сети.

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

Как сделать дизайн для twitch. Смотреть фото Как сделать дизайн для twitch. Смотреть картинку Как сделать дизайн для twitch. Картинка про Как сделать дизайн для twitch. Фото Как сделать дизайн для twitch

Шаг 14

Заметили здесь шаблон? Мы собираемся повторить процесс, с помощью которого мы создали наши черные фигуры:

Как сделать дизайн для twitch. Смотреть фото Как сделать дизайн для twitch. Смотреть картинку Как сделать дизайн для twitch. Картинка про Как сделать дизайн для twitch. Фото Как сделать дизайн для twitch

Шаг 15

Теперь, давайте добавим еще немного контента.

Я использовал Инструмент Текста, для создания ссылок на соцсети и затем скопировал и вставил несколько иконок социальных сетей в свой макет.

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

Как сделать дизайн для twitch. Смотреть фото Как сделать дизайн для twitch. Смотреть картинку Как сделать дизайн для twitch. Картинка про Как сделать дизайн для twitch. Фото Как сделать дизайн для twitch

Шаг 16

Вы можете принять во внимание разрешение вашей вебкамеры. Я выбрал за основу, работать с размером 640 на 480 пикселей (создайте новый документ с этим размером, вставьте в ваш документ, а затем масштабируйте с помощью Инструмента Перемещения или Инструмента Трансформации. )

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

Как сделать дизайн для twitch. Смотреть фото Как сделать дизайн для twitch. Смотреть картинку Как сделать дизайн для twitch. Картинка про Как сделать дизайн для twitch. Фото Как сделать дизайн для twitch

Шаг 18

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

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

Затем выберите слой изображения и нажмите правую кнопку мышки (для PC) (или зажмите control и нажмите левую кнопку мышки (на Mac)) и выберите Создать Обтравочную Маску, из появившегося меню. Теперь, мы будет видеть тестовое изображение, вместо черного прямоугольника.

Как сделать дизайн для twitch. Смотреть фото Как сделать дизайн для twitch. Смотреть картинку Как сделать дизайн для twitch. Картинка про Как сделать дизайн для twitch. Фото Как сделать дизайн для twitch

Шаг 19

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

Как сделать дизайн для twitch. Смотреть фото Как сделать дизайн для twitch. Смотреть картинку Как сделать дизайн для twitch. Картинка про Как сделать дизайн для twitch. Фото Как сделать дизайн для twitch

Шаг 20

Я решил что хочу добавить некоторые дополнительные декоративные элементы в свой макет.

В данном случае, я создал Новый Слой. Затем, я использовал Инструмент Прямоугольная Область для того, чтобы создать горизонтально выделение. А затем я использовал Инструмент Заливки, чтобы закрасить эту область черным цветов. Звучит знакомо, неправда ли?

Как сделать дизайн для twitch. Смотреть фото Как сделать дизайн для twitch. Смотреть картинку Как сделать дизайн для twitch. Картинка про Как сделать дизайн для twitch. Фото Как сделать дизайн для twitch

Шаг 21

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

Используйте любой цвет, который вам нравится!

Как сделать дизайн для twitch. Смотреть фото Как сделать дизайн для twitch. Смотреть картинку Как сделать дизайн для twitch. Картинка про Как сделать дизайн для twitch. Фото Как сделать дизайн для twitch

Шаг 22

Экспериментируйте с разными визуальными направлениями!

Как сделать дизайн для twitch. Смотреть фото Как сделать дизайн для twitch. Смотреть картинку Как сделать дизайн для twitch. Картинка про Как сделать дизайн для twitch. Фото Как сделать дизайн для twitch

4. Как Подготовить Графику для Стрим Оверлея

Шаг 1

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

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

Зажмите Shift и выберите слои, которые вы хотели бы объединить. Затем нажмите правую кнопку мыши (на PC) или нажмите control и левую кнопку мыши (для Mac) и выберите Объединить Слои в выпавшем меню.

Не объединяйте абсолютно все слои в один! Объединяйте только определенные элементы, чтобы у вас не было многослойных компонентов.

Как сделать дизайн для twitch. Смотреть фото Как сделать дизайн для twitch. Смотреть картинку Как сделать дизайн для twitch. Картинка про Как сделать дизайн для twitch. Фото Как сделать дизайн для twitch

Шаг 2

Здесь вы можете увидеть пример моего макета, после того как все элементы были соединены. Больше никаких папок или отдельных частей каждого элемента в моем макете!

Не снимайте выделение со слоев, которые вы хотели бы экспортировать.

Как сделать дизайн для twitch. Смотреть фото Как сделать дизайн для twitch. Смотреть картинку Как сделать дизайн для twitch. Картинка про Как сделать дизайн для twitch. Фото Как сделать дизайн для twitch

Шаг 3

Теперь, нам необходимо выделить этот контент. Следуйте в Выделение > Все, чтобы выделить весь холст целиком.

Как сделать дизайн для twitch. Смотреть фото Как сделать дизайн для twitch. Смотреть картинку Как сделать дизайн для twitch. Картинка про Как сделать дизайн для twitch. Фото Как сделать дизайн для twitch

Шаг 4

Затем, Скопируйте (Редактирование > Скопировать) и Создайте Новый Документ.

Теперь, Вставьте (Редактирование > Вставьте)-Photoshop должен вставить контент, который мы скопировали из нашего макета, так как показано на примере ниже. Обратите внимание, что это только одна часть объединенного макета, который мы выделили.

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

Как сделать дизайн для twitch. Смотреть фото Как сделать дизайн для twitch. Смотреть картинку Как сделать дизайн для twitch. Картинка про Как сделать дизайн для twitch. Фото Как сделать дизайн для twitch

5. Как Использовать Оверлей для Стрима

Шаг 1

Убедитесь, что вы установили Streamlabs OBS. Если же вы еще не установили его и у вас есть вопросы по-поводу инсталяции, взгляните на этот урок от Streamlabs.

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

Я решил назвать мою сцену «Мой Оверлей». Называйте свои сцены так, как вам больше нравится!

Как сделать дизайн для twitch. Смотреть фото Как сделать дизайн для twitch. Смотреть картинку Как сделать дизайн для twitch. Картинка про Как сделать дизайн для twitch. Фото Как сделать дизайн для twitch

Шаг 2

Но, в нашей сцене еще ничего нет! Это потому что, мы не определили Источники.

Еще раз, нажмите на значок плюса, на этот раз в Источниках.

Как сделать дизайн для twitch. Смотреть фото Как сделать дизайн для twitch. Смотреть картинку Как сделать дизайн для twitch. Картинка про Как сделать дизайн для twitch. Фото Как сделать дизайн для twitch

Шаг 3

Это открывает для нас целый ряд вариантов! Мы начнем с изображения.

Выберите Изображение в качестве источника и затем нажмите Добавить Иcточник.

Как сделать дизайн для twitch. Смотреть фото Как сделать дизайн для twitch. Смотреть картинку Как сделать дизайн для twitch. Картинка про Как сделать дизайн для twitch. Фото Как сделать дизайн для twitch

Шаг 4

Теперь вы увидите новое окно. Нажмите на кнопку «Вместо этого добавить новый источник», выберите имя для вашего источника и затем нажмите Добавить Источник.

Если вы не нажмете «Вместо этого добавить новый источник», мы сможем выбрать из старых источников, которые мы определяли ранее. Это очень удобно!

Как сделать дизайн для twitch. Смотреть фото Как сделать дизайн для twitch. Смотреть картинку Как сделать дизайн для twitch. Картинка про Как сделать дизайн для twitch. Фото Как сделать дизайн для twitch

Шаг 5

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

Как только вы выбрали изображение, нажмите Готово.

Как сделать дизайн для twitch. Смотреть фото Как сделать дизайн для twitch. Смотреть картинку Как сделать дизайн для twitch. Картинка про Как сделать дизайн для twitch. Фото Как сделать дизайн для twitch

Шаг 6

Теперь вы можете видеть, что Streamlabs OBS импортировал наше изображение в видимую область.

Нажмите на изображение и перетащите его туда, где бы вы хотели его разместить в вашем макете.

Повторите эти действия для всех элементов нашего макета, продолжая Импортировать ваши Изображения.

Как сделать дизайн для twitch. Смотреть фото Как сделать дизайн для twitch. Смотреть картинку Как сделать дизайн для twitch. Картинка про Как сделать дизайн для twitch. Фото Как сделать дизайн для twitch

Шаг 7

Давайте посмотрим на пример.

Как сделать дизайн для twitch. Смотреть фото Как сделать дизайн для twitch. Смотреть картинку Как сделать дизайн для twitch. Картинка про Как сделать дизайн для twitch. Фото Как сделать дизайн для twitch

Шаг 8

К счастью, мы можем менять порядок источников очень простым способом.

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

Как сделать дизайн для twitch. Смотреть фото Как сделать дизайн для twitch. Смотреть картинку Как сделать дизайн для twitch. Картинка про Как сделать дизайн для twitch. Фото Как сделать дизайн для twitch

Шаг 9

Здесь вы можете увидеть мой Streamlabs OBS, после того, как я импортировал все изображения.

(Я также добавил статичное изображение, чтобы вы могли лучше видеть оверлей. На месте этого изображения, я буду показывать свой геймплей.)

Но, мы еще не закончили! Что насчет оповещений? Нажмите на кнопку Плюс в ваших Источника.

Как сделать дизайн для twitch. Смотреть фото Как сделать дизайн для twitch. Смотреть картинку Как сделать дизайн для twitch. Картинка про Как сделать дизайн для twitch. Фото Как сделать дизайн для twitch

Шаг 10

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

Выберите Метка Стрима в списке Источников и затем нажмите Добавить Источник.

Как сделать дизайн для twitch. Смотреть фото Как сделать дизайн для twitch. Смотреть картинку Как сделать дизайн для twitch. Картинка про Как сделать дизайн для twitch. Фото Как сделать дизайн для twitch

Шаг 11

Так же как и с добавлеными изображениями, нам необходимо выбрать «Вместо этого добавить новый источник», чтобы создать новый источник.

Выберите название для вашего нового источника, а затем нажмите Добавить Источник.

Как сделать дизайн для twitch. Смотреть фото Как сделать дизайн для twitch. Смотреть картинку Как сделать дизайн для twitch. Картинка про Как сделать дизайн для twitch. Фото Как сделать дизайн для twitch

Шаг 12

В разделе Метки Стрима, вы можете увидеть огромное количество различных опций!

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

Нажмите Готово, когда вы будете довольны своим результатом.

Как сделать дизайн для twitch. Смотреть фото Как сделать дизайн для twitch. Смотреть картинку Как сделать дизайн для twitch. Картинка про Как сделать дизайн для twitch. Фото Как сделать дизайн для twitch

Шаг 13

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

Как сделать дизайн для twitch. Смотреть фото Как сделать дизайн для twitch. Смотреть картинку Как сделать дизайн для twitch. Картинка про Как сделать дизайн для twitch. Фото Как сделать дизайн для twitch

Шаг 14

Повторите этот процесс для всех слоев с динамическим текстом в вашем макете.

Как сделать дизайн для twitch. Смотреть фото Как сделать дизайн для twitch. Смотреть картинку Как сделать дизайн для twitch. Картинка про Как сделать дизайн для twitch. Фото Как сделать дизайн для twitch

Шаг 15

Теперь, давайте добавим нашу цель по подпискам! Начнем с добавления нового источника.

В панели Добавить Источник, нам необходимо выбрать Количество Последователей, вместо Изображения или Меток Стрима. Вы можете найти это в разделе Виджеты.

Как сделать дизайн для twitch. Смотреть фото Как сделать дизайн для twitch. Смотреть картинку Как сделать дизайн для twitch. Картинка про Как сделать дизайн для twitch. Фото Как сделать дизайн для twitch

Шаг 16

Добавьте новый источник вместо существующего и назовите его. Затем, нажмите Добавить Источник.

Как сделать дизайн для twitch. Смотреть фото Как сделать дизайн для twitch. Смотреть картинку Как сделать дизайн для twitch. Картинка про Как сделать дизайн для twitch. Фото Как сделать дизайн для twitch

Шаг 17

Теперь давайте взглянем на настройки.

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

Нажмите Готово, когда закончите с настройками.

Как сделать дизайн для twitch. Смотреть фото Как сделать дизайн для twitch. Смотреть картинку Как сделать дизайн для twitch. Картинка про Как сделать дизайн для twitch. Фото Как сделать дизайн для twitch

Шаг 18

Как только вы нажмете Готово, вы увидите предварительный просмотр вашей панели.

Если вы хотите изменить какие-то параметры, нажмите Конечная Цель и измените их.

Как только вы закончили изменять ваши параметры, нажмите Готово.

Как сделать дизайн для twitch. Смотреть фото Как сделать дизайн для twitch. Смотреть картинку Как сделать дизайн для twitch. Картинка про Как сделать дизайн для twitch. Фото Как сделать дизайн для twitch

Шаг 19

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

Как сделать дизайн для twitch. Смотреть фото Как сделать дизайн для twitch. Смотреть картинку Как сделать дизайн для twitch. Картинка про Как сделать дизайн для twitch. Фото Как сделать дизайн для twitch

Шаг 20

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

Как сделать дизайн для twitch. Смотреть фото Как сделать дизайн для twitch. Смотреть картинку Как сделать дизайн для twitch. Картинка про Как сделать дизайн для twitch. Фото Как сделать дизайн для twitch

Шаг 21

Затем, у нас есть Захват Игры. Это будет захватывать игру, которая в данный момент у вас запущена на компьютере. В общем, большинство игр на моем компьютере, работает без проблем, используя этот источник. Просто определите вашу игру и вуаля!

Как сделать дизайн для twitch. Смотреть фото Как сделать дизайн для twitch. Смотреть картинку Как сделать дизайн для twitch. Картинка про Как сделать дизайн для twitch. Фото Как сделать дизайн для twitch

Шаг 22

Как сделать дизайн для twitch. Смотреть фото Как сделать дизайн для twitch. Смотреть картинку Как сделать дизайн для twitch. Картинка про Как сделать дизайн для twitch. Фото Как сделать дизайн для twitch

Шаг 23

Устройство Захвата Видео, это источник, который я обычно использую для отображения своей вебкамеры. Я могу определить это как мой видео источник, а затем посмотреть как будет выглядеть моя вебкамера, используя StreamLabs OBS.

Как сделать дизайн для twitch. Смотреть фото Как сделать дизайн для twitch. Смотреть картинку Как сделать дизайн для twitch. Картинка про Как сделать дизайн для twitch. Фото Как сделать дизайн для twitch

И Это Только Начало!

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

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

Как сделать дизайн для twitch. Смотреть фото Как сделать дизайн для twitch. Смотреть картинку Как сделать дизайн для twitch. Картинка про Как сделать дизайн для twitch. Фото Как сделать дизайн для twitch

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

Как сделать дизайн для twitch. Смотреть фото Как сделать дизайн для twitch. Смотреть картинку Как сделать дизайн для twitch. Картинка про Как сделать дизайн для twitch. Фото Как сделать дизайн для twitch

Если вам понравился этот урок, возможно вам стоит взглянуть на следующие статьи!

Источник

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *