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

Июль 19,2018

0
картинка: как сделать стикеры для телеграм

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

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

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

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

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


Содержание:

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

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

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

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

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

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

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

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

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

— Формат .png;

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

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

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

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

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

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

Перечень требований Telegram: следуйте рекомендациям, чтобы создать крутые стикеры

» Интересности от ТелеГида: В феврале вокруг одного стикер-пака для Telegram разразились нешуточные страсти, о которых написали все известные СМИ и Павел Дуров. Узнайте об этом подробнее в нашем материале: «Хронология событий со стикер-паком «Election Girl»»


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

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

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

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

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

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

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

картинка: как сделать стикеры и маски для telegram

Подгоняем размер под Telegram при помощи MacOS-редактора

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

картинка: как сделать стикеры для телеграма

Используем встроенные возможности Paint для подгонки изображений под требования Telegram

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

картинка: как с нуля сделать стикеры для телеграм

При необходимости меняем формат в Paint

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

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


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

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

Переходим в редактор по ссылке. Браузер может попросить включить Flash Player — сделайте это.

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

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

Открываем исходник в сервисе Pixlr. Справа от поля с Боди находится перечень доступных инструментов

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

картинка: как создать набор стикеров для телеграм

На скриншоте отмечены главные фичи, которые нам пригодятся при создании своего стикер-пака для Telegram

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

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

картинка: сервис для создания стикеров

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

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

картинка: гайд по созданию набора стикеров для telegram

Процесс создания наклеек для Telegram несложный, но какое-то время на него потратить однозначно придется, так что устраивайтесь поудобнее!

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

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

картинка: как сделать стикеры в telegram

Для начала нужно разблокировать фоновый слой, убрав «замочек»

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

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

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

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

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

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

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

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

картинки: как создать маски и стикеры в телеграм

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

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

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

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

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

Обводим объект как можно аккуратнее, чтобы сделать края более плавными, а далее возвращаемся в то место, с которого начали

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

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

картинка: как создать собственные телеграм-стикеры

После того, как вы выделите объект, нажмите правой кнопкой мышки для вызова контекстного меню и выберите «Инвертировать выделенное»

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

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

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

картинка: сделать маски в телеграм

Не отпуская левую кнопку мыши выделяем нужный участок, далее кликаем правой кнопкой и нажимаем на «Инвертировать выделение», а в конце стираем лишнее!

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

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

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

картинка: как создать маски и стикеры в telegram

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

картинка: как делаются стикеры и маски для telegram

После того, как добавили обводку, можно сделать тень: выбираем в том же меню «Drop Shadow» и экспериментируем с ползунками!

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

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

картинка: инструкция по созданию наборов масок и стикеров telegram

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

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

картинка: как сохранить стикеры и маски для telegram

Финальный этап: пункт «Файл», «Сохранить», «Формат»

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


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

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

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

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

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

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

Сделать стикеры для Телеграм в фотошопе проще, чем кажется!

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

Подстраиваем под себя рабочее пространство

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

Один раз кликнув на «замок», мы позволим фотошопу сделать прозрачный задник

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

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

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

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

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

картинка: пошаговая инструкция как сделать стикеры и маски в фотошопе

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

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

картинка: сделать маски в телеграм в фотошопе

В зависимости от фона картинки подойдет разное значение параметра «Допуск» — экспериментируйте!

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

картинка: туториал по созданию наборов масок и стикеров для telegram

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

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

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

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

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

картинка: программа для создания стикеров и масок в telegram

Как только вы подберете «мощность» палочки, смело кликайте на участки фона один за одним, а далее используйте ластик

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

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

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

картинка: создать стикеры для телеграм онлайн

Находим нужный инструмент и выбираем «Допуск» на верхней панели

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

картинка: приложение для создания масок и стикеров телеграма

Максимально быстрый способ сделать стикеры для Телеграм, однако нужно тщательно подстроить допуск «Волшебного ластика»

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

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

картинка: создаем стикеры в программе фотошоп для телеграм

Как и ранее, нужная нам фича ловко прячется в подменю

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

картинка: создаем маски и стикеры для телеграма сами

Обводим самое главное, а в данном случае — это милая мордашка Боди, не забывая в конце соединиться с первой точкой

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

картинка: программа по созданию телеграм стикеров и масок

Размер ластика можно регулировать на верхней панели — нажмите на кружок с цифрами, чтобы выпало контекстное меню

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

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

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

Картинка: как быстро сделать стикеры и маски для телеграм

Чтобы сделать выделение, аккуратно расставляем точки с возвратом к первой, а затем на верхней панели нажимаем на маленькую одноименную кнопочку «Выделение»

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

картинка: инструкция как сделать стикеры для телеграм в фотошопе

Клик правой кнопкой мышки по выделенному участку отображает меню, в котором следует выбрать «Инверсия выделенной области»


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

картинка: как сделать телеграм стикеры при помощи программы

Зажав SHIFT картинка начнет увеличиваться пропорционально. Чтобы растянуть ее по холсту, потяните за уголки появившегося квадрата

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

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

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

картинка: учимся создавать стикеры для telegram

Финальная обработка — шикарное поле для творчества! Смело добавляйте обводку и пробуйте другие плюшки в стилях

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

картинка: обучение по созданию стикеров и масок для телеграм

«Тень» — последний пункт меню со стилями слоев

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

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

картинка: как сделать наборы стикеров для telegram онлайн

На финишной прямой не забываем сделать наклейки нужного для Telegram формата: хотя бы одна из сторон должна равняться 512 пикселям

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

картинка: алгоритм как сделать свои стикеры для телеграма

Найдите пункт «PNG» в выпавших опциях сохранения

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

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


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

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

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

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

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

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

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

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

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

картинка: бот для создания стикеров и масок в telegram

Важно выбрать отправку в качестве файла

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

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

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

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

картинка: загрузка стикеров в телеграм

Как только вы выполните все требования бота, он пришлет вам ссылку на набор

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

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

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

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

картинка: инструкция по созданию масок в телеграм

Процесс выгрузки масок для Телеграм крайне похож на создание стикер-пака

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

картинка: как создать свои маски для telegram

Интересная особенность масок заключается в том, как они автоматически размещаются на фотографии

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

картинка: как самостоятельно сделать маски для телеграма

Не обессудьте, но редакция ТелеГида находит этот вариант самым прикольным

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

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

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

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

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

картинка: бот @stickers инструкция

Поздравляем! Вы успешно сделали маски для Телеграм


Мы рассмотрели полный цикл создания стикеров и масок для Телеграм, и очень надеемся, что он вам пригодится. Подписывайтесь на @teleblog — старейший блог о Telegram в мессенджере!

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

Последние публикации

Все новости

Комментарии (0)

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

Отправить ответ

avatar