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

Что такое анимированные стикеры и как они работают

Анимированные стикеры — это стикеры с элементами движения. Такая анимация отражает эмоцию, действие или состояние собеседника. 

Пользователи в Telegram постоянно отправляют стикеры с персонажами и анимацией. В стикерпаке есть несколько эмоций, а еще смешные действия персонажа, которые показывают характер сообщения. 

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

Еще в Telegram есть стикеры по популярным фандомам и персонажам, например анимации с игрушками корейской группы BTS под названием BT21 или стикеры с Маленьким принцем. Фанаты персонажей точно захотят общаться вместе с милыми анимированными стикерами с любимыми героями и сюжетами в повседневной жизни.

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

Подготовка к созданию анимированных стикеров

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

Можно вдохновиться бумажными наклейками, которыми мы пользуемся в ежедневниках и блокнотах. У таких стикеров тоже есть общие формы и темы, а еще цветовые палитры. А стикеры в мессенджерах повторяют реальность, когда пользователь «наклеивает» небольшой рисунок в переписке.

Для стикеров лучше использовать четкие формы. Например, основать картинку на круге или квадрате, а у персонажа на прозрачном фоне должен прослеживаться четкий силуэт. Так стикер будет понятным на любом размере экрана. Анимация должна быть простой и лаконичной, чтобы быстро передать эмоцию или настроение, которые в него вложил автор. Для анимированных стикеров советуют ставить анимацию на бесконечный повтор, делать ее цикличной. 

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

Читайте также:

Матрица Эйзенхауэра: простой способ не потеряться в потоке дел студенту онлайн-школы

Программы для создания стикеров

Статичные стикеры можно нарисовать в любой удобной программе: например, Procreate, Adobe Photoshop или Adobe Illustrator. Для начала в удобной программе для рисования попробуйте подобрать тему, форму, цвет будущего стикера. Но чтобы позже анимировать стикер, нужны слои и возможность удалить задний план, чтобы стикер получился на прозрачном фоне.

Для анимированных стикеров в Telegram подойдет программа Adobe After Effects с расширением Bodymovin for Telegram Stickers. Расширение поддерживает формат TGS и делает весь процесс создания стикеров проще и быстрее. Подробнее о формате и расширении написано в официальном руководстве по стикерам в Telegram.

Создаем анимацию для стикеров

Давайте попробуем создать анимированный стикер в Telegram со звездой. Для этого нужно отрисовать слои, сделать анимацию, экспортировать файл с помощью расширения и загрузить стикер в Telegram.

Отрисовка стикера

Для стикера нужен формат 512 на 512 пикселей. Создайте файл и уберите слой с фоном. Расположите объекты по центру холста и следите, чтобы ничего не обрезалось. Важно отрисовать элементы на разных слоях, чтобы позже при анимации можно было передвигать их по отдельности. Нарисуйте одну большую звезду и две маленькие звездочки, чтобы получилась композиция.

После отрисовки сохраните файл в Adobe Illustrator. Для анимации подойдет оригинальный формат AI, в котором сохранится информация о слоях, объектах и фоне. При сохранении активируем галочку с созданием копии в PDF, потому что без нее After Effects не отобразит элементы в файле, которые вы нарисовали.

Анимация стикера

Перейдите в Adobe After Effects, чтобы анимировать стикер. Снова создайте файл 512 на 512 пикселей. По правилам Telegram частота анимации должна быть не более 60 кадров. По длительности стикер вмещает три секунды анимации. Выставите нужные настройки и нажмите ОК.

Создайте композицию и импортируйте файл со слоями стикера. Для этого выберите Файл — Импорт — Файл.

Перенесите слои в рабочую область программы внизу, чтобы можно было создавать анимацию. Зажмите клавишу Shift и выберите все нужные слои, а потом курсором перетащите их к таймлайну.

Следующий шаг — создайте фигуры из векторных элементов, чтобы перемещать их. Кликните правой кнопкой мыши по слоям и выберите Создать — Создать фигуры из векторного слоя. Файлы с форматом Adobe Illustrator на рабочем холсте отображаться не будут, останутся только фигуры.

В Adobe After Effects есть функции «Опора» и «Положение», которые отвечают за смену движения элементов. Используйте их, чтобы маленькие звездочки двигались на стикере. Для этого перетащите синюю вертикальную линию таймлайна в начало и кликните на «ромбики» слева от слоев. 

Так вы зафиксируете положение верхней звездочки. Повторите действие в самом конце анимации, чтобы она повторялась. Снова перетащите линию таймлайна по центру, активируйте «ромбики» и двигайте звездочку наверх, чтобы создать анимацию из одного движения.

Повторим этот этап с другой маленькой звездочкой. Снова включаем «Опору» и «Положение» в начале и в конце для повтора анимации, а затем выбираем момент смены положения второй звездочки, например чуть раньше первой звездочки, так композиция получится динамичной. Включить и проверить анимацию можно кнопками в правом верхнем углу.

Экспорт стикера

Сохраните изменения в файле Adobe After Effects. Для экспорта стикера в формате TGS выберите Окно — Расширения — Bodymovin for Telegram Stickers. 

Такой формат нужен для полноценной работы анимированного стикера в Telegram. А как установить расширение Bodymovin, можно узнать тоже в официальной документации Telegram.

В новом окошке выберите нужный файл с анимацией — у нас это Композиция 1. Назначьте папку для сохранения файла на устройстве и потом нажмите Render. Стикер экспортируется под названием DATA в формате TGS.

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

Добавить анимированные стикеры в мессенджер Telegram можно через официальный бот @Stickers. Запустите бота и выберите создание нового стикерпака с анимацией.

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

Дайте стикерпаку короткое имя на латинице для ссылки, по которой он будет доступен. Опубликуйте стикеры и получите ссылку, по которой их можно скачать, чтобы использовать в переписках и каналах

Кликните по ссылке от бота и нажмите кнопку Add, чтобы добавить анимированный стикер к себе в профиль.

Готово! Теперь вы можете общаться с друзьями и коллегами через собственные анимированные стикеры.

Что нужно помнить во время создания стикеров с анимацией в Telegram

Яркие стикеры с анимацией добавляют живую и веселую атмосферу в цифровое общение. Картинки с любимыми персонажами поднимают настроение, а если использовать стикеры для своего блога, то будет легче привлечь внимание аудитории.

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

Для стикеров в Telegram важно делать простую анимацию не более трех секунд с частотой максимум в 60 кадров. Персонаж или стикер должны иметь четкий силуэт, чтобы легко и понятно передавать действие или эмоцию. Анимацию стикера лучше рисовать в Adobe After Effects с расширением Bodymovin for Telegram Stickers, чтобы экспортировать файл в нужном формате TGS.

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

Любой пользователь Telegram может создать собственные анимированные стикеры, например с собой или со своим персонажем, и тогда общение онлайн перейдет на новый уровень!