Как сделать стикеры для Телеграм с нуля: пособие для новичков

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

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

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

Однако для создания качественных наклеек нужно уметь пользоваться графическими редакторами. И если вы не владеете подобными программами, но хотите сделать стикеры для Телеграм — этот туториал вам поможет.

» Важно: Гайд рассчитан на новичков в области редактирования изображений.

Требования Телеграм к исходным изображениям

Предъявляемые Telegram требования к исходным изображениям для масок и наклеек практически идентичны:

— Картинка должна вмещаться в квадрат 512х512 (одна из сторон обязательно должна быть 512 пикселей);

— Формат .png;

— Изображение не должно быть защищено авторскими правами.

Желательно придерживаться рекомендаций:

— Прозрачный фон;

— Загружать картинки через веб-версию или десктопное приложение;

— Для стикеров: наличие белой обводки и тени. Бот отправляет файл с примером в формате .psd, который можно открыть в Photoshop и использовать в качестве шаблона.

Как сделать стикеры для Телеграм

Для наглядности продемонстрируем полный алгоритм создания стикера (маски) для Телеграм при помощи Paint, Pixlr и Photoshop.

Примечание: с технической точки зрения стикеры и маски в Telegram не отличаются, поэтому создаются они одинаково. Разница кроется в сохранении непосредственно в боте, о чем мы поговорим в разделе «Бот для создания стикеров в Телеграм».

Базовая обработка изображений

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

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

В операционной системе MacOS размер картинки можно изменить во встроенном редакторе.

В Windows поможет известная стандартная программа Paint. Выбираем пункт «Изменить размер» и вводим нужные параметры.

Если же ваше изображение имеет формат, отличный от .png, к примеру .jpg, это также можно изменить при помощи Paint — при сохранении следует выбрать PNG.

Результат уже можно отправлять в Telegram, перейдя в раздел «Бот для создания стикеров в Телеграм»!

Но функции встроенных программ по редактированию изображений довольно ограничены. Поэтому мы продемонстрируем несложный алгоритм создания стикер-паков/масок в онлайн сервисе Pixlr и в программе Photoshop.

Расширенное редактирование: Pixlr

Сервис Pixlr — по своей сути копия Photoshop, только ничего не нужно скачивать и присутствуют лишь ключевые инструменты. С этим редактором без трудностей справятся новички. Мы рассмотрим основные инструменты, отталкиваясь от самых распространенных случаев работы с вырезанием объектов на изображениях.

» Интересности от ТелеГида: В качестве исходной была выбрана картинка с Сиба-ину по кличке Боди, и если верить Интернету, она зарабатывает на своих фотосессиях до $15 000 в месяц. Такие дела.

• Шаг первый: Открываем исходник.

Давайте познакомимся с главными плюшками сервиса.

• Шаг второй: Обустраиваем рабочее пространство.

Выберите на панели инструментов лупу или подгоните масштаб ползунком в правом верхнем углу:

Разместите рабочую область по своему вкусу.

• Шаг третий: Позволяем редактору сделать прозрачный задний план.

Для этого «снимаем замок» с фонового слоя двойным щелчком.

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

• Шаг четвертый: Вырезаем объект

» Рекомендация от ТелеГида: Ниже будут описаны три разных способа удаления заднего плана. Поэтому рекомендуем сначала прочесть про все, а затем выбрать самый легкий для вас вариант, чтобы сделать стикеры максимально быстро и просто!

Способ №1: Волшебная палочка

«Волшебная палочка» (доступна при нажатии на W) позволяет выделять однотонные и схожие по оттенку области. Чувствительность инструмента подстраивается пунктом «Толерантность».

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

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

Советуем использовать хоткей CTRL+D для снятия выделения.

Способ №2: Многоугольное лассо

Часто оказывается проще обособить сам объект, нежели то, что за ним. Рекомендуем простой инструмент «Многоугольное лассо» (хоткей L). Единственный нюанс — используя этот вид лассо, у наклейки будут края «ровными участками», как видно по гифке ниже.

Алгоритм использования: выбираем «Многоугольное лассо» и начинаем вести по краям объекта. Главное условие успешного выделения — в конце вернуться в исходную точку.

Затем по выделенной области кликаем правой кнопкой мыши, выбираем «Инвертировать выделенное» и вырезаем «Ластиком» лишнее.

Не забываем снять обособление нажатием CTRL+D.

Способ №3: Выделение простыми геометрическими формами

Выделить также можно прямоугольную или овальную область. Для этого следует использовать одноименный инструмент «Выделение» (хоткей M).

Действуем по известной нам уже схеме: выделяем объект, нажимаем правой клавишей на выделенной области, инвертируем ее, вырезаем фон. И снова не забываем избавиться от выделения через CTRL+D.

• Шаг пятый: Оформление.

Когда у нас есть вырезанный объект, его можно оформить в стиле классических наклеек — добавить белую обводку и тень.

Чтобы сделать обводку, правой кнопкой мыши нажимаем на название слоя и переходим в «Стили слоев». Следует выбрать пункт «Outer glow» («Внешнее свечение») и настроить по своему вкусу.

