Найти в Дзене
Breitson

Анимированые стикеры телеграм

Альпак instaram @breitson
Телеграм начал поддерживать анимированные стикеры с версии 5.9, давайте рассмотрим, как их создавать.
Оглавление
Альпак instaram @breitson
Альпак instaram @breitson

Телеграм начал поддерживать анимированные стикеры с версии 5.9, давайте рассмотрим, как их создавать.

Для этого нам понадобится:

1. Adobe illustrator;

2. Bodymovin-TG, плагин для экспорта анимации в формат .TGS (формат анимированных стикеров телеграмма);

3. ZXPInstaller для установки Bodymovin-TG;

4. Adobe after effect;

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

Технические требования стикеров:

  • Размер анимированных стикеров не должен превышать 512*512 пикселей (px)
  • Части стикера не должны выходить за холст (Иначе в After Efect они будут недоступны)
  • Максимальная продолжительность анимации 3 сек
  • Анимация должна быть зациклена (В другом случае в телеграмме будет смотреться рваной и дерганной)
  • Размер после экспорта через Bodymovin не должен быть больше 64 КБ
  • Частота кадров анимации должна быть 30-60 кадров в секунду (к/c)

И самое страшное, требование к файлу под анимацию:

Для анимации нужен чистый вектор (то есть без фильтров и стилизации в illustrator, фильтры и стилизацию нельзя преобразовать в фигуру в After Efect и это ломает экспорт)

При анимации в After Efect не должны использоваться:

  • ключи Auto-Bezier
  • Выражения
  • Маски
  • Эффекты слоев
  • Изображения
  • Solids
  • Тексты
  • 3D-слои
  • Merge Paths
  • Формы звезд
  • Gradient Strokes
  • Повторители
  • Растягивание во времени
  • Переназначение времени
  • Auto-Oriented Layers

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

После того как у вас будет готовый рендер стикера, можно приступать к его загрузке в телеграмм. Вот что получилось у нашей редакции: https://t.me/addstickers/al_paca

Загрузка стикеров

1.Добавьте себе бота телеграмм перейдя по ссылке @stickers
2.Затем отправьте ему команду
/newanimated
3.Придумайте названия стикерпака
4.Скиньте боту свои стикеры в формате
.TGS
5.Выберете эмоции к каждому стикеру
6.Придумайте тег по которому стикеры будут отображается по ссылке

Если вы хотите значок отличный от вашего набора, создайте Иконку для набора анимированных стикеров размером 100x100 пикселей, с зацикленной анимацией не более 3 секунд.