Як зробити анімований стікер у 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).

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

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

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

  • На Windows виберіть «Правка» → «Налаштування» → «Сценарії і вираження…». Увімкніть опцію «Дозволити сценаріями виконувати запис файлів і здійснювати доступ до Мережі». Натисніть OK.
  • На macOS відкрийте Adobe After Effects → «Налаштування» → «Сценарії і вираження…». Увімкніть опцію «Дозволити сценаріями виконувати запис файлів і здійснювати доступ до Мережі». Натисніть OK.

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

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

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

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

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

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

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

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

Коли ваша графіка буде готова, збережіть його у форматі AI.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Виберіть брову, яку потрібно анімувати, і клацніть по ній лівою кнопкою миші. Натисніть на значок > поряд з кривою на панелі зліва знизу і виберіть «Перетворити».

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

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

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

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

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

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

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

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

Знову натисніть на ромбики, щоб створити опорну точку і там. І змініть положення брови, піднявши її. Це можна зробити використовуючи цифри поруч з параметром «Положення» або перетягнувши брову вручну мишкою або клавішами зі стрілками.

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

Натисніть на пробіл, щоб запустити відтворення анімації. Все, брова рухається.

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

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

Експортуємо стікер

Натисніть «Вікно» → «Розширення» → Bodymovin for Telegram Stickers. Виділіть композицію, яку хочете експортувати (в нашому випадку — ту, що з поміткою «Брова»). У параметрі Destination Folder вкажіть папку, де зберегти ваш стікер. Натисніть Render.

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

Якщо все в порядку, розширення відрапортує про завершення рендеринга. Натисніть Done. Якщо щось не так, розширення підкаже вам. Правда, тільки по-англійськи.

Стікер буде збережено у вказаній вами теці під ім’ям data.tgs.

Розміщуємо стікер у Telegram

Запустіть в Telegram бота @Stickers і відправте йому команду /newanimated. Бот запропонує вибрати назву для нового набору анімованих стікерів — введіть його та відправте повідомлення.

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

Потім відправте стікер боту, перетягнувши файл data.tgs у вікно Telegram.

Бот попросить надіслати смайл, з яким асоціюється стікер, — зробіть це. Якщо у вас є ще анімовані варіанти для цього набору, додайте їх. Коли закінчите, введіть команду /publish і виберіть ваш стикерпак у випадаючому списку. Йому можна призначити іконку, якщо вона у вас є (це повинно бути зображення у форматі TGS розміром до 32 кілобайт). Втім, цей крок можна без проблем пропустити, перейшовши до команди /skip.

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

Ваш перший власноруч зроблений анімований стікер готовий. А отримати доступ до нашої анімації можна, натиснувши на посилання.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

*

code