Как сделать кисть меньше в телеграмме
Обновлено: 07.07.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 размер картинки можно изменить во встроенном редакторе.
Если же ваше изображение имеет формат, отличный от .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: Волшебная палочка
Чтобы сделать выделение подряд несколько областей, достаточно нажать на эту пиктограмму:
После этого можем приступать к делу.
После того, как задник план будет стерт, нажмите на CTRL+D, чтобы убрать выделение.
Способ №2: Волшебный ластик
Способ №3: Прямолинейное лассо
Способ №4: Перо
Далее инвертируйте выделенную область и сотрите ее. Жмем на клавиатуре CTRL+D, дабы снять обводку.
Возможности Photoshop в плане обработки изображений практически безграничны. Мы рассмотрели самые простые способы получить вырезанный участок изображения, а теперь необходимо сделать оформление наклейки. Мы снова выбрали классический вариант белого обведения и небольшой тени.
- Шаг шестой: сохранение для Telegram.
Стикер для Телеграм готов!
После создания необходимого количества стикеров наступает время работы с ботом.
Бот для создания стикеров в Телеграм
Что делать дальше?
2. По просьбе бота вводим название для нового стикер-пака;
3. Отправляем созданную ранее картинку как файл;
4. Выбираем подходящий эмодзи;
7. Вводим короткий адрес для набора, и получаем на него ссылку. С ее помощью созданный вами набор можно добавить к себе в Телеграм или поделиться им с друзьями.
2. По просьбе бота вводим название для новых масок;
3. Отправляем созданное ранее изображение как файл;
7. Отправляем еще изображения, следуя алгоритму;
9. Далее все аналогично стикерам: вводим короткий адрес для набора, и получаем на него ссылку.
Мы рассмотрели полный цикл создания стикеров и масок для Телеграм, и очень надеемся, что он вам пригодится.
Читайте также: