Интересное
July 15

Создаём видео-стикеры в TELEGRAM

Приветствую! Добро пожаловать в гайдик, жду тебя в своей телеге, я там про крипту, ютуб и т.п. разговариваю + статейки вот такие пишу))

Кадр из фильма "Бойцовский клуб" 1999г.

Сегодня будем делать видео-стикеры (видеостикеры) для Telegram, будет всё очень просто и легко, нам потребуется ПК и слегка кривые руки, прямые не подойдут, поехали!

Что такое видео-стикер в Telegram?

Перед началом создания видео-стикеров, было бы неплохо понять, что такое видео-стикер и какие у него параметры, для этого обратимся к офф докам:

Требования к видео-стикерам:

  • 1. Видео формата .webm в 30 FPS (кадры в секунду)
  • 2. Видео с кодеком VP9
  • 3. Видео без аудио-дорожки
  • 4. Размер видео 512 х 512 пикселей
  • 5. Длина видео не более 3 секунд (но это мы научимся обходить)
  • 6. Желательно: видео должно быть зациклено (не иметь резкого перехода)
  • 7. Видео должно иметь размер не более 256 кб
  • 8. Также можно использовать видео с прозрачным фоном (такие стикеры мы тоже научимся делать)

Расписывать каждый из пунктов (лить воду из ведра) я не хочу, поэтому давайте попробуем проще некуда создать видео-стикер основываясь на требованиях TG

Для начала выберем видосик из которого попробуем состряпать стикер, пускай это будет отрывок из сериала, например, из сериала Мр.Робот, всеm советую, кроме 4-го сезона :)

Находим нужное видео, далее нужный отрывок и идем в любой видео-редактор который хотим, я буду использовать CapCut, потому что он бесплатный + простой, нам подойдет

На выходе получаем следующее видео:

Теперь из него будем делать видео-стикер, поехали, нам понадобится:

  1. Установить кодек FFmpeg, переходим по ссылке и выбираем этот:
    (если у вас мак - сюда, если линукс - вот сюда)

2. Далее качаем FFqueue, софтина для работы с кодеком выше

Если у вас мак - царствие небесное, ссылки на мак я не нашел, ищите альтернативу

3. Чтобы формат .webm воспроизводился на пк, скачиваем драйвер вот тут
(если у вас всё воспроизводится и без них, то не качаем, у меня всё без них работает)

4. Установка всего вышесказанного:

И так, создаем любую чистую папку, в моем случае "Создание стикеров Telegram", далее закидываем всё их архива FFQueue в эту самую папку

Далее делаем тоже самое с "ffmpeg-master-latest-win64-gpl-shared"

Жмём "заменить" и двигаемся дальше!

5. Настройка программы, создание пресетов

Запускаем софтину и видим ошибку, сейчас будем фиксить

Жмем опции, далее по первой кнопке, далее переходим в нашу папку куда закидывали весь софт, в папке "bin" будет наш файл ffmpeg.exe, его выбираем

Все ошибки проскипываем клавишей "ок" и двигаемся дальше

6. Создание пресета

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

тут выбираем 3-й с конца кодек, сверяйтесь с картинкой, ставим галочку и идем дальше

Ставим данные параметры:

Далее добавляем фильтр размера, чтобы наши стикеры были 512 х 512 пикселей:

7. Создание стикера

Наконец-то, сколько можно, смотрите:

И так, выбираем нужное нам видео (мы его подготовили), далее отключаем аудио-дорожку, выбираем наш пресет и САМОЕ важное, пишем .webm в конце названия файла, это важно!

Также если хотите, можете обрезать длину видео до 3 секунд, я же сделать стикер в 3 секунды и в 4-6 секунд, да, так можно и мы этому научимся далее

ждем слегонца и видим готовый файл в 3 секунды под стикеры:

его пока оставим, сделаем еще файл в 5 секунд, я покажу как обойти ограничение в 3 секунды при заливке стикера

Вот 2 примера готовых стикеров:

