Sizenov Alexander
Not Found Gallery

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

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

1. Скетчинг и сканирование (Adobe Scan).
2. Растрирование и корректировка (Adobe Photoshop).
3. Перевод букв в вектор (Adobe Illustrator).
4. Подготовка плагина Bodymovin-tg для Adobe After Effects.
5. Анимация букв в Adobe After Effects.
6. Экспорт с помощью Bodymovin-tg.
7. Импорт эмодзи в Telegram.

Также предоставлена ссылка на архив с файлами для Adobe After Effects на основе которого можно сформировать собственный набор.

1. Скетчинг
Подготовку набора букв можно делать как в традиционном формате (бумага, маркеры), так и в цифровом – например, на планшете или сразу в редакторе.

Сканирование
После того как буквы готовы:

1. Сканируем их через приложение Adobe Scan для смартфона (либо с помощью сканера).
2. Сохраняем результат в формате JPG (удобнее всего прямо в галерею телефона).
3. Переносим файлы на компьютер любым удобным способом. Самый быстрый вариант – отправить изображения себе в Избранное в Telegram.

2. Растрирование и корректировка (Adobe Photoshop)
Этот этап нужен, чтобы подготовить материал к переводу в векторный формат.

1. Открываем фото или скан букв в Adobe Photoshop.
2. Размещаем материал в монтажной области.
3. Применяем фильтры из Галереи фильтров, чтобы получить контрастное чёрно-белое контурное изображение.
4. Удаляем лишние линии, точки, шум.
5. Экспортируем итог в PNG.

3. Перевод букв в вектор (Adobe Illustrator)
Импорт и подготовка

1. Открываем PNG-файл в Adobe Illustrator.
2. Размещаем изображение примерно по исходным размерам.
3. Запускаем Image Trace (Трассировку) и разбираем объект (кнопка Разобрать – Expand).

Очистка
· После трассировки Illustrator создаёт множество слоёв.
· Удаляем белый фон.
· Убираем лишние детали, которые не убрали в Photoshop.
· Очищаем замкнутые внутренние области (например, в буквах О, А).

Организация
1. Каждую букву помещаем в отдельную монтажную область.
2. Переименовываем монтажные области – удобно использовать префиксы.

Экспорт
Через Экспорт для экранов (Export for screens) выгружаем материалы во всех нужных форматах: PNG, AI, PDF, SVG, EPS.
Не забываем включить опцию Создать подпапки (Create subfolders).

Эти файлы пригодятся для дальнейшей работы в After Effects.

5. Анимация букв в After Effects

Это самый трудоёмкий этап. Описываю на примере одной буквы:

1. Открываем файл-шаблон, прикрепленный к этому тексту, в котором уже есть композиции 512×512 (максимальное разрешение для Telegram).
2. В каждой композиции находится векторная форма буквы с готовыми ключами анимации и временным белым фоном.
3. Импортируем PDF букв в нужные композиции.
4. Правой кнопкой мыши создаём из неё Create > Create Shapes from Vector Layer (Создать > Создать формы из векторного слоя).
5. Переходим в слой старой буквы → копируем ключи анимации (позиция, масштаб).
6. Вставляем эти ключи в новую букву строго на нулевой секунде.
7. Удаляем старую букву, включаем фон (если удобно).

Корректировка
После вставки ключей часто сбивается размер – обязательно выделяем все ключи и уже затем корректируем масштаб и положение.
Если буква выходит за пределы квадрата – подгоняем ключи вручную.

Кастомизация
Все изменения – только в векторной форме:
· можно изменить цвет заливки;
· удалять лишние контуры;
· настраивать элементы формы.

Растровые эффекты запрещены – Bodymovin-tg не сможет их интерпретировать.

После настройки повторяем этот процесс для всех букв.

4. Подготовка Adobe After Effects для создания эмодзи

Для экспорта анимированных эмодзи в Telegram понадобится плагин Bodymovin-tg.

Ссылка на плагин (там же инструкция): https://github.com/TelegramMessenger/bodymovin-extension

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

Ссылка на файл-шаблон для After Effects: https://disk.yandex.ru/d/ok9WKS6QI_kspw

6. Экспорт из After Effects (Bodymovin-tg)

1. Открываем окно Window → Bodymovin-tg.
2. Находим список всех композиций (обычно названных по буквам).
3. Для каждой композиции выбираем путь экспорта и файл (например, А, Б, В…).
4. Скрываем задние фоны и технические слои.
5. Запускаем экспорт.

После завершения Bodymovin-tg создаёт TGS-файлы, которые можно импортировать в Telegram.

7. Импорт эмодзи в Telegram
Что нужно:
· папка с TGS-файлами из After Effects;
· десктопная версия Telegram.

Процесс:
В поиске Telegram открываем бота @Stickers.
· Выбираем «Создать новый набор».
· Указываем название и загружаем все экспортированные файлы.
· При необходимости корректируем порядок.
· Назначаем эмодзи, соответствующее каждой букве.
· Публикуем набор и создаём ссылку.

Теперь набор доступен для использования и распространения.

Внутри мини-приложения Telegram также можно отслеживать статистику и обновлять набор.

Путь от ручного скетча до готового набора букв для Telegram состоит из нескольких этапов – скетчинг, подготовка растров, векторизация, анимация, экспорт и импорт в Telegram. Самый трудоёмкий шаг – анимация, однако можно обойтись и без неё.
Несмотря на объёмность процесса, результат того стоит.

Составитель текста: Сизенов Александр

Большая благодарность: Максиму Кишкину, Серёге Голану и Коше.
При поддержке NotFoundGallery.
Москва.
2025 год.