Отличный способ оживить любой чат Telegram — анимирировать стикеры. Они отличаются от обычных статичных картинок тем, что они двигаются, мигают или даже рассказывают историю в целом. Такие стикеры привлекают внимание и выражают эмоции куда ярче, чем смайлы или слова.
Возможно, вам кажется, что создание анимации — это работа для профессионалов, которые обладают специальными навыками. Однако на самом деле это не так сложно, как кажется. Если у вас есть идея и немного свободного времени, Telegram позволяет вам создать и добавить свой собственный стикерпак.
В этой статье мы разберем весь процесс от идеи для стикера до публикации. Вы узнаете, какие инструменты можно использовать для рисования и анимации, даже если вы не художник, и как правильно подготовить файлы, чтобы они хорошо смотрелись в чате.
Шаг 1: Подготовка
Поскольку анимированные стикеры используют свой собственный формат изображения, называемый TGS, работать с ним могут только десктопные приложения Adobe, такие как After Effects и Illustrator, поэтому вам нужно будет загрузить и установить эти приложения.
Для начала нам понадобится специальный плагин и программа для его установки.
Перейдите к GitHub-разработчику.
- Нужное дополнение для After Effects называется Bodymovin-TG и получить его можно в официальном GitHub-репозитории разработчика по вышеуказанной ссылке.
- После загрузки страницы найдите блок с последним релизом плагина (обычно он идёт первым в списке), затем отыщите в нём ссылку с именем bodymovin-tg.zxp и кликните по ней.
Сохраняйте загруженный файл где угодно.
- Теперь нам нужно установить средство инсталляции плагинов к Афтер Эффектс. Оно называется ZXPInstaller, официальный ресурс находится по ссылке ниже. Для скачивания требуемой версии воспользуйтесь кнопкой «Download for Windows».
Вы можете посетить официальный сайт ZXPInstaller.
Сохраните инсталлятор на компьютере так же, как и плагин.
- Теперь задействуем установщик: откройте папку, куда его сохранили, и запустите исполняемый файл.
Инсталляция происходит без участия пользователя. Если вы в процессе заметили какую-то ошибку, причина, скорее всего, в неправильной установке Adobe After Effects, поскольку менеджер плагинов проверяет его наличие в системе.
- После установки средства добавления дополнений перетащите в его главное окно файл bodymovin-tg.zxp.
Подождите, пока операция завершится, а затем перезапустите After Effects, если он в это время открыт.
Подготовка завершена, когда можно переходить непосредственно к созданию стикеров.
Шаг 2: Создание стикеров
Векторная графика является почти обязательным условием для анимации в фотоаппарате TGS, поэтому нам нужен Адоби Иллюстратор.
- Если вы обладаете достаточными художественными навыками, можете нарисовать нужные изображения с нуля, благо Adobe Illustrator достаточно дружелюбен к новичкам.
Подробнее: Изучение Adobe Illustrator
- Мы же воспользуемся более простым решением — функцией под названием «трассировка», которая предназначена для перевода растрового изображения в векторное. Первым делом подготовьте исходники будущих стикеров и сохраните их в какую-нибудь подходящую папку. Далее откройте Иллюстратор и выберите «Открыть».
Перейдите к желаемому каталогу с помощью интерфейса «Проводника» и выполните импорт изображения.
- После загрузки объекта в приложение выделите его одиночным нажатием по рабочему пространству левой кнопкой мыши, затем найдите на панели инструментов справа блок «Быстрые действия», где нажмите «Трассировка изображения».
Выберите «Фотография выcокой точности» в меню.
- В зависимости от сложности используемого исходника процесс трассировки может длиться до минуты. По его окончании в меню быстрых действий выберите «Разобрать».
Выберите перечень объектов, которые распознала программа, на изображении и нажмите кнопку «Разгруппировать».
Приобретение будущего стикера завершено. Если вы видите объекты искажения или больше, чем необходимо, используйте инструменты Иллюстратора для решения этих проблем. Например, вы можете объединить контуры с помощью соответствующей панели справа.
Важно! Анимированные стикеры не могут содержать больше 64 килобайта, поэтому удалите лишние объекты или объедините их с иx.
- После того как изображение будет готово, сохраните его, воспользовавшись пунктами «Файл» – «Сохранить как».
Выберите папку, куда желаете поместить проект, и убедитесь, что формат задан как «Adobe Illustrator (*.AI)», после чего нажмите «Сохранить».
Далее будут открыты параметры настройки сохранения. Убедитесь, что опция «Создать PDF-совместимый файл» активна, а затем нажмите «ОК».
На этом этапе подготовка отдельного стикера завершена. Если вы создаете набор, эта процедура должна быть повторена для каждого из исходников.
Создавать анимированные стикеры для Telegram проще, чем кажется; это отличный способ выразить себя или рассказать о своем проекте с помощью ярких, запоминающихся движущихся картинок. Достаточно сделать анимированное изображение в формате TGS, который является уникальным форматом Telegram, с помощью бесплатных инструментов. Главное, что нужно сделать, это выбрать правильные размеры и вес, а затем отправить стикеры с помощью бота @Stickers. Весь процесс займет менее получаса, и результаты можно использовать в любом чате и делиться с друзьями.
Шаг 3: Анимирование стикера
Процесс превращения стикера в анимированный является самой ответственной частью.
- Запустите Adobe After Effects и в его главном меню выберите пункты «Композиция» – «Новая композиция».
Как следует настроить сценарий будущей анимации:
- «Ширина» и «Высота» – 512 на 512 пикселей;
- «Частота кадров» – 30 либо 60, последнее предпочтительнее;
- «Длительность» – 3 секунды;
- «Цвет фона» – желательно белый.
- Далее перетащите в рабочую область (отмечена на скриншоте) созданное на предыдущем этапе векторное изображение.
Параметры импорта включают композицию, выбор слоя и размер документа.
- После импорта убедитесь, что изображение занимает всю рабочую область, затем кликните по нему правой кнопкой мыши (ПКМ) и выберите пункты «Создать» – «Создать фигуры из векторного слоя».
- На панели источников появится новый слой с именем «Кривые *название файла*». Слой ниже, из которого и создавался предыдущий, можно удалить: выделите его единичным нажатием левой кнопки мыши (ЛКМ) и нажмите на клавиатуре Del.
- Собственно анимирование в Адоби Афтер Эффектс заслуживает отдельной статьи, поэтому далее мы ограничимся базовым примером в виде движения картинки по полотну. Нажмите на стрелочку возле слоя с кривыми и кликните в появившемся меню «Преобразовать».
Откройте затем это меню, а затем поставьте галочку в пункте «Положение». Это настроит первый кадр анимации в будущем.
- Теперь переходим к таймлайну – это правая часть нижней рабочей области. Синяя стрелка на ней – текущее местоположение. Наведите на неё курсор, зажмите ЛКМ и перетяните стрелку немного вправо.
- Сейчас нужно задать опорные точки будущей анимации: перейдите к области композиции (там, где находится картинка), наведите курсор на изображение, зажмите ЛКМ и перетащите его в требуемом направлении – это будет стартовой позицией анимации.
Далее переместитесь вправо по временным линиям, чтобы создать следующую опорную точку, а затем перетяните изображение.
- Повторяйте действия шагов 6-7 для создания как минимум восьми точек – это допустимый нижний предел для приятной глазу анимации.
В меню справа найдите раздел «Предпросмотр». Раскройте его и нажмите кнопку «Начать воспроизведение».
- После получения подходящего результата его понадобится экспортировать в нужном формате – откройте пункт «Окно», где выберите «Расширения» – «Bodymovin for Telegram Stickers».
Чтобы открыть отдельную панель управления экспортом, сначала выберите созданную композицию (ее отметка находится в левой части строки), а затем кликните по трём точкам.
Посредством «Проводника» выберите папку, куда сохранить окончательный стикер.
Далее выберите «Render».
Программа сообщит вам, что рендеринг завершился успешно, если все сделано правильно и лимит в 64 Кб не превышен. Нажмите «До завершения» и закройте окно плагина.
Файл с расширением TGS должен появиться в выбранной ранней папке.
Если вы хотите создать дополнительные стикеры, просто повторите все вышеупомянутые шаги.
Проверьте, правильно ли введены все параметры, а затем нажмите «ОК». Вы можете оставить остальные параметры по умолчанию.
Внимание! Все стикеры должны иметь одну частоту кадров. В результате анимации с частотой тридцать и шестьдесят кадров не могут быть объединены в один набор.
Как вы видите, создание собственных стикеров для Telegram не только увлекательно, но и вполне доступно. Чтобы порадовать друзей уникальным набором, не нужно быть профессиональным художником. Главное — начать с простой идеи и позволить фантазии работать.
Весь процесс от идеи до загрузки в стикерпак — это увлекательное творческое приключение, поэтому не бойтесь экспериментировать с программами и стилями; даже самые простые и незамысловатые рисунки могут стать хитами в ваших чатах.
Теперь у тебя есть все необходимые компоненты, чтобы создать свой первый набор, так что вдохновляйся, открывай графический редактор и начинай творить! Вы будете уверены, что все у вас получится, и совсем скоро вы сможете делиться своими забавными стикерами с друзьями!
