Сделать гифку без рывка: где резать видео и что ужимать первым
Как сделать гифку из короткого видео с телефона: где резать, чтобы петля шла без рывка, что ужимать первым и что проверить перед отправкой в мессенджер.
Евгений
Дизайнер-партнёр LibraChat
7 мин чтения
У гифки есть беда, которой нет у обычного видео. Она крутится по кругу, и каждая ошибка на стыке повторяется каждые две секунды. Рывок, который в ролике мелькнул бы один раз, в гифке становится главным, что видно.
Поэтому про то, как сделать гифку из короткого видео с телефона, я спросил у LibraChat не «чем сконвертировать», а как её собрать: где резать, как зациклить, как ужать. Ответ я читал так, как читаю чужой макет: что взять как есть, с чем поспорить, чего не хватает. Если коротко, гифка из него складывается так: две-три секунды, где движение возвращается в исходную позу, без затемнений по краям, с обрезанным кадром и восемью-двенадцатью кадрами в секунду.
Рывок почти всегда сидит на стыке
Вот запрос, который я отправил. Его можно взять целиком, если у тебя та же задача:
Как сделать гифку из короткого видео с телефона: что подготовить, как обрезать до двух-трёх секунд, как зациклить без рывка и уменьшить вес файла, чтобы он отправлялся в мессенджере? Ответь по шагам, без названий конкретных приложений.
Последнюю фразу я дописал нарочно. Мне нужен был способ, а не список программ, которые через год переименуют.
Главное в ответе стояло в разделе про петлю:
Рывок почти всегда из-за того, что последний кадр не похож на первый.
С этим я согласен полностью. Гифка не знает, где у неё начало: после последнего кадра сразу идёт первый. Если рука в конце поднята, а в начале опущена, она будет прыгать вниз на каждом круге. Глаз прощает плохой цвет, мутность, даже маленький размер. Прыжок он не прощает.
Дальше ответ давал совет, который я бы поставил первым во всей инструкции:
Режь на возврате движения, а не в середине жеста.
Это и есть ремесло. Хороший кусок для гифки — тот, где движение само возвращается: моргнул и открыл глаза, кивнул и поднял голову, качнулся и встал на место. Если в видео такого куска нет, никакая обрезка петлю не спасёт.
Один пункт из ответа я бы показал каждому, кто делает гифки из сторис:
Не ставь затемнение в начале и в конце — на повторе оно будет вспыхивать чёрным.
В обычном ролике плавное затемнение выглядит аккуратно. В петле оно превращается в мигание: картинка гаснет, вспыхивает и снова гаснет. Некоторые редакторы на телефоне добавляют такие переходы сами, поэтому перед экспортом я бы проверил, нет ли их на краях.
Рядом стоял ещё один трезвый совет: если стык всё равно дёргается, не маскировать его, а укоротить кусок или взять другой момент. Склейку растворением ответ отговаривает делать, и тут я тоже соглашусь. Растворение смешивает два кадра, а у гифки и так мало цветов, так что на стыке может появиться грязное пятно.
Проверка петли в ответе была простая: прокрутить фрагмент пять-шесть раз подряд без паузы и посмотреть, ловит ли глаз стык. Я бы добавил одно. Смотреть стоит в том размере, в каком гифку увидят в чате, а не на весь экран.
Вес режут в определённом порядке
Про вес ответ объяснил, откуда он берётся: каждый кадр в гифке — отдельная картинка с ограниченной палитрой. Потом дал цифры и порядок. Самая полезная строка:
Частота: 8–12 кадров в секунду, не 30.
Тридцать кадров в секунду гифке почти никогда не нужны. Движение в две-три секунды при восьми-двенадцати кадрах остаётся плавным для глаза, а кадров становится в разы меньше. И порядок, в котором ужимать, мне понравился:
Если всё ещё много — сначала урежь ширину, потом частоту кадров, и только потом длину.
Это верная логика для чата. Ширину в маленьком окне никто не заметит, частоту заметят только при резком движении, а длина — это и есть содержание гифки. Режешь длину — режешь смысл.
Ещё до ужатия ответ советует обрезать края кадра и объясняет зачем:
Лишний фон потом раздувает файл и почти не виден в чате.
Для меня это не только про вес, но и про композицию. Обрезанный кадр сразу показывает, что в нём главное. Если в гифке машет рука, пусть в кадре будет рука и лицо, а не вся комната с телевизором и шкафом. Мелкие детали фона в маленьком окне всё равно превратятся в шум, а файлу каждая из них стоит своих цветов и байтов.
Сама сборка после этого занимает один экран. Конвертер «видео в GIF» бывает и в браузере, и в приложениях, и в любом из них ищут одни и те же поля: начало и конец фрагмента, ширину кадра, число кадров в секунду, иногда число цветов. Мой порядок вышел бы таким: найти кусок с возвратом движения, оставить от него две-три секунды без затемнений, срезать края, поставить восемь-двенадцать кадров, уменьшить ширину, сохранить в GIF и прокрутить пять-шесть кругов в размере чата.
Где я с ответом не согласен
Согласий выше много, но в двух местах я бы ответ поправил. Первое — фраза из раздела про подготовку:
Звук гифка не хранит, его можно не учитывать.
Первая половина верна, со второй я бы поспорил. Звук как раз надо учитывать, и раньше всего — когда выбираешь кусок. Если смысл видео держится на реплике или на смехе за кадром, в гифке от него останется человек, который беззвучно открывает рот. Такой кусок лучше не брать вовсе, сколько его ни ужимай.
Второе — мегабайты. Ответ называет ориентир до одного-двух мегабайт и говорит, что тяжелее файл часто не принимают или портят. Ориентир разумный, но пределы у каждого мессенджера свои, и я их не проверял. Надёжнее отправить готовую гифку самому себе и посмотреть, дошла ли она целой.
Чего в ответе нет: где взять движение
Ответ исходит из того, что видео уже есть. А если его нет? Тогда движение можно получить двумя путями. Снять на телефон три-пять секунд того самого жеста, держа телефон неподвижно. Или сделать короткий ролик по описанию: в LibraChat видео создаётся в разделе «Изображения», если переключить тип на «Видео», а в браузере там же есть «Оживление фото» — ролик из прикреплённой фотографии. Своё видео в LibraChat прикрепить нельзя, так что резать и ужимать ролик всё равно придётся в редакторе, по тем же правилам.
Описать сцену для такого ролика помогает разбор видео нейросетью: там камера трижды меняла место, прежде чем встала. А если хочется оживить снимок, сначала стоит понять, какое фото выдержит оживление: размытое лицо в петле только размажется сильнее.
И последний совет ответа меня приятно удивил. Если мессенджер гифку не берёт даже после ужатия, тот же кусок можно отправить коротким видео без звука: оно легче и в чате тоже может крутиться по кругу. Ответ не держится за формат, если формат мешает задаче. Мне это близко.
Что я теперь проверяю первым
Есть ли в моём видео движение, которое возвращается на место? Ответ на него нужен до редактора, до конвертера и до разговора о ширине кадра.
Проверить это можно ещё до редактора. Поставь видео на паузу в начале будущего куска, потом в конце, и сравни два кадра рядом. Рука в начале опущена, а в конце поднята — значит, конец надо сдвинуть туда, где она вернулась. Совпали поза и свет — кусок годится.
Возьми видео, из которого хочешь сделать гифку, и найди в нём две-три секунды, где жест начинается и кончается в одной позе. Нет такого куска — сними его заново, это быстрее, чем чинить стык. А если не уверен, с какой стороны подступиться, тот же запрос можно отправить в LibraChat и поменять в нём телефон на свой источник.
Где в твоём ролике движение возвращается на место?
сделать гифкукартинки и видеогифкавидео с телефона