Как сделать анимированные стикеры для Телеграм? Рисуем в CorelDRAW и анимируем в Adobe After Effects⁠⁠

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

Как конвертировать нарисованный объект из CorelDRAW в Adobe After Effects , и создать на его основе анимированный стикер (TGS файл) для мессенджера Telegram?

Как сделать набор анимированных стикеров для Телеграм?

Самое главное-если вы хотите объект из CorelDraw использовать для создания анимированного стикера в Telegram, то весь объект должен иметь только сплошную, а не градиентную заливку ,и никаких эффектов.

Иначе при экспорте в Adobe After Effects, программа будет тормозить, а при попытке конвертировать в итоговый TGS файл, будут проблемы.

Выполняем следующие шаги.

1. Откройте в CorelDraw файл содержимого которого, вы хотите перенести в Adobe After Effects.

2. Выделите нужный объект(или его часть), и копируйте его в буфер обмена, нажав в верхнем меню

- ПРАВКА - КОПИРОВАТЬ или нажав сочетание клавиш Ctrl+C .

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

Скопировать объект/рисунок из CorelDraw в Adobe illustrator
Скопировать объект/рисунок из CorelDraw в Adobe illustrator

3. Откройте Adobe illustrator, и выполните команду Правка-Вставить, или нажмите сочетание клавиш Ctrl+V, чтобы вставился ваш объект из CorelDraw.

4. Сохраните файл в формате Ai. Нажав в меню -

Файл - Сохранить как, и выбрав формат Ai.

Вставить рисунок-объект из CorelDraw в Adobe illustrator
Вставить рисунок-объект из CorelDraw в Adobe illustrator

5. Скачайте и установите плагин Bodymovin for telegram для Adobe After Effects, используя ZXP Installer.

Если автоматическая установка при помощи ZXP Installer не получается, то откройте скачанный файл bodymovin-tg.zxp при помощи архиватора типа WinRar, и распакуйте содержимое архива в папку bodymovin-tg

А саму папку bodymovin-tg поместите в каталог:

C:\Program Files\Adobe\Adobe After Effects 2021\Support Files\

В итоге содержимое архива должно расположиться в каталоге:

C:\Program Files\Adobe\Adobe After Effects 2021\Support Files\bodymovin-tg

Установите плагин Bodymovin for Telegram , для Adobe After Effects, не используя ZXP Installer.
Установите плагин Bodymovin for Telegram , для Adobe After Effects, не используя ZXP Installer.

Далее активируем плагин Bodymovin-TG.

Запустите Adobe After Effects , зайдите в меню Правка, далее в раздел:

Настройки — «Сценарии и выражения».

Далее ставьте галочку напротив «Разрешить сценариям выполнять запись файлов и осуществлять доступ к сети».

Включить плагин Bodymovin-TG в Adobe After Effects. Активируем плагин Bodymovin-TG.
Включить плагин Bodymovin-TG в Adobe After Effects. Активируем плагин Bodymovin-TG.

6. Открываем Adobe After Effects, выбираем "Создать композицию", выбрав ширину и высоту 512x512 пикселей и Длительность 0:00:03:00 , т.е длительность в 3 секунды, Частота кадров — 30 или 60 кадров в секунду.

"Создать композицию" , т.е создаем анимацию в Adobe After Effects.
"Создать композицию" , т.е создаем анимацию в Adobe After Effects.

7. Переносим из Проводника в окно Adobe After Effects , ваш Ai файл.

Добавить Ai файл в Adobe After Effects.
Добавить Ai файл в Adobe After Effects.

Затем кликаете правой кнопкой мыши( в панели Композиция1, под заголовком Имя источника) по вашему файлу ,и в всплывшем меню выбираете:

Создать-Создать фигуры из векторного слоя.

Появится новый элемент с тем же названием файла, но в его названии добавится слово - Кривые.

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

Создать фигуры из векторного слоя. Конвертировать файл ai для Adobe After Effects.
Создать фигуры из векторного слоя. Конвертировать файл ai для Adobe After Effects.

8. Выберите элемент Кривые в панели Композиция 1.

Раскройте слой Кривые (нажав на значок стрелка вправо),и далее нажмите на меню Преобразовать.

Сначала на первом, а потом на последнем кадре, нажмите на значок круга, следующих параметров - Опорная точка, Положение, Масштаб, Поворот.

Если значок стал подсвеченным/выделенным, а СЛЕВА появились ромбики, то значит все получилось.

Если ромбик не подсветился-на него надо щелкнуть левой кнопкой мыши.

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

Параметры анимации объекта-Опорная точка, Положение, Масштаб, Поворот в Adobe After Effects, элемент Кривые ,в панели Композиция 1.
Параметры анимации объекта-Опорная точка, Положение, Масштаб, Поворот в Adobe After Effects, элемент Кривые ,в панели Композиция 1.

9. Теперь можете между первым и последним кадром, выбирать любой отрезок на шкале "Таймлайн композиция", и используя инструменты Выделение (для перемещения объекта) и Поворот (для вращения-поворота объекта), анимируйте свой объект.

Инструменты анимирования изображения в Adobe After Effects - Выделение и Поворот
Инструменты анимирования изображения в Adobe After Effects - Выделение и Поворот

Но не забывайте про шаг 7, т.е после изменения положения и вращения объекта, нажимать на значки всех кругов, чтобы закрепить изменения(иначе они не внесутся в анимацию).

Если НА ШКАЛЕ , при выделении объекта, появились СЕРЫЕ ромбики, то значит изменения в анимации закрепились.

Шкала анимации в Adobe After Effects , где и присутствуют те самые ромбики
Шкала анимации в Adobe After Effects , где и присутствуют те самые ромбики

10. В панели предпросмотр, нажмите на значок треугольника, чтобы проиграть созданную анимацию.

Воспроизвести/проиграть анимацию в Adobe After Effects
Воспроизвести/проиграть анимацию в Adobe After Effects

11. Для экспорта в формат файла TGS для Telegram, выбираем меню :

Окно-Расширения- Bodymovin for telegram.

Как запустить "Bodymovin for Telegram stickers" в Adobe After Effects.
Как запустить "Bodymovin for Telegram stickers" в Adobe After Effects.

Под надписью Selected, нажмите на кружок-галочку, чтобы она стала активна.

Под надписью Destination Folder ,щелкните на многоточие ,чтобы выбрать, куда вы сохраните свой TGS файл. Далее- нажимаете на кнопку RENDER.

Окно плагина "Bodymovin for Telegram stickers"
Окно плагина "Bodymovin for Telegram stickers"

12. Запускаем компьютерную версию Telegram, и в строке поиска набираем: @stickers , и первым в итогах поиска выпадет проверенный бот @stickers ,для создания набора стикеров.

Затем, в самом боте, ищем строку ввода команд (Снизу) и вводим команду:

/newanimated , или слева нажимаем кнопку МЕНЮ , и в выпадающем списке нажимаем на: /newanimated

Далее следуйте простым инструкциям от бота, который вам он выдаст в диалоге.

Бот <a href="https://pikabu.ru/@stickers" rel="nofollow noreferrer noopener" target="_blank">@stickers</a> , для создания набора стикеров в Телеграм
Бот @stickers , для создания набора стикеров в Телеграм
66 показов
2.8K2.8K открытий
1 комментарий

Доброй ночи! Интересует такой вопрос

Чтобы создать анимированный стикерпак, я собираюсь его делать через adobe

Для создания таких стикеров нужна ли подписка на необходимые программы? Или можно без нее

Ответить