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

Как я создаю анимации для Telegram

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

1. Поиск иконки/логотипа

Первым шагом я ищу иконку нужного сервиса, который мне нужно преобразовать в анимированный стикер. Я обычно использую Google или Yandex, чтобы найти логотип компании или иконку, которая мне нужна. Особенно хорошо, если у сервиса есть сайт, где можно скачать исходники. Важно найти иконку в высоком разрешении и скачать ее в формате SVG.

Скриншот с сайта https://www.tinkoff.ru/about/brand/

2. Редактирование векторного файла

После того, как я нашел иконку, я открываю Adobe Illustrator и создаю новый документ. Затем я открываю скачанную иконку в Adobe Illustrator и располагаю ее на холсте. Я затем создаю новые слои и разделяю иконку на части, чтобы было легче анимировать ее позже. Я сохраняю иконку в формате AI.

3. Анимация в Adobe After Effects

Следующим шагом я открываю Adobe After Effects и импортирую файл AI. Я добавляю файл на проекте и перевожу файл в кривые. Затем я начинаю анимировать иконку с появлением и исчезновением, добавляя движения и эффекты, чтобы сделать анимацию более живой и интересной.

4. Рендеринг

После того, как я закончил анимирование иконки, я рендерю ее через плагин Bodymovin, который создает файл формата Lottie. Формат Lottie позволяет сохранять анимацию в компактном и оптимизированном виде, что делает ее идеальной для использования в телеграмм-канале.

5. Загрузка через бот @Stickers

Наконец, я загружаю анимированный стикер на телеграмм-канал через бот @Stickers

Почему именно через Lottie

Кроме того, формат Lottie позволяет создавать анимированные стикеры с прозрачным фоном, формат позволяет создавать анимированные стикеры с более высоким качеством и меньшим размером файла, что делает их более быстрыми и эффективными в использовании. В то время как формат WEBM может создавать стикеры с высоким качеством, они обычно занимают больший объем памяти и могут быть более медленными в загрузке и просмотре.

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

Создание анимированных стикеров

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

Примечание

Telegram использует Lottie — свободный формат для создания анимаций. Ознакомиться с документацией и описанием формата можно тут.

Чтобы создать свой набор, вам понадобится:

• Приложение Adobe After Effects
• Любой графический редактор, который позволяет экспортировать векторные объекты в Adobe After Effects
• Плагин Bodymovin-TG — форк Bodymovin для Adobe After Effects, который позволит экспортировать анимацию в .TGS — специальный формат для Telegram.

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

• Стикер/холст должен быть размером 512х512 пикселей
• Изображение на стикере не должно выходить за края холста
• Анимация должна длиться не дольше 3 секунд
• Анимация должна быть зацикленной
• Стикер должен весить не более 64 кб
• У всех стикеров в наборе должен быть одинаковый FPS (30 или 60)
• В анимации нельзя использовать выражения (Expressions) и эффекты (Effects). В частности: Masks, Mattes, Layer Effects, Images, Solids, Texts, 3D Layers, Merge Paths, Star Shapes, Gradient Strokes, Repeaters, Time Stretching, Time Remapping, Auto-Oriented Layers. Использование этих инструментов не позволит вам сохранить стикер в нужном формате .TGS.

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

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

Как только ваши стикеры будут готовы, отправьте боту @stickers команду /newanimated , затем отправляйте ему файлы в формате .TGS.

Ещё вашему набору можно добавить иконку. Она должна быть 100х100 пикселей, с зацикленной анимацией длиной не более 3 секунд.

Установка плагина Bodymovin-TG

1. Закройте After Effects, если он открыт
2. Установите программу ZXP Installer
3. Скачайте последнюю версию bodymovin-TG (bodymovin-tg.zxp)
4. Откройте ZXP Installer и перетащите туда расширение bodymovin-tg
5. В After Effects перейдите в меню Правка (Edit) >Настройки (Preferences) >Сценарии и выражения (Scripting & Expressions) и установите флажок «Разрешить сценариям выполнять запись файлов и осуществлять доступ к сети» (Allow Scripts to Write Files and Access Network).

1. В меню Window > Extensions вы увидите Bodymovin for Telegram Stickers. Готово!

Сайт про Telegram на русском (неофициальный).

Здесь собраны приложения на базе MTProto, переведена некоторая документация с официального сайта, а также работает Webogram.

Как создать анимированные стикеры в Telegram

Начиная с версии 5.9 приложение Telegram поддерживает анимированные стикеры. Все художники могут свободно создавать и загружать новые наборы с анимациями.

Необходимые инструменты

Чтобы создать анимированный стикер для платформы Telegram, вам понадобится следующее:

1. Векторный графический редактор, который позволяет экспортировать векторные объекты в Adobe After Effects для превращения их в анимацию.
2. Программа Adobe After Effects.
3. Плагин Bodymovin-TG для Adobe After Effects, который нужен для экспорта анимации в .TGS — формат анимированных стикеров Telegram.

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

