Создание значков подписчиков для канала Twitch

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

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

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

Стандартные значки подписчиков Twitch
Стандартные значки подписчиков Twitch

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

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

wlg badges
Значки 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

Звёзд: 1Звёзд: 2Звёзд: 3Звёзд: 4Звёзд: 5 (голосов: 2, средняя оценка: 5,00 из 5)
Загрузка...