Оформление Twitch канала. Оформление Twitch канала, шаблон шапки Всё это как-то связано

Оформление Twitch канала. Оформление Twitch канала, шаблон шапки Всё это как-то связано
Оформление Twitch канала. Оформление Twitch канала, шаблон шапки Всё это как-то связано

А именно введения возможности оформления платной подписки на канал компаньона (можно будет «засабица»), я решил заранее придумать стиль и оформление бейджиков (значков), которые появляются рядом с ником подписчика в чате.

Характерно, что ограничиться одним единственным значком нельзя. Ну, как нельзя… В принципе можно, но ты теряешь один из инструментов удержания аудитории. Ведь уже довольно продолжительное время у Твича работает система лояльности для подписчиков, которая выражается в своеобразном прогрессе внешного вида значка в ростом стажа подписки.

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

Поиск своего стиля

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

Значки WeLoveGames

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

Я решил не придумывать велосипед, а взять за основу свой логотип, который так же отличается простотой геометрических форм. По факту это лиса, выполненная в максимально абстрактном стиле треугольниками. Перед вами иллюстрация, основу которой я нарисовал пальцем на экране телефона в Google Keep. Из-за отсутствия изначальной идеи о том, как стоит изобразить прогресс развития значка, я и сам первоначально скатился до «премиальности» благородных металлов, да еще и сердечко решил прилепить к своему будущему значку =)


Первый эскиз в Google Keep

18 пикселей

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

Базовый размер бейджика подписчика установлен сервисом в 18 на 18 пикселей, так же запрашиваются варианты значков вдвое и вчетверо большем размере (квадраты 36 и 72 пикселя). Казалось бы, что сложного может быть в процессе? Уменьшай большой логотип в фотошопе, чтобы он поместился в заданные размеры - делов-то! Но так кажется, пока ты не начал что-то рисовать по пикселям в ограниченном пространстве.

Мне в принципе не понравилось оперировать в PhotoShop в рамках такой филигранной работы, и я открыл для себя piskelapp.com - онлайн сервис для создания пиксель-арта, в том числе и анимированного. Мучительные попытки отрисовать мою треугольную лису в течение нескольких дней привели меня к весьма блеклому результату. Но самое главное, у меня попрежнему не было концепции развития значка.


Первоначальный вариант врисовки

Мозговой штурм

Мы сидели с друзьями, я показывал им свои потуги в создании значков для подписчиков. Концепции всё еще не было. Я показывал парням разные варианты значков лояльности в поиске по картинкам Google. Открыл страницу подписки на RXNexus, с его птенцом, который вылупляется из яйца, получает корону и мантию. Стоял типичный тупняк утра после предшествующего кутежа.

Значки rxnexus

В целом, товарищи оценивали мою работу высоко, значок в исхоном разрешении всем нравился. Всем, кроме меня, потому что не было идеи. Был просто логотип в цветном и черно-белом пексельартном исполнении. Я несколько раз произнес слово «целостность», показывая ребятам значки WLG и Нексуса. И вдруг меня осенило!

Ведь в моем значке действительно не хватает целостности - эти разрозненные треугольники смотрятся неплохо в большом разрешении, на значке группы ВКонтакте или логотипе канала Twitch, но на разрешении 18×18 пикселей это всё выглядит разрозненно и незакончено. Тогда я взял «карандаш», покрасил его в черный цвет и обвел контур. И всё сошлось!

Добавил немного объема темнорыжим. Саша, предложил нарисовать лисице глаза. Тут же я приделал корону для двухлетного подписчика, сделал бледную «песцовую» версию для подписчика первого месяца. Идея с головным убором хорошо смотрелась в плане получения беджика для годовалого подписчика, но что это должна быть за шапка?

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

Саша, я придумал!

А он смотрит на меня, улыбается и отвечает:

Я тоже. Бандана.

Возможно, у дураков мысли сходятся, но главное, что концепция начала складываться, и у меня не хватало всего одного значка для подписчика со стажем в 6 месяцев. Изначально я сделал цветную версию первого значка для 3-х месяцев с теми же плоскими глазами, а на 6 изобразил «глаза-ёлочки», но уже позже вечером, когда парни ушли, понял, что так не пойдет.

Изменения значка с трёх до шести месяцев должы быть более заметными, чем простое изменение выражения глаз с помощью перемещения двух пикселей вверх. И буквально сразу я подумал об очках Deal With It, и дорисовал их своей лисице. Головоломка сложилась.


Финальная версия бейджиков

