Как создать видеоэмодзи для Telegram Ads

В Telegram Ads ограниченное количество форматов (если только вы не можете откручивать 20к евро на формат с видео и статикой), поэтому приходится выделяться и улучшать качество своих объявлений. Для этого можно использовать видеоэмодзи. Но сделать их – это непростая задача. Чтобы облегчить вам жизнь, арт-директор PAD team написала подробный гайд.

Как сделать длинный видеоэмодзи, состоящий из нескольких частей, мы расскажем и покажем на следующем примере:

Перед началом работы с анимаций мы сделали стикеры в фигме, т.к. используется фирменный шейп. Здесь и определили размеры композиции, которые пропишем далее. Важно: наш стикер мы будем делить на квадраты 100х100 пикселей. Поэтому высоту сразу задаем 100 пикселей, ширина — как получится.

Откройте Композиция → Новая композиция, в появившемся окне укажите нужную ширину (у нас 800 пикселей), высоту — 100 пикселей. частоту кадров — 60, длительность — 3 секунды.

Из Фигмы экспортируем фоновую фигуру, текст будем добавлять отдельно уже в After Effects, т.к. будем его анимировать. Добавляем эскспортированный файл в After Effects:

Следующий этап: вставляем текст из Фигмы.

Сейчас самое интересное: в проекте — выбрать анимацию появление/смены текста. Для этого открываем установленный заранее плагин Misterhorse и выбираем понравившийся текстовый эффект. Для этого выделяем слой с текстом и два раза кликаем по нужному эффекту.

Так как в нашем видеоэмодзи после 1,5 секунды текст меняется, то так же вставляем отдельным слоем вторую фразу и при помощи плагина делаем переход между двумя слоями.

Анимация готова! Просматриваем, любуемся и переходит к самому сложному этапу: теперь готовую композицию нужно поделить на равные квадраты 100х100 пикселей. Для начала собираем все элементы в отдельную композицию: выделить все слои, нажать правой кнопкой мыши и выбрать «предварительная композиция».

Теперь нужно включить линейки и расставить направляющие, по которым мы будем ориентироваться, обрезая композицию на квадратики: их можно включить через окно «вид» или комбинацию клавиш CNTR + R.

Далее по линейке выстраиваем две направляющие (просто тянем левый край линейки, оттуда достаются направляющие). Ставим на 100 и 200. По ним мы будем ориентироваться далее.

Следующий этап — делаем маску. Создаем фигуру-квадрат 100х100 пикселей, на панели «режим» выбираем «альфа-канал трафарета». Перемещаем квадрат-маску на первую полосу разлинеенной композиции.

Финишная прямая: меняем размеры нашей композиции под готовый видеоэмодзи на100х100 пикселей.Композиция → Настройки композиции.

Получается такой вид. Сейчас нужно выделить наши слои и перетащить так, чтобы маска встала в новый формат композиции. Чтобы все получилось переместить ровно, передвигаем с зажатой клавишей shift.

Вот и готов первый видеоэмодзи! Далее мы будем перемещать маску и «рубить» наш стикер на равные части.

Переходим к рендеру первой части анимации в Media Encoder. Откройте вкладку Файл → Экспорт → Export to Adobe Media Encoder.

В Media Encoder выберите ваш файл, в столбце Format нажмите на галочку и выберите кодек WebM (скачанный заранее). Нажмите на WebM и откройте окно для дальнейшей настройки.

В открывшемся окне убираем галочку в Export Audio. Перейдите в Codec Settings → Constant Bitrate и укажите 100.

Проверьте предполагаемый размер файла — он должен быть не больше 55 КБ, если больше, уменьшайте значения Constant Bitrate. Поставьте галочку в рендере «Альфа Канала» — Include Alfa Chanel, чтобы композиция рендерилась с прозрачным фоном.

Нажмите ОК и выберите путь для сохранения рендера. Так же укажите имя файла “1”, чтобы не запутаться далее. Нажмите рендер — зелёный значок Play в правом углу.

Первая часть видеоэмодзи готова! переходим к остальным частям в After Effects:

С зажатой клавишей shift мы перетаскиваем слой-маску на следующий сегмент стикера.

Далее выделяем и маску и композиции, с зажатой клавишей shift, перемещаем выбранные слои левее, чтобы часть под маской оказалась в окошке.

Вот и готов второй сегмент стикера!

Рендерим его тем же способом, который описан в пунктах 13-15. Не забываем файлам давать порядковый номер, чтобы не запутаться при загрузке.

Таким способом нарезаем весь наш стикер, рендеря каждый сегмент отдельно.

После того, как мы нарезали и отрендерили все части нашего стикера, зайдите в Telegram и найдите бота. В меню укажите пункт /newemojipack и выберите «Видеоэмодзи». Напишите его название. Отправьте боту отрендеренный файл в формате .webm и прикрепите к нему подходящий по смыслу стандартный эмодзи. Проделайте так со всеми частями стикера и в конце нажимаем Publish. Задайте короткий юзернейм для набора — он окажется в названии ссылки.

Готово! Вы великолепны!