Анимированные картинки – популярный способ ответов в чатах Telegram. Однако не всегда удается найти подходящий стикер, а некоторые паки стоят дорого. Плюс мессенджера в том, что любые пользователи могут создавать собственные анимации. Рассказываем, как сделать анимированный стикер в телеграмме и сохранить их в коллекции.
Что такое анимированные стикеры для Telegram и зачем они нужны
Анимированные стикеры — это графические изображения с движением, которые используются в переписке для выражения эмоций, идей и настроения. Динамичные картинки выглядят более живо и выразительно, чем статичные аналоги. Они автоматически воспроизводятся в чатах, но при этом не требуют от пользователя дополнительных действий для запуска анимации.
В последней версии мессенджера используются обновленные версии стикеров, которые имеют формат .TGS (Telegram Animated Sticker). Они базируются на векторной графике и технологии Lottie, благодаря чему занимают мало места и быстро загружаются на смартфонах и ПК с низкой производительностью.
Пользователями мессенджера стикеры используются в следующих целях:
Выражение эмоций. Стикеры позволяют ярко передать чувства, такие как радость, удивление, грусть или гнев.
Продвижение. Многие компании создают уникальные пакеты стикеров основе брендбука и фирменного стиля. Их применяют в общении для повышения узнаваемости бренда и встраивают в фирменные приложения в их чатах и приложениях Telegram Mini App. Это помогает увеличить охваты бренда среди пользователей мессенджера, рекламировать новый продукт или акцию.
Добавление индивидуальности. Пользователи могут выбирать стикер-паки, которые соответствуют их личности, хобби или предпочтениям. Существуют коллекции, основанные на дизайне популярных персонажей аниме, книг и фильмов.
Упрощение коммуникации. Стикеры позволяют сократить текстовые сообщения и заменять целые фразы одним изображением. Их используют, чтобы быстро ответить на вопрос, если нет желания печатать ответ стандартным способом.
В одной из статей мы обсуждали, можно ли заработать на P2P-арбитраже в Телеграме. Продажа анимированных картинок – еще одна возможность заработка в мессенджере. Графические дизайнеры могут продавать стикербуки на массовой основе или создавать уникальные стикеры на заказ для брендов.
Основные требования к анимированным стикерам в Telegram
Недостаточно просто создать анимацию – вы должны придерживаться правил Телеграмм, иначе картинки не будут приняты.
Размер всего холста (основная картинка и сопутствующие элементы) – 512х512 пикселей.
Вес финального файла не должен превышать 64 килобайта.
Длительность не должна превышать 3 секунды.
Файл должен быть сохранен с расширением .tgs.
Частота должна быть 30 или 60 к/с.
Анимация должна быть цикличной, т.е. первое и последнее движение на картинке должно совпадать.
Если вы будете работать с After Effects, стоит учитывать, что Telegram не разрешает использовать некоторые возможности программы. Полный список ограничений указан на официальной странице.
Пошаговая инструкция: как создать анимированные стикеры
Рассмотрим, как сделать анимированный стикер в телеграмме в классическом стиле – векторные анимированные рисунки на прозрачном или белом фоне.
Этап 1: Подготовка
Для начала потребуется установить соответствующий софт. Чтобы создать стикерпак, вам понадобится:
Adobe Illustrator – в нем вы будете рисовать картинки и преобразовывать фото в вектор.
Adobe After Effect – для анимирования стикера.
Плагин для Афтер Эффект Bodymovin-TG – с его помощью мы будем сохранять анимацию в формат TGS.
Приложение ZXPInstaller – позволяет подключать в Effects сторонние плагины.
Для начала скачиваем Bodymovin-TG с официальной страницы. Нам нужен файл под названием bodymovin-tg.zxp, он указан первым в списке.
Скачайте ZXPInstaller. Для этого на странице загрузки нажмите кнопку Download for Windows или другой вариант, который подходит вашему устройству. Когда программа установится, запустите его и перетяните файл плагина в окно софта.
Откройте Афтер Эффект и в главном меню пройдите путь «Правка» – «Настройки» – «Сценарии и выражения». В открывшемся окне разрешите сценариям выполнять запись файлов.
Если вы работаете с англоязычной версией программы, вам нужны пункты Edit – Preferences – Scripting & Expressions. Там потребуется установить галочку напротив строчки Allow Scripts Write Files and Access Network.
Этап 2: Создание дизайна стикера
Откройте Illustrator и создайте холст размером 512 на 512 пикселей. Далее нужно нарисовать дизайн – для этого нужно знать Illustrator хотя бы на базовом уровне. Если вы не умеете это делать, можно создать вектор из любой картинки при помощи инструмента трассировки.
- Импортируйте рисунок на полотно, перетащив его в окно программы. Желательно, чтобы объект, из которого мы будем создавать стикер, находился на однотонном фоне.
- В меню инструментов вверху появится строчка «Трассировка изображения». Кликните по галочке рядом с кнопкой, чтобы выбрать стиль трассировки. Для Телеграм лучше всего подойдет режим 6 или 16 цветов.
- Когда процесс завершится, выделите объект. В панели инструментов отыщите и нажмите кнопку «Разобрать».
- Кликните по картинке правой кнопкой мыши и щелкните по пункту «Разгруппировать».
- В окне со слоями появятся все объекты, которые присутствуют в проекте. При желании вы можете удалить ненужные элементы, например, фон картинки.
- Сохраните проект как файл с расширением .ai и убедитесь перед экспортом, что проект совместим с PDF.
Картинки с подходящей графикой можно скачать на бесплатных стоковых сайтах, таких как Freepik или LottieFiles. Если вы хотите создать уникальный дизайн, нарисуйте стикеры от руки и отсканируйте.
Этап 3: Анимация и конвертация
Анимировать картинки нужно в программе After Effects. Мы рассмотрим базовые шаги – для подробной работы требуются углубленные знания, а сама анимация может занимать несколько часов.
- Откройте софт и создайте композицию через пункт «Файл». Установите нужные параметры, которые указаны в требованиях Телеграм.
- Перенесите в программу созданную ранее картинку-стикер. Щелкните по ней правой кнопкой мыши и создайте фигуры из векторного слоя, выбрав соответствующий пункт.
- Для более удобной работы измените дефолтные названия слоев. Для этого выделите элемент в списке слева, нажмите Enter и укажите новое имя.
- Раскройте в окне слоев папку «Кривые» и отыщите элементы, которые будете анимировать. Если нужно объединить их в группу, нажмите сочетание клавиш Ctrl + Shift + S.
- Нажмите клавишу U, чтобы открыть таблицу ключевых кадров. Кликните по таймлайну, чтобы активировать пункт «Положение». Аккуратно продвигайте таймлайн и одновременно меняйте положение и форму элемента.
Обработайте таким образом все элементы стикера, которые будут двигаться. После этого запустите плагин BodyMovin через пункт меню «Расширение». Отметьте композицию, которую нужно сохранить, и кликните Render.
Как загрузить анимированные стикеры в Telegram
Теперь рассмотрим, как добавить анимированный стикер в телеграм. Для загрузки разработчики рекомендуют использовать десктопную версию. Для начала нужно найти и запустить бот @Stickers. С его помощью можно создавать анимированные и статичные стикеры, добавлять эмодзи, редактировать созданные стикерпаки.
- Введите название бота в поиск и отыщите вариант с галочкой верификации. Запустите бот, кликнув по нужной кнопке. Кликните по строчке /newanimated и укажите в поле сообщения мессенджера название нового пака.
- После этого вам предложат загрузить стикеры в формате TGS. Наведите курсор на значок скрепки в поле сообщения и выберите вариант загрузки «Документ». Отыщите на компьютере нужные файлы и отправьте в мессенджер.
- Укажите, какой эмодзи соответствует первому стикеру в наборе. Для этого щелкните по иконке смайлика и выберите подходящий.
- Повторите предыдущие шаги необходимое количество раз, добавив остальные стикеры. Когда пак будет полностью собран, введите команду /publish.
Вы можете редактировать созданные стикерпаки – изменять порядок стикеров, удалять или добавлять файлы. Для этого кликните по кнопке «Меню» в поле сообщения и выберите нужную команду.
Альтернативные способы создания анимированных стикеров
Работа с Adobe Illustrator и After Effects требует навыков графического дизайна. Если у вас нет нужных знаний, их можно сделать более простыми методами. Далее мы опишем, как создать анимированные стикеры в телеграм альтернативными способами.
Способ 1. Видеостикеры
Если вы не умеете рисовать в редакторе картинки, стикеры можно сделать из видеофайлов. В этом случае понадобится клип, который отвечает следующим требованиям:
в видео не должно быть звука;
длительность – не более 3 секунд;
размер картинки – 512х512;
формат видео файлов – WebM, сжато кодеком VP9 с фреймом 25;
итоговый вес – не более 256 килобайт.
Отредактировать видеофайл можно в редакторе, который поддерживает нужный формат, например Kdenlive. После этого перейдите в ТГ-бот и запустите команду newvideo. Следуйте шагам, описанным в разделе о загрузке стикеров в Телеграм.
Способ 2. GIF-анимация
Гифки можно скачать на таких сайтах, как Giphy или LottieFiles. Если ее нужно подогнать под правила Телеграм, воспользуйтесь сайтом ILoveIMG.
Чтобы изменить размер GIF-анимации, в пункте меню «Все инструменты для изображений» отыщите «Изменить размер». В окне настроек укажите высоту и ширину и примените изменения кнопкой «Изменить размер изображений».
Если вам требуется уменьшить вес картинки, а меню опций сайта выберите раздел «Оптимизация». отыщите раздел «Сжать изображение» и кликните по пункту GIF. Перетащите гифку в окно программы и кликните «Сжать изображения».
После этого останется загрузить гифку в After Effects и экспортировать в формате TGS, как рассматривалось выше.
Вывод
Анимированные стикеры для Telegram — это удобный способ выражения эмоций и создания более живого и увлекательного общения. Они могут использоваться в личных целях, а также для повышения лояльности со стороны клиентов или продвижения бренда. Продажа анимированных картинок может стать хорошим вариантом дополнительного заработка, но для этого потребуется освоить After Effects на продвинутом уровне.