Тень настраивается в подпункте «Drop Shadow» («Внешняя тень»).

• Шаг шестой: Сохранение для Telegram.

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

Сохраняем в PNG-формате.

Стикер для Телеграм готов!

Некоторые возможности Photoshop

Чтобы сделать стикеры для Телеграм, можно воспользоваться главным графическим редактором — Photoshop. Мы использовали версию Photoshop CC 2017, однако это не принципиально — основные функции одинаковы во всех версиях.

На официальном сайте компании Adobe можно скачать пробную бесплатную версию этого редактора.

Если вы новичок, будьте уверены: зверь не так страшен, как кажется. Редактор практически аналогичен описанному выше Pixlr.

Весь рассматриваемый инструментарий прост в использовании.

• Шаг первый: Открываем исходник и знакомимся с тем, как выглядит программа.

• Шаг второй: Подстраиваем под себя размер рабочей зоны. Нам поможет лупа и перетаскивание рабочего окна.

• Шаг третий: Включаем поддержку прозрачности — возле названия слоя один раз кликаем на «замочек», чтобы от него избавиться.

• Шаг четвертый: Вырезаем объект.

» Рекомендация от ТелеГида: Как и для сервиса выше, мы разобрали разные способы вырезания. В данном случае их 4: прочитайте сначала обо всех, для того чтобы определиться с самым подходящим!

Способ №1: Волшебная палочка

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

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

Пункт «Допуск» ответственный за силу действия фичи: какой диапазон оттенков будет выделен.

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

Поэкспериментируйте с «Допуском» и найдите оптимальное значение: просто пробуйте, как будет выделяться часть фона, и снимайте выделение через хоткей CTRL+D.

После этого можем приступать к делу.

Алгоритм несложный — выделяем фон «Волшебной палочкой», далее переключаемся на «Ластик» и вытираем ненужные области.

После того, как задник план будет стерт, нажмите на CTRL+D, чтобы убрать выделение.

Способ №2: Волшебный ластик

Объединяет в себе весь первый пункт «Волшебный ластик», доступный при нажатии на соответствующую пиктограмму правой кнопкой мыши.

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

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

Способ №3: Прямолинейное лассо

Этот инструмент очень похож на «Многоугольное лассо» сервиса Pixlr. Как и предыдущие, он «спрятан» под иконкой основного.

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

Далее кликаем по выделенному участку правой кнопкой, выбираем пункт «Инверсия выделенной области», берем в наши виртуальные ручки «Ластик» и стираем задний план. Как обычно, выделение убираем при помощи CTRL+D.

Способ №4: Перо

Один из наиболее популярных способов выделить объект — воспользоваться «Пером». Инструмент позволяет довольно точно обвести определенную область картинки. Далее достаточно инвертировать выделенный участок и стереть ненужное.

Никаких особых настроек не требуется — «поточечно» обводите нужный кусочек картинки, после чего кликните на пункте «Выделение».

Далее инвертируйте выделенную область и сотрите ее. Жмем на клавиатуре CTRL+D, дабы снять обводку.

» Совет от ТелеГида: Если вы хотите, чтобы стикер в Телеграм занимал как можно больше места — нажмите на CTRL+T, зажмите SHIFT, растяните его по периметру холста и нажмите ENTER.

• Шаг пятый: оформление.

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

По названию слоя кликаем правой кнопкой мыши и переходим к разделу «Параметры наложения». За обводку ответственный пункт «Выполнить обводку». Обязательно выставляем опцию «Положение» → «Снаружи».

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

• Шаг шестой: сохранение для Telegram.

И снова напомним о важности правильного размера и формата картинки. Чтобы поменять размер картинки в Photoshop, переходим к разделу «Изображение», выбираем «Размер изображения».

Сохраняем в формате .png через «Файл», «Сохранить как».

Стикер для Телеграм готов!

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

Бот для создания стикеров в Телеграм

Что делать дальше?

Заходим в чат к боту @Stickers и пишем «/start». В ответ он отправит перечень доступных команд.

• Создание набора стикеров

1. Отправляем команду «/newpack»;

2. По просьбе бота вводим название для нового стикер-пака;

3. Отправляем созданную ранее картинку как файл;

4. Выбираем подходящий эмодзи;

5. «Кормим» бота желаемым количеством картинок для набора, проделывая приведенный алгоритм;

6. Нажимаем «/publish».

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

• Создание набора масок

1. Отправляем команду «/newmasks»;

2. По просьбе бота вводим название для новых масок;

3. Отправляем созданное ранее изображение как файл;

4. Выбираем расположение маски: лоб, рот, глаза, подбородок. Либо пропускаем командой «/skip»;

Мы выбрали лоб..

5. После настройки местоположения маски следует нажать «Готово»;

6. По возвращению в чат с ботом, снова нажимаем «Start»;

7. Отправляем еще изображения, следуя алгоритму;

8. Когда пак масок будет сформирован, пишем «/publish»;

9. Далее все аналогично стикерам: вводим короткий адрес для набора, и получаем на него ссылку.

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

Как удалить стикеры