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

Добавил пользователь Владимир З.
Обновлено: 08.10.2024

Один из вопросов, который часто приходит в личку — как работать со смайлами(эмодзи) и стикерами.

Как с ними работать, какими инструментами пользуюсь я и т.д.

Кому интересно, прошу под кат.

По-традиции, начинаем статью со ссылки на исходники по ней :)

Весь обсуждаемый в статье код собран в ветке Part3-Stick_and_Emoji.

Стикеры


Тут все просто. Мы даем стикеру имя, понятное для нас. И с помощью пары методов получаем готовые объект для отправки пользователю.

У нас есть базовый функционал, который мы создавали тут:
TelegramBot. Базовый функционал. (Часть 2)
Чтобы наш бот начал как-то обрабатывать принятые стикеры, нам нужно:

В список команд мы добавили команду STICKER


Соответственно в SystemHandler нам нужно указать, как обрабатывать поступившую команду STICKER:
SystemHandler.java строка 31


В результате, при отправке нашему боту любой стикер — мы получим в ответ его ID:


Смайлы или эмодзи


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

В первую очередь добавим в pom.xml вот такую зависимость:


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

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


Любознательным и пытливым будет где развернуться :)

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

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

Тэги должны быть обрамлены в двоеточние и содержать какой-то уникальный текст, обозначающий нужный смайл.


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


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

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


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


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


Это код вот этой кнопки:


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

Ну а чтобы быть точно уверенным, какие смайлы мы можем показать, а какие нет — эту задачу мы и поручим решать нашему помощнику.

Добавим в список команд команду TEXT_CONTAIN_EMOJI
Command.java строка 8

Создадим отдельный хендлер, который будет обрабатывать только эту команду:
EmojiHandler.java

Результат работы выглядит вот так:


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

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

Как, например, видно тут:


Смайл с кодом :face_with_monocle: почему-то не детектируется этой библиотекой.

Итак, обработчик у нас есть. Как мы передадим ему задание?


Программируйте в удовольствие и не стейсняйтесь задавать вопросы :)

Стикер - рандомная картинка, которая используется вместо эмодзи, как правило, в мессенджерах. Чем мне нравится телеграм, так это огромным количеством стикеров, причем их может создать каждый. Есть у вас группа по работе? Пилите стикерпак с рабочими моментами и мемами (у нас такой был). Группа студентов или родственников? Тоже самое. Удобно то, что процесс обновления вашего пака занимает считанные минуты.

  • Квадратная картинка размером 512px с одной стороны (вторая может быть такая же или меньше) в формате PNG с прозрачным фоном

Как делать саму картинку я писать не буду, можете взять файл с образцом стикера и вставить туда свое изображение или текст в фотошопе. Далее сохраните его в формате PNG.

Для этого пишем телеграм-боту @Stickers и выбираем раздел /newpack

Пишите только с веб-версии или через десктопное приложение. Картинки боту должны отсылаться КАК ФАЙЛ, а не как изображение

1 шаг. Первым делом бот спросит, как назвать ваш стикерпак. Придумаем ему имя, любое, например VC

2 шаг. Далее он предложит загрузить файл вашего стикера. Нажимайте скрепку и прикрепляйте файл с картинкой.

3 шаг. Пришлите боту смайлик, соответствующий данному стикеру.

Вы можете сделать пак с одним стикером или же сотней, дело ваше. Чтобы его опубликовать пошлите боту команду /publish

Далее, бот запросит у вас картинку для заголовка стикерпака. Если ее не присылать и выбрать /skip он будет использовать первую картинку из набора.

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

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

Пошлите боту команду /addstickers

Он предложит выбрать набор (если у вас их несколько), далее возвращаемся к шагу два и загружаем картинку.

Создатель стикерпака может увидеть по нему подробную статистику: сколько раз устанавливался, удалялся, сколько стикеров было отправлено сегодня. Для этого используются команды боту: /packusagetop и /stats

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

Оформляем и упаковываем посты в Телеграм

Форматирование текста внутри мессенджера

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

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

посты в телеграм через форматирование в мессенджере

посты в телеграм через форматирование в мобильной версии

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

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

Посты в телеграм, пример форматирования

Выделен заголовок и зашита ссылка на ключевое слово.

Работа с фото и видео

Для это этого потребуется подключить @ControllerBot . Я уже писал максимально подробную статью как это сделать, обязательно советую ознакомиться.

посты в телеграм: работа с фото и текстом

посты в телеграм: работа с фото и текстом

посты в телеграм: работа с фото и текстом

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

Посты в телеграм пример

Как создать красивые фото для своих постов без фотошопа

Чтобы создать красивые фото для своих постов в Телеграм не нужно никаких знаний photoshop. Достаточно использовать сервис Canva . На все потребуется 15-20 минут от силы. Покажу на примере создания превью для этой статьи.

1. Иду в Canva и выбираю тип презентация 16:9 (подойдут и другие горизонтальные форматы).

Оформляем и упаковываем посты в Телеграм

Оформляем и упаковываем посты в Телеграм

Оформляем и упаковываем посты в Телеграм

4. Вставляю картинку в макет, подбираю текст, цвет. Превью готово, на все ушло 15 минут.

Оформляем и упаковываем посты в Телеграм

Оформляем и упаковываем посты в Телеграм

Вот так быстро и просто возможно сверстать красивое и уникальное изображение для своих постов в Телеграм. Кстати в этом редакторе так же очень легко делать различные рекламные тизеры.

Уголок Админа — авторский блог о Телеграм. Только качественная и полезная информация о продвижении и развитии Телеграм-каналов.

Оформляем видеоматериал

Оформляем и упаковываем посты в Телеграм

Оформляем и упаковываем посты в Телеграм

Оформляем и упаковываем посты в Телеграм

квадратное видео преобразовано в круглое

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

Работа с гиф, кнопками и эмоджи

Сделать пост в Телеграм ярким возможно, используя gif анимацию и эмоджи с кнопками.

Гифки

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

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

Оформляем и упаковываем посты в Телеграм

Создаем кнопки и эмоджи

Специальные боты для постов в Телеграм позволяют добавлять к публикациям эмоджи и кнопки. Я покажу как это делать через @ControllerBot. О его подключении и первичной настройке написано в статье, поэтому останавливаться на этом не буду.

Оформляем и упаковываем посты в Телеграм

Оформляем и упаковываем посты в Телеграм

Оформляем и упаковываем посты в Телеграм

Оформляем и упаковываем посты в Телеграм

Упаковываем длинные посты

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

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

Telegra.ph

Telegra.ph используют 70-80% каналов Телеграм для упаковки своих постов, это самый распространённый сервис.

Teletype.in

Некий аналог Telegra зарубежная площадка Teletype.in имеет больший функционал и возможности. Хорошая скорость загрузки, адаптивность под мобильные, есть возможность командной работы и разделение статей по категориям. Несмотря на все плюсы, площадка пользуется небольшой популярностью среди админов.

Яндекс Дзен

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

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

Свой сайт

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

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

Заключение

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

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

Успехов вам! До новых встреч в следующих статьях. С уважением, Дмитрий Толстой.

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

Секреты и фишки

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Читайте также: