Лайфхаки
November 22, 2018

Как создать стикеры для Telegram

Пришло время купить (или нет) Photoshop. Вам подойдет любая версия программы. Я, например, использую Adobe Photoshop CS6.

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

И эта инструкция точно для вас. Потому что с ней справиться даже человек, который толком не понимает, чем принципиально отличается инструмент “Кисть” от “Карандаша”.

Итак, чтобы добавить стикеры в Telegram, вам нужны прозрачные изображения в формате PNG с расширением 512х512 px. Предлагаю с этого и начать.

Давайте по порядку:

1. Создайте новый документ в Photoshop

Откройте программу, дайте ей загрузиться. Нажмите вкладку File и выберите пункт New:

Или используйте комбинацию клавиш Ctrl+N.

В открывшемся окне введите размеры будущего изображение и прозрачный фон:

2. Откройте фотографию

Вы создали холст для своего будущего произведения. Теперь выберите изображение, которое вы будете использовать в качестве стикера. Откройте в программе, используя ту же вкладку File, но теперь кнопку Open. Или комбинацию клавиш Ctrl+O. Выберите нужный документ на компьютере:

3. Выделите и скопируйте нужный объект

Теперь у вас есть основа для стикера и основная картинка. Теперь нужно отделить основной объект от фона и перенести его на заготовленную основу. Как показано на моем примере. Здесь четко виден основной объект.

Для выделения используем инструмент Polygonal Lasso Tool. Вот он:

Также активируется горячей клавишей L.

Инструмент интуитивно понятен. Наведите его на точку, с которой хотите начать выделение. Перенесите курсор до следующей точки – еще один клик. Следующий изгиб – новая точка, опять клик. Так выделите главный объект. Задача – обвести инструментом контур и вернуться в точку, с которой начали.

Увеличивайте изображение, если нужно. Зажмите Ctrl и кликайте + (плюс), пока картинка не достигнет нужного размера. Кнопка – (минус) при зажатом Ctrl, соответственно, уменьшает.

Важно! Это НЕ влияет на расширение картинки. Вы увеличиваете само окно. То есть то, как изображение показывается вам.

Результат должен быть примерно таким:

Комбинацией Ctrl+C скопируйте объект в буфер обмена.

4. Добавьте рабочий фон в стикер

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

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

Итак, нажмите на рабочее окно, где будет “наклейка” и выберите пункт Layers в вертикальном меню справа:

Следующий шаг – кнопка Create a new layer в появившемся окне:

Залейте новый слой в нужный цвет. Кликните по нему в списке слоев, выберите инструмент Paint Backet Tool (G) и укажите цвет:

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

Результат:

5. Вставьте основной объект и добавьте контур

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

Если изображение выходит за рамки холста, подгоните его по размеру. Для этого зажмите комбинацию Ctrl+T. Вокруг объекта появится рамка. Удерживая клавишу Shift, возьмите угол рамки курсором и потяните к центру изображения. Уменьшите до нужных размеров и поместите в середину холста. Зажатая клавиша позволяет изменить размер объекта, сохраняя пропорции.

Уберите остатки прошлого фона с помощью инструмента Eraser Tool (L), ластика:

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

В появившемся окне выбираем пункт Stroke, задаем размер и цвет будущего контура. На изображении уже появятся изменения. Чтобы принять их просто нажмите OK:

Результат:

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

6. Добавьте текст к стикеру и контур к тексту

Выберите инструмент Horizontal Type Tool (T) на панели:

Наведите курсор мыши примерно в то место, где хотите видеть надпись и кликните левой клавишей:

Напишите заранее продуманный текст, как показано на примере.

Внимание!

Закройте пальцем фразу на картинке, если вы ярый сторонник цензуры и теряете сознание от любых нарушений.

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

Контур добавляем по тому же принципу, что и обводку для основного объекта. Выбираем слой, жмем Stroke, задаем цвет и размер:

Результат:

