Як зробити анімований стікер у Telegram

Вам знадобиться пара програм від Adobe і трохи фантазії.

Не так давно в Telegram з’явилися анімовані стікери. Ці забавні рухомі картинки відмінно передають емоції і являють собою непогану альтернативу гіфкам і звичним стікерам. Але якщо створити звичайний стікерпак досить просто, то з анімованими зображеннями доведеться повозитися.

Готуємо інструменти

Вам буде потрібен редактор векторної графіки Adobe Illustrator, редактор анімацій Adobe After Effects і мінімальні навички роботи з ними.

Крім того, до Adobe After Effects потрібно підключити плагін Bodymovin-TG. Він експортує анімації в формат .TGS, підтримуваний Telegram. Для цього закрийте Adobe After Effects, якщо його відкрито. Завантажте і встановіть ZXPInstaller. Воно сумісне і з Windows, і з macOS. Завантажте плагін Bodymovin-TG (потрібний вам файл називається bodymovin-tg.zxp).

Тепер запустіть ZXPInstaller і натисніть його вікно. Виберіть завантажений плагін і почекайте, поки програма встановить його.

Відкрийте Adobe After Effects. Потім зробіть наступне:

• На Windows відкрийте «Редагування» («Параметри») «Сценарії та вирази»…. Увімкніть «Дозволити сценаріям виконувати запис файлів і здійснювати доступ до Мережі». Натисніть кнопку Гаразд.
• На macOS відкрийте «Сценарії та вирази»… Увімкніть «Дозволити сценаріям виконувати запис файлів і здійснювати доступ до Мережі». Клацніть «OK».

Клацніть «Вікно» на «Розширення». Якщо ви все зробили правильно, то в списку розширень ви побачите Bodymovin for Telegram Stickers.

Все, інструменти налаштовані. Тепер пора творити.

Малюємо векторну графіку

Створіть новий проект в Adobe Illustrator. Розмір полотна повинен бути рівно 512 ст.1512 пікселів — це важливо. У проекту не повинно бути фону. Об’єкти не можуть виходити за межі монтажної області.

Для прикладу ми намалюємо рожицю. Її можна скласти з фігур на панелі інструментів Illustrator. Кожна значуща для анімації частина (рука, нога, око) повинна бути винесена на окремий шар. Краще відразу підписати, що де, щоб не заплутатися.

Якщо ваша графіка буде готова, збережіть її у форматі AI.

Імпортувати графіку в After Effects

Відкрийте After Effects і створіть композицію. Розміри її мають бути рівно 512 ст.1512 пікселів. Кількість кадрів за секунду — 30 або 60 (для нескладної анімації на зразок нашої підійде 30). Тривалість композиції не повинна перевищувати 3 секунди.

Потім клацніть «Файл» на «Імпорт» і знайдіть графіку у форматі AI. У спадному списку «Імпортувати як:»Виберіть» Композиція — зберегти розміри шарів «та натисніть» Імпорт «.

Ваша графіка імпортується разом з усіма шарами. Виділіть їх (вони будуть у форматі AI) і перетягніть на іконку «Створити нову композицію».

Програма запросить у вас підтвердження. Натисніть кнопку Гаразд.

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

Тепер потрібно створити з векторних шарів фігури для анімації. Для цього виділіть шари та клацніть праву кнопку миші, потім виберіть пункт «Створити фігури з векторного шару». Отримуються так звані криві.

Після цього шари в форматі AI можна видалити, щоб не заважали. Виділіть їх із натиснутою клавішею Ctrl і натисніть Delete. Залишаться лише криві.

Завершено, імпортовано.

Створюємо анімацію

В Adobe After Effects можна створювати дуже різні за складністю анімації. Але ми не будемо занурюватися в дебрі і для прикладу спробуємо змусити нашу пику просто піднімати брову.

Виберіть брову, яку ви бажаєте анімувати, і клацніть лівою кнопкою миші. Клацніть на значку > біля кривої на панелі ліворуч і виберіть «Перетворити».

За допомогою значків на панелі можна змінювати розташування, масштаб, кут повороту та прозорість об’єктів в анімації. Оскільки нам потрібно тільки піднімати брову, обійдемося зміною її положення.

Клацніть «Опорна точка» та «Положення». Потім перетягніть часовий індекс на шкалі на третю секунду анімації (тягніть до упору).

Натисніть на ромбіку на лівій бічній панелі, ліворуч від «Опорної точки» та «Положення». Таким чином ви зациклите свою анімацію: її перший кадр буде таким же, як і останній. Це важливо, оскільки інакше Telegram не прийме ваш стікер.

Тепер розмістіть часовий покажчик приблизно посередині шкали.