UPD от августа 2017

После того, как я разработал новый смайлик для $10-подписчиков, пришла идея переработать и значок для подписчиков со стажем в один год. Солидный лис в котелке и с моноклем показался мне гораздно интереснее панковатого лиса в бандане. Он выглядит логичным переходным этапом от самоуверенного полугодовалова лиса. Но это всё, конечно, я пишу несерьезно. Просто банданы приходят и уходят, а золотые монокли остаются;)

Заключение

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

P.S. Обратите внимание, что права на интеллектуальную собственность вступают в действие с момента публикации объекта защиты авторского права. Все права принадлежат их владельцам.

Copyright © Евгений Павлов, 2017

Всё это как-то связано

Оформление Twitch канала, шаблон шапки.

Объяснять, что это такое Twitch не буду, если вы попали на данную статью, то Вам это известно, так что перейдём сразу к делу.

Шаг 1. Создаём шапку.

С момента создания канала ваша шапка будет выглядеть так:

Согласитесь не очень то интересное оформление. Собственно для того что бы его заменить первоначально нам необходимо нарисовать свою обложку. Рекомендуемый размер шапки 1200×300 и размер файла не должен превышать 3 Мб. Я уже сделал готовый шаблон нужного размера, выглядит он так:

Готовый шаблон Twitch — сохраняем в photoshop

Шаг 2. Заменяем шапку на Twitch.

Шапка у нас уже есть, остаётся только заменить её на самом канале Twitch. Для этого заходим в свой канал и нажимаем на наш ник.

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

Нажимаем кнопку «Готово»

В итоге получаем такую шапку:

Менять обложку Вы можете сколько угодно раз и в любое время.

Самые популярные и известные мемы для чата, которые на текущий момент известны на Твиче.

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

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

Предлагаем тебе топ-5 самых прикольных и популярных мемов.

Самых популярные мемы для чата на Твиче

Запускаем Гуся, Работяги!

Конечно же, на пером месте будет этот мемчик.

ЗАПУСКАЕМ
░ГУСЯ░▄▀▀▀▄░РАБОТЯГИ░░
▄███▀░◐░░░▌░░░░░░░
░░░░▌░░░░░▐░░░░░░░
░░░░▐░░░░░▐░░░░░░░
░░░░▌░░░░░▐▄▄░░░░░
░░░░▌░░░░▄▀▒▒▀▀▀▀▄
░░░▐░░░░▐▒▒▒▒▒▒▒▒▀▀▄
░░░▐░░░░▐▄▒▒▒▒▒▒▒▒▒▒▀▄
░░░░▀▄░░░░▀▄▒▒▒▒▒▒▒▒▒▒▀▄
░░░░░░▀▄▄▄▄▄█▄▄▄▄▄▄▄▄▄▄▄▀▄
░░░░░░░░░░░▌▌░▌▌░░░░░
░░░░░░░░░░░▌▌░▌▌░░░░░
░░░░░░░░░▄▄▌▌▄▌▌░░░░░

Есть и несколько вариаций этого мема:

ЗАПУСКАЕМ░░
░ГУСЯ░▄▀▀▀▄░ГИДРУ░░
▄███▀░◐░▄▀▀▀▄░░░░░░
░░▄███▀░◐░░░░▌░░░
░░░▐░▄▀▀▀▄░░░▌░░░░
▄███▀░◐░░░▌░░▌░░░░
░░░░▌░░░░░▐▄▄▌░░░░░
░░░░▌░░░░▄▀▒▒▀▀▀▀▄
░░░▐░░░░▐▒▒▒▒▒▒▒▒▀▀▄
░░░▐░░░░▐▄▒▒▒▒▒▒▒▒▒▒▀▄
░░░░▀▄░░░░▀▄▒▒▒▒▒▒▒▒▒▒▀▄
░░░░░░▀▄▄▄▄▄█▄▄▄▄▄▄▄▄▄▄▄▀▄
░░░░░░░░░░░▌▌░▌▌░░░░░
░░░░░░░░░░░▌▌░▌▌░░░░░
░░░░░░░░░▄▄▌▌▄▌▌░░░░░

░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░
░░░░░░ЗАПУСКАЕМ ГУСЕЙ РАЗВЕДЧИКОВ░░░░░
░░░░░░░▄▀▀▀▄░░░░░▄▀▀▀▄░░░░░░░░░░░
░░▄███▀░◐░░░▌░░░▐░░░◐░▀███▄░░░░░░
░░░░░░▌░░░░░▐░░░▌░░░░░▐░░░░░░░░░░
░░░░░░▐░░░░░▐░░░▌░░░░░▌░░░░░░░░░░