7. Выровняйте элементы по центру горизонтально

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

Кликните левой кнопкой мыши на рабочее окно и нажмите комбинацию клавиш Ctrl+A (выделить все).

На панели инструментов найдите Move Tool (V). Выберите слой, который хотите переместить. Например, основной объект. В горизонтальном меню настроек инструмента найдите иконку Align Horizontal Centers и нажмите на нее. Элемент выровняется автоматически:

Повторите ту же процедуру со вторым слоем.

8. Удалите рабочий фон и сохраните стикер

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

Глазок исчезнет, фон станет невидимым, а стикер будет выглядеть так:

Готово! Осталось сохранить изображение. Жмем File, выбираем Save As или просто комбинацию клавиш Shift+Ctrl+S:

В появившемся окне выберите расположение для стикера, дайте ему название и в выпадающем списке найдите формат PNG:

Жмем заветное “Сохранить”.

Поздравляю! Ваш первый стикер готов. По такому же принципу сделайте полный набор. Сохраняйте изображения в одно место.

Теперь вы переходите к самому интересному этапу:

2. Как добавить стикеры в Telegram

Вы можете загрузить изображения на смартфон. Но делали вы их на ПК, поэтому предлагаю здесь же переходить к делу. Установите приложение Telegram на компьютер, если еще не сделали этого.

Думаете, что добавление стикеров – это сложный технический процесс? Как бы ни так!

Слышали о “магии” чат-ботов? Она работает и в этом вопросе. Все делается через робота, который проведет вас по процессу.

Откройте ссылку на чат-бот в браузере и перейдите в приложения из диалогового окна:

Чат-бот для добавления стикеров: https://t.me/stickers

Я дополнительно опишу каждый этап, учитывая, зачем вы делаете “наклейки”.

1. Добавьте название и описание стикер-пака

Чтобы создать новый набор, используйте команду /newpack или выберите ее в меню чат-бота:

Робот сразу предложит вам дать название новому стикер-паку:

На этом этапе нужно хорошо подумать.

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

Поэтому предлагаю добавить в название адрес вашего сайта и цепляющее описание.

Пример:

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

2. Добавьте изображение без сжатия в диалог с ботом

Чат-бот предложит загрузить первое изображение, которое вы хотите сделать стикером:

Откройте рядом приложение Telegram и папку, в которой находятся ваши стикеры. Захватите нужный документ левой клавишей мыши и просто перенесите в диалог. Программа предложит добавить картинку в полном размере и со сжатием. Вам нужен первый вариант:

Проигнорируйте предложение добавить описание к картинке, просто нажав SEND 1 FILE:

3. Добавьте смайл, соответствующий стикеру

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

Просто отправьте в ответ подходящий вариант:

4. Опубликуйте стикер-пак

Нажмите команду /publish. После этого бот предложит выбрать URL-адрес, по которому будет доступен пакет. Выберите подходящее название, так как ссылку вы будете рассылать персоналу или клиентам. Нужно что-то максимально простое, но понятное.

Как, например:

Готово!

Вы опубликовали первый стикер! Теперь добавьте остальные “наклейки”, используя команду/addsticker. Программа предложит выбрать набор, к которому вы хотите добавить изображение:

Далее просто повторяйте шаги 2 и 3, пока не заполните весь пак.

5. Добавьте пак себе и распространите ссылку

Вуа-ля!

По выбранному короткому адресу теперь доступен ваш набор:

Распространите ссылку и используйте стикеры по полной ;)

К слову, пример тоже пригодился:

Вам тоже нравится пример? :)

Забирайте себе: https://t.me/addstickers/herach

6. Отслеживайте статистику паков

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

Вызовите меню выбора набора по команде /packstats и кликните по нужному названию:

Бот сразу выдаст всю нужную информацию, а также инструкцию по использованию этого раздела. Вы можете через год узнать, сколько человек установило стикер-пак сегодня, используя специальные команды:

Заключение

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