8. Как обойти ограничение при заливке стикера более 3 секунд

  1. Открываем https://hexed.it/

Открываем нужный нам .webm длинной более 3 секунд

Жмём "CTRL" + "F" и вбиваем 4489, переходим к нужной строке кода

Жмем правой кнопкой по цифре "44" и в появившемся окне пишем "3" и жмем ок

Далее сохраняем и идем тестировать в стикер-бота

p.s. еще есть и такой способ, но у меня он работаем через раз, поэтому я придумал свой:
Открываем в https://hexed.it/ любой шебм, ищем 4489 после него будут 4 байта, меняем их на 84 3F 80 00 — вуаля, теперь у видео будет продолжительность 1 секунда (о том как работает метод https://youtu.be/UxHQ7dW6M2s и как что искать и делать) и бот спокойно её схавает.

Теперь заливаем стикер в бота (ради теста, подробно про бота отпишу в конце статьи) и вуаля, всё работает, стикер идет 5 секунд!

Вот ссылка на тестовый набор, убедитесь сами - ТЫК

Далее перейдем к стикерам с прозрачным фоном, тут уже конечно, придется запариться как следует, но в целом также ничего сложного, поехали:

9. Стикеры с прозрачным фоном

Теперь, самое сложное и одновременно не нужное для большинства читателей данной статьи, будем делать вот такие видео-стикеры с прозрачным фоном:

Для начала нужно понять то, что формат .webm подразумевает отсутствие фона, поэтому шаги из предыдущих поэм выше - актуальны, мы всего лишь уберем фон из видео, а всё остальное останется прежним.

Для того, чтобы убрать, фон мы будем пользоваться Adobe After Effects 2024, не пугайтесь, там нам потребуется всего 1 инструмент, я обучился ему за пару минут.

Работать будем с инструментом Roto Brush + масками, вы можете поступить следующим образом:

  1. Посмотреть 2 видео ТЫК (резерв ТЫК) + ТЫК (резерв ТЫК)
  2. Посмотреть мои уроки ниже:

1. Закидываем файлик в AA:

2. Берем инструмент

3. Два раза кликаем по видео

4. Выделяем не нужное

Горячие клавиши Roto Brush: ALT - выделяет не нужное CTRL + мышку вверх вних - уменьшается увеличивается кисть

Далее экспорт с прозрачным фоном:

Далее кнопку "Render", она находится тут:

Затем прогоняем наше .MOV в .WEBM по шагам в начале статьи, и всё, наш стикер готов к заливке

10. Стикер-бот, как создать набор стикеров в телеграмм!

Для создания набора (это бесплатно) нам потребуется офф. бот по стикерам - https://t.me/Stickers

Заходим в бота и видим список команд:

Стикеры и маски
/newpack — создать новый набор статичных стикеров в формате PNG / WEBP
/newvideo — создать новый набор видеостикеров в формате WEBM
/newanimated — создать новый набор анимированных стикеров в формате TGS
/newmasks — создать новый набор статичных масок
/addsticker — добавить стикер в набор
/editsticker — редактировать эмодзи или координаты
/replacesticker — заменить стикеры в наборе
/ordersticker — изменить порядок стикеров в наборе
/delsticker — удалить стикер из набора
/setpackicon — задать обложку для набора
/renamepack – изменить название набора
/delpack — удалить набор

Статистика
/stats — статистика по стикеру
/top — топ стикеров
/packstats — статистика по набору стикеров
/packtop — топ наборов
/topbypack — топ стикеров в наборе
/packusagetop — статистика использования Ваших наборов
/cancel — отменить текущее действие

Бот на русском языке, поэтому поэтапно показывать каждую кнопку я не планировал, всё очень просто и легко, дерзайте :)


Если ты дочитал до этого момента, то напоминаю (ненавязчиво ставить лайки), что у меня есть телега с крипто-приколами + мой teletype с другими, не менее интересными и полезными статьями!

Всех благ!