ЗАПУСКАЕМ
░ГУСЯ░▄▀▀▀▄░ДЫЛДУ░░
▄███▀░◐░░░▌░░░░░░░
░░░░▌░░░░░▐▄▄░░░░░
░░░░▌░░░░▄▀▒▒▀▀▀▀▄
░░░▐░░░░▐▒▒▒▒▒▒▒▒▀▀▄
░░░▐░░░░▐▄▒ Красиво ▒▒▀▄
░░░░▀▄░░░░▀▄▒▒▒▒▒▒▒▒▒▒▀▄
░░░░░░▀▄▄▄▄▄█▄▄▄▄▄▄▄▄▄▄▄▀▄
░░░░░░░░░░░▌▌░▌▌░░░░░
░░░░░░░░░░░▌▌░▌▌░░░░░
░░░░░░░░░░░▌▌░▌▌░░░░░
░░░░░░░░░░░▌▌░▌▌░░░░░
░░░░░░░░░░░▌▌░▌▌░░░░░
░░░░░░░░░░░▌▌░▌▌░░░░░
░░░░░░░░░▄▄▌▌▄▌

Циган или БУНТ!

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

░░▄▄▄▄▄▓▓▓▄▄▄░░░░░
░░░░▄▄▓▀▀▀▀▀▀▓▓▓▓▓▓▄░░░
░░▄▄▓▀▀░░░░░░░▒▒▒▒▒▀▓▄░
░▐▓▓▌░░░░░░░░░░░░▒▒▒▒▓▌
░▐▓▒░░▄▒▒▓▄▄▒▒▒░▒▄▄▄▒▒▓
░▓▓▌░░░░░▒▒▒▒▀▒▒▓▓▓▓▓▓▓
░▐▓░░░░▒▒▓(◐)▓░░░▒▓▓(◐)▒▓
█░▀▄░█▄█▀▄▄░▀░▀▄▄▀░░█░█
░█░░░▀▄█▄█░█▀▄▄▄▄▄▀██░█
░░█░░░░█░███▄█▄█▄███░░█
░░░█░░░▀▀█░█▀█▀█▀███░█
░░░░▀▄░░░░▀▀▄█▄█▄█▄▀░█
░░░░░░▀▄▄░▒▒▒░░░░░░░░░█
░░░░░░░░░▀▀▄▄▄▄▄▄▄▄▄▄▀

Nice gameplay

Сиськи всегда были в тренде в любом текстовом чате или форуме. Чаты Твича не остались в стороне.

░░░▄▄▄▓▀▀░░░░░░░▒▒▒▀▀▀█▄░
░░▐█░▄▀░░░NICE░░░░░░░▀▄░░█▌
░░▐░▐░░░░GAMEPLAY░░░░░░▐░░▌
░░▐▐░░░░░░░▀▄▒▄▀░░░░░░░▐░░▌
░░▐▐░░░░░░░▒▒▐▒▒░░░░░░░▐░░▌
░░▐▐░░░▄░░░░▒▐▒░░░▄░░░░▐░░▌
░░▐▐▒░░░░░▒▒▒▐▒▒▒░░░░░░▐░░▌
░░░▐░▀▄▒▒▒▒▒▄▀▒▀▄▒▒▒▒▒▄▀▌░▌
░░░▐░░▐▀▀▀▀▀░░░░░▀▀▀▀▀░░▌░▌

Запускаем Гомункула Работяги!

В продолжение темы с гусем появилось много различных мемов, один из самых адекватных и популярных про Гомункула (кто не знает, что такое Гомункул – Википедия в помощь).

ЗАПУСКАЕМ ГОМУНКУЛА
░░░░░░РАБОТЯГИ
░░░░░░░▄▀▀▀▀▀▀▀▄▄░░░░░░
░░░░░░▐░░░▄▄▄▄▄░ ▀▀▄
░░░░░▐░◐░▐▀░░░░▀▀▀▀▄▀
░░░░░▌░░▐░░░░░░░░░░▄▄
░░░░▐░░░░▀▄▄▄▄▄▄▀▀▀░▄▀
░░░░▌▒░▒░▒░▒░░░▄▄▄▀▀
░░░░▌▒▒░▒▒▒▒▄▄▀▀
░░░▐░░▒▒▒▄▀▀░░░░░░░
░░░▐░▒▒▒▐░░░░░░░░░
░░░▐▒▒▒▒▌░░░░░░░░
░░░▐▒▒▒░▐░░░░░░░░░▄▀▄
░░░▐▒▒░▒▐▄▄▀▀▀▀▄▄▄▀░▌
░░░▐░▒▒░▄▄▄▄▀▀▄▄▄▄▄▀
░░▐▒▒▄▒▒▀▄▄▄▄▄▀░░░▄▌░░
░░▌▒▐░▀▀▄▄▄▄▄▄▄▀▀▀░░░░
░▐▒▒▌░░░░░░░░░░░░░