1. Размер изображения должен быть 512х512 пикселей.
2. Объект стикера не должен выходить за рамки.
3. Продолжительность анимации не должна превышать 3-х секунд.
4. Анимация должна быть зацикленной.
5. Размер стикера не должен превышать 64 КБ.
6. Все стикеры из одного набора должны иметь одинаковый FPS (30 или 60).
7. Нельзя использовать следующие функции Adobe After Effects при анимации стикера: Expressions, Masks, Mattes, Layer Effects, Images, Solids, Texts, 3D Layers, Merge Paths, Star Shapes, Gradient Strokes, Repeaters, Time Stretching, Time Remapping, Auto-Oriented Layers.
Использование любого из этих инструментов сделает невозможным экспорт вашей анимации с помощью Bodymovin-TG.

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

Как только ваши стикеры будут готовы, отправьте команду /newanimated в бот @stickers, а затем пришлите .TGS-файлы.

Кроме того вашему набору понадобится иконка. Значки для наборов анимированных стикеров должны быть размером 100×100 пикселей, с зацикленной анимацией, не превышающей 3-х секунд.

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

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

Быстрый переход к разделу:

• Что такое стикерпак и какие требования у стикера
• Создаем стикер при помощи бота
• Вариант с обрезкой в квадрат
• Вариант с прозрачным фоном в Photoshop
• Как сделать стикер в iPhone
• Как создать анимированные стикеры в Telegram

Что такое стикерпак и какие требования у стикера

Стикерпак — это набор изображений, которые заменяют стандартные эмодзи.

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

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

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

Создаем стикер при помощи бота

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

@EzStickerBot — это только один из множества ботов, который подготовит изображение для загрузки в качестве стикера в Telegram. После отправки любого фото бот вернет файл в нужном разрешении и формате.

После подготовки всех изображений можно перейти в @Stickers в Telegram и с помощью команды /newpack создать свой первый стикерпак в Telegram.

1. выберите название,
2. отправляйте сначала файлы с изображениями, а после соответствующие эмодзи,
3. наполняйте стикерпак.

Вариант с обрезкой в квадрат

Стикеры в Telegram должны соответствовать разрешению 512 пикселей по одной из сторон. Вторая сторона может быть меньше, но наиболее популярный формат — квадратный стикер 512х512.

Если стикер в Telegram кажется прямоугольным, скорее всего, дело в том, что часть фона прозрачная, поэтому пропорция квадрата теряется.

Сделать изображение квадратным и задать размеры позволяет редактор фото в телефоне. Для этого:

• укажите размеры,
• выберите область изображения,
• сохраните фото в необходимом разрешении.

Если ваш телефон не может выполнить эти операции, воспользуйтесь сторонними сервисами (например, I love img) или приложениями:

Вариант с прозрачным фоном в Photoshop

В стандартных фоторедакторах тяжело получить прозрачный фон для стикеров в Telegram. Прозрачный фон делает стикер более органичным в интерфейсе мессенджера и создает эффект проработанности — в том числе поэтому для стикеров в Telegram используется формат png, который позволяет сохранить фон прозрачным.

Наиболее простой способ создать прозрачный фон для стикеров в Telegram — Photoshop:

• С помощью нажатия в меню «Выделение — Предмет» в два клика убрать все лишнее с фото и получить готовое изображение.
• После выделения предмета инвертируйте область (Ctrl+Shift+I) и вырежите все ненужное.

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

Как сделать стикер в iPhone

Приложение Stickers позволяет не только ровно обрезать изображение, но и создавать стикеры с прозрачным фоном. Достаточно открыть фото и выделить область, которая должна остаться в качестве стикера.

Инструменты приложения позволяют менять толщину выделения, чтобы:

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

У других приложений, например, «Редактора стикеров для Telegram» меньший функционал, однако они тоже могут оказаться полезными, если нет задачи сделать идеальные стикеры для iPhone.

А еще у владельцев iPhone с iOS 16 есть функция автоматического создания стикера из фото. Достаточно долго удерживать палец на объекте, который хотите использовать в качестве стикера в Telegram, и iPhone сам удалит фон и предложит отправить результат в качестве стикера.

Как создать анимированные стикеры в Telegram

Анимированные стикеры в Telegram загружаются так же, как и обычные, с одним только отличием: вместо команды /newpack в боте @Stickers необходимо ввести /newanimated.

Для анимированных стикеров Telegram использует собственный формат tgs, который можно получить, установив расширение Bodymovin-TG в Adobe After Effects. Создав обычную циключиную анимацию размером не более 64 КБ, можно открыть расширение Bodymovin for Telegram Stickers и сохранить композицию в нужном формате.

Важно: использование этих инструментов в After Effects может привести к ошибкам при сохранении файлов, поэтому от них лучше отказаться:

1. Repeaters,
2. Masks,
3. Solids,
4. Texts,
5. Auto-Oriented Layers,
6. Layer Effects,
7. 3D Layers,
8. Images,
9. Gradient Strokes.

Анимированные стикеры в Telegram могут отличаться частотой кадров: если один стикер сохранен в 30 к/сек, а другой в 60 к/сек, платформа не даст использовать их в одном стикерпаке.

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

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

Фото на обложке: Shutterstock / AngieYeoh

Подписывайтесь на наш Telegram-канал, чтобы быть в курсе последних новостей и событий!