Вам знадобиться пара програм від Adobe і трохи фантазії.
Не так давно в Telegram з’явилися анімовані стікери. Ці забавні рухаються картинки відмінно передають емоції і являють собою непогану альтернативу гифкам і звичним стікерами. Але якщо створити звичайний стикерпак досить просто, то з анімованими зображеннями доведеться повозитися.
Готуємо інструменти
Крім того, до Adobe After Effects потрібно підключити плагін Bodymovin-TG. Він експортує анімації у формат .TGS, підтримуваний Telegram. Для цього закрийте Adobe After Effects, якщо він відкритий. Завантажте та встановіть програму ZXPInstaller. Воно сумісно з Windows, і з macOS. Скачайте плагін Bodymovin-TG (потрібний вам файл називається bodymovin-tg.zxp).
Тепер запустіть ZXPInstaller і клацніть по його вікна. Виберіть завантажений плагін і почекайте, поки програма встановить його.
Відкрийте Adobe After Effects. Потім зробіть наступне:
- На Windows виберіть «Правка» → «Налаштування» → «Сценарії і вираження…». Увімкніть опцію «Дозволити сценаріями виконувати запис файлів і здійснювати доступ до Мережі». Натисніть OK.
- На macOS відкрийте Adobe After Effects → «Налаштування» → «Сценарії і вираження…». Увімкніть опцію «Дозволити сценаріями виконувати запис файлів і здійснювати доступ до Мережі». Натисніть OK.
Натисніть «Вікно» → «Розширення». Якщо ви все зробили правильно, то в списку розширень ви побачите Bodymovin for Telegram Stickers.
Все, інструменти налаштовані. Тепер пора творити.
Малюємо векторну графіку
Створіть новий проект в Adobe Illustrator. Розмір полотна повинен бути рівно 512 × 512 пікселів — це важливо. У проекту не повинно бути фону. Об’єкти не можуть виходити за межі монтажної області.
Для прикладу ми намалюємо пику. Її можна скласти з фігур на панелі інструментів Illustrator. Кожна значуща для анімації частина (рука, нога, око) повинна бути винесена на окремий шар. Краще відразу підписати, що десь, щоб не заплутатися.
Коли ваша графіка буде готова, збережіть його у форматі AI.
Імпортуємо графіком в After Effects
Відкрийте After Effects і створіть композицію. Розміри її повинні бути рівно 512 × 512 пікселів. Кількість кадрів в секунду — 30 або 60 (для нескладної анімації зразок нашої підійде 30). Тривалість композиції не повинна перевищувати 3 секунди.
Потім натисніть «Файл» → «Імпорт» → «Файл» і виберіть вашу графіком у форматі AI. У випадаючому списку «Імпортувати як:» виберіть «Композиція — зберегти розміри шарів і натисніть кнопку» Імпорт».
Ваша графіка імпортується разом з усіма верствами. Виділіть їх (вони будуть у форматі AI) і перетягніть на іконку «Створити нову композицію».
Програма запитає у вас підтвердження. Натисніть OK.
Порядок шарів може трохи порушитися. Перетягніть їх на панелі зліва внизу, розміщуючи в потрібній послідовності.
Тепер належить створити з векторних шарів фігури для анимирования. Для цього виділіть шари і натисніть праву кнопку миші, виберіть «Створити» → «Створити фігури з векторного шару». Вийдуть так звані криві.
Після цього шари в форматі AI можна видалити, щоб не заважали. Виділіть їх з затиснутою клавішею Ctrl і натисніть Delete. Залишаться тільки криві.
Готово, імпорт завершено.
Створюємо анімацію
У Adobe After Effects можна створювати дуже різні по складності анімації. Але ми не будемо занурюватися в нетрі і для прикладу спробуємо змусити нашу пику просто піднімати брову.
Виберіть брову, яку потрібно анімувати, і клацніть по ній лівою кнопкою миші. Натисніть на значок > поряд з кривою на панелі зліва знизу і виберіть «Перетворити».
З допомогою що з’явилися значків на панелі можна змінювати положення, масштаб, кут повороту і ступінь прозорості об’єктів в анімації. Оскільки нам потрібно тільки піднімати брову, обійдемося зміною її стану.
Натисніть «Опорна точка» і «Положення». Потім перетягніть тимчасової вказівник на шкалі на третю секунду анімації (тягніть до упору).
Натисніть на ромбики на лівій бічній панелі, ліворуч від Опорної точки» і «Положення». Таким чином ви зациклите свою анімацію: її перший кадр буде таким же, як і останній. Це важливо, так як інакше Telegram не прийме ваш стікер.
Тепер додайте тимчасової покажчик приблизно посередині шкали.
Знову натисніть на ромбики, щоб створити опорну точку і там. І змініть положення брови, піднявши її. Це можна зробити використовуючи цифри поруч з параметром «Положення» або перетягнувши брову вручну мишкою або клавішами зі стрілками.
Натисніть на пробіл, щоб запустити відтворення анімації. Все, брова рухається.
Аналогічно ви можете змусити ворушитися і інші об’єкти на анімації. Просто створюйте для них опорні точки, натискаючи на ромбики, і міняйте їх положення.
Експортуємо стікер
Натисніть «Вікно» → «Розширення» → Bodymovin for Telegram Stickers. Виділіть композицію, яку хочете експортувати (в нашому випадку — ту, що з поміткою «Брова»). У параметрі Destination Folder вкажіть папку, де зберегти ваш стікер. Натисніть Render.
Якщо все в порядку, розширення відрапортує про завершення рендеринга. Натисніть Done. Якщо щось не так, розширення підкаже вам. Правда, тільки по-англійськи.
Стікер буде збережено у вказаній вами теці під ім’ям data.tgs.
Розміщуємо стікер у Telegram
Запустіть в Telegram бота @Stickers і відправте йому команду /newanimated. Бот запропонує вибрати назву для нового набору анімованих стікерів — введіть його та відправте повідомлення.
Потім відправте стікер боту, перетягнувши файл data.tgs у вікно Telegram.
Бот попросить надіслати смайл, з яким асоціюється стікер, — зробіть це. Якщо у вас є ще анімовані варіанти для цього набору, додайте їх. Коли закінчите, введіть команду /publish і виберіть ваш стикерпак у випадаючому списку. Йому можна призначити іконку, якщо вона у вас є (це повинно бути зображення у форматі TGS розміром до 32 кілобайт). Втім, цей крок можна без проблем пропустити, перейшовши до команди /skip.
Останній крок — вибір короткого адреси для вашого набору. Бот створить посилання, по якому ви і ваші друзі отримають доступ до стікери. Натисніть на неї і зможете додати нову анімацію в колекцію, як зазвичай.
Ваш перший власноруч зроблений анімований стікер готовий. А отримати доступ до нашої анімації можна, натиснувши на посилання.