Запускаем Сюрикены, Роботяги!

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

▓▓▓▓▓▓▀▀░░░░░░▀▀▓▓▓▓▓▓
▓▓▓▀░░░░░▄██▄░░░░░▀▓▓▓
▓▓░░░░░▄▄██▀░░░░░░░░▓▓
▓░░░░░▄██▀░░░▄█▄░░░░░▓
▌░░░░░▀██▄▄▄█████▄░░░▐
░░▄▄▄░░░▀████▀░▀▀██▄░░
░░▀██▄░▄▄████▄░░░▀▀▀░░
▌░░░▀█████▀▀▀██▄░░░░░▐
▓░░░░░▀█▀░░░▄██▀░░░░░▓
▓▓░░░░░░░░▄██▀░░░░░░▓▓
▓▓▓▄░░░░░▀█▀▀░░░░░▄▓▓▓

Запускаем Дядю Богдана

▄███████▀▀▀▀▀▀███████▄
░▐████▀▒ЗАПУСКАЕМ▒▀██████▄
░███▀▒▒▒▒▒ДЯДЮ▒▒▒▒▒▒▀█████
░▐██▒▒▒▒▒▒БОГДАНА▒▒▒▒▒████▌
░▐█▌▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒████▌
░░█▒▄▀▀▀▀▀▄▒▒▄▀▀▀▀▀▄▒▐███▌
░░░▐░░░▄▄░░▌▐░░░▄▄░░▌▐███▌
░▄▀▌░░░▀▀░░▌▐░░░▀▀░░▌▒▀▒█▌
░▌▒▀▄░░░░▄▀▒▒▀▄░░░▄▀▒▒▄▀▒▌
░▀▄▐▒▀▀▀▀▒▒▒▒▒▒▀▀▀▒▒▒▒▒▒█
░░░▀▌▒▄██▄▄▄▄████▄▒▒▒▒█▀
░░░░▄██████████████▒▒▐▌
░░░▀███▀▀████▀█████▀▒▌
░░░░░▌▒▒▒▄▒▒▒▄▒▒▒▒▒▒▐
░░░░░▌▒▒▒▒▀▀▀▒▒▒▒▒▒▒▐

Свежие крутые мемы для чата Твич

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

░░░░░░░░░░ ░▄▀▀▌░░░░
░░░░░░░▄▀█░░█▄▀░░░░░
░░░▄▄▀▐▌░▐▌░█░░░▄▄▀▀▌
░▀▀█░░█▄▄▀░░▄▄▀▀▌▄█▌▌
░░░█░░░░░▄▀▀▄▄▐▒▌███▐
░░░▀░░░▐▀▄█▀▀▒▒▒▌███▐
░░▄▀▀▌░▐▐██▌▒▄▐▒▌███▐▀▐
▐▀▄█▌▌░▐▐█████▐▒▌███▄█▐
▐▐██▌▌░▐▐███▀▒▒▒▌████▀▐
▐▐██▌▌░▐▐███▒▄▐▒▌█▀▄▄▀▀
▐▐██▌▌▀▐▐█████▐▒▄▄▀░
▐▐██▌▄█▐▐█▀▀▄▄▀▀░░░░
▐▐████▀▐▄▄▀▀░░░░░░░░
▐▐█▀▀▄▀▀░░░░░░░░░░░░
▐▄▄▀░░░░░░░░░░░░░░░░

Спасибо, мистер Дудец!
░░░░░░▄▄▄░░▄██▄░░░
░░░░░▐▀█▀▌░░░░▀█▄░░░
░░░░░▐█▄█▌░░░░░░▀█▄░░
░░░░░░▀▄▀░░░▄▄▄▄▄▀▀░░
░░░░▄▄▄██▀▀▀▀░░░░░░░
░░░█▀▄▄▄█░▀▀░░
░░░▌░▄▄▄▐▌▀▀▀░░
▄░▐░░░▄▄░█░▀▀ ░░
▀█▌░░░▄░▀█▀░▀ ░░
░░░░░░░▄▄▐▌▄▄░░░
░░░░░░░▀███▀█░▄░░
░░░░░░▐▌▀▄▀▄▀▐▄░░
░░░░░░▐▀░░░░░░▐▌░░
░░░░░░█░░░░░░░░█░░░

/フフ ▔▔▔▔▔▔▔ム`ヽ
/ ノ)          )ヽ
/ |  (͡° ͜ʖ ͡°)ノ⌒(ゝ._,ノ
/ ノ⌒7⌒ヽーく  \ /
丶_ ノ 。   ノ、 。|/
`ヽ `ー-‘_人`ーノ
丶  ̄ _人’彡ノ
УХОДИТЕ, ПОКА Я ДЕРЖУ ЭТО СТАДО ЕБАНАТОВ СВЕРХУ!!!

СТРОИМ СТЕНУ РАБОТЯГИ!
█▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀█


█═╩═╦═╩═╦═╩═╦═╩═╦═╩═╦═╩═╦═╩═█
█═╦═╩═╦═╩═╦═╩═╦═╩═╦═╩═╦═╩═╦═█
█═╩═╦═╩═╦═╩═╦═╩═╦═╩═╦═╩═╦═╩═█
█═╦═╩═╦═╩═╦═╩═╦═╩═╦═╩═╦═╩═╦═█
█═╩═╦═╩═╦═╩═╦═╩═╦═╩═╦═╩═╦═╩═█
█═╦═╩═╦═╩═╦═╩═╦═╩═╦═╩═╦═╩═╦═█
█▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄█

Ну и на последок, для ценителей прекрасного:

‘ ‘ ‘ ……………………………………………………………..
………………………………………………………………
…………………………………..11888…………………..
……………………………….1688886281……………….
……………………………..1888888888821…………….
…………………………….12888888886841……………
……………………………..7211111146821…………….
……………………………..777111117581……………..
……………………………..111..1111281………………
…………………………….11111111121………………..
…………………………..17221111124………………….
……………………..172711127277488………………….
…………………111111111111222657241………………
……………….11….111.1447111122272887……………
……………..111….111….1727711172568657…………
……………111111771……..17271.1264774221……….
…………..17711172…………1722785711722761……..
…………11111…771………….171111111744265……..
…………7111111642777111117882111172242…….
…………7111.114522255246672652777666277……..
…………711111121…..111241112888841.777241……
…………111771.171………….111172621..12728142……
……….11.1771..12711111……..1122441.12212821…..
………17..171….7271111111111172252…2277252……
………111111…..12111111…111172261…1677727…..
……..111.111…..12…….1111111222462..16711751…..
……..221121……18427771747111726881..721111……
……..252281……18845642727…1726861.1211172……
…….162722……78642224556642568888…1711271…..
…….182247……7852722222244468886871144187……
…….162541……2642222227777246868681.187471…..
…….185621….18677722222277248655687.14424…….
…….12111….125717222224444588646887.14444…….
…….17111….284112224686888655445687.12654…….
……..1242…285272774821.766554444688..11581…….
……….147118622277487….268654245687..1125……..
……………12627277284…..468864446857.12422…….
……………76527212582…..15865445685278661……..
…………..16527727881…….188644568882471……….
…………..18527772861…….18854468841…………….
………….1564771282………1885445688………………
………….1852722521………1885444861………………
………….752225687………..188858887……………….
………….754255667………..188686687……………….
…………755424581…………..76658681……………….

P.S. Каждый мем из статьи можно скачать, просто скопировав текст. Поэтому сохрани себе эту страницу и заходи сюда каждый раз, когда нужно будет в чате на твиче вставить какой-нибудь крутой мемчик!

Всем привет! С этой статьи, я хочу начать цикл публикаций в которых я расскажу и покажу как оформить Twitch канал.

В данном уроке я расскажу как оформить баннеры в панели под плеером.

Для того, чтобы приступить к созданию уникального дизайна, нужно кликнуть по кнопке «Редактирование панели».

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

1. «Panel Title» это заголовок вашего баннера.

2. «Add image» данная кнопка предназначена для загрузки изображения баннера. Максимальная ширина загружаемого баннера должна быть не меньше 320px, иначе загруженная картинка будет автоматически растянута в ширину.

3. «image Links To» в это поле, при необходимости, можно добавить ссылку, которая будет открываться при нажатии по баннеру. Обычно данная функция используется для направления пользователя, на другие ваши ресурсы и для перехода в форму для отправки доната DonationAlerts.

4. «Description» Это описание под картинкой вашего баннера. В нем можно указывать какую либо дополнительную информацию

Если вы начинающий стример, то вам будет достаточно установить в панели под плеером 5-6 баннеров:

Обо мне — краткая информация о вас.

Поддержка стримера (баннер для доната через DonationAlerts)

Группа ВК (При отсутствии, необходимо создать)

Канал ютуб (при наличии) обычно на каналы YouTube заливаются вырезки интересных моментов.

Баннер с электронными кошельками — кошельки WebMoney, Яндекс.Деньги, QIWI и т.д.

Мой PC — тут нужно указать характеристики вашего компьютера.

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

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

1. Открываем любой удобный для вас редактор, от стандартного «Paint» до «Adobe Photoshop».

2. Выбираем любую понравившуюся заготовку из папки.

3. Затем на фон заготовки, сверху, накладываем заголовки из той же папки. На большой баннер, нужно наложить слой со значками электронных кошельков. Я добавил два значка для WebMoney, так как обычно используются два кошелька WMZ, WMR.

4. Заходим на канал, жмем «Редактировать панель», и по одной добавляем (не забывая подписывать заголовок) ваши баннеры. Не забываем жать «Submid» под каждой формой.

Как правильно, а также легко и быстро, оформить свой канал на твиче. Объемная, объясняющая все тонкости, статья с картинками.

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

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

1. Информация о стримере

Прежде всего зритель интересуется не столько игрой, сколько самим стримером. Именно поэтому лучше начать с краткой биографии. Ее можно написать как в самом профиле, для этого нужно нажать на значок ключа напротив вашего никнейма, он переводит к настройкам вашего профиля (scr.1), после пролистать вниз к полю: “О себе” (scr.2), так и в панелях под трансляцией, но об этом чуть позже.

Поле: “О Себе” (scr.2)

Баннер видеопроигрывателя – это картинка, которая будет высвечиваться, когда ваш канал не будет подключен к системе Twitch.tv (scr.3).

(scr.3)

Попасть к настройке баннера можно через вкладку: Канал и видеоматериалы (scr.4).

Вкладка: “Канал и видеоматериалы” (scr.4)

Остается лишь выбрать картинку с вашего компьютера и загрузить ее на канал (scr.5). Картинка должна быть формата 1280:720 или 1920:1080, иначе она растянется по всему экрану трансляции (как у меня на скриншоте выше).

Баннер профиля – это заставка в окне вашего профиля (scr.6).

Поставить свою картинку на заставку профиля можно нажав кнопку: Изменить баннер профиля (scr.7).

Кнопка: “Изменить баннер профиля” (scr.7)

4. Панели информации

Самое, наверное, главное в оформление канала – это информационные панели под окном трансляции. Чтобы создать панель нужно нажать на переключатель рядом с надписью редактирование панели, она находится под окном трансляции (scr.8).

Переключатель для редактирования панели (scr.8)

После нажатия появится окно для редактирования панели (scr.9)

Окно редактирования панели (scr.9)

  • Panel Title – название панели.
  • Add Image – позволяет добавить картинку в эту панель (лучше выбирать картинку размерностью не больше 400×100, иначе картинка будет сжата).
  • Image Links To: — позволяет задать ссылку к этой картинке (после клика на картинку, пользователь перейдет на нужную вам ссылку).
  • Description: – поле для ввода информации.
  • Submit – сохранить панель.
  • Remove – удалить панель.

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

5. Кнопка подбора музыки

В большинстве случаев стримы проходят под музыку, но иногда пользователям банально надоедает слушать треки стримера и тогда великие создатели твича придумали http://twitch-dj.ru . Стримеру достаточно зарегистрироваться, вписать свой ник и название канала, после чего будет дана ссылка (scr.10).

После нажатия кнопки зрителя перекинет на окно заказа музыки (scr.12).

6. Форматирование текста в панелях

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

# — Делает текст на данной строчке жирным (scr.13)

## — Текст становится меньше, но остается жирным (scr.13)

Форматирование текста (scr.13)

***** — Разделительная линия (scr.14)

Разделительная линия (scr.14)

Это наиболее используемые функции формата текста. Все остальные вы можете посмотреть в самой панели, достаточно кликнуть по кнопке Markdown (scr.15).

Спасибо, за внимание! Надеюсь, в этой статье вы найдете для себя много нового и полезного.