Создать GIF из фото или видео

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

Картинки редко бывают одной формы, поэтому гифке нужна рамка. «Как у первого кадра» берёт форму первой картинки; квадрат, широкая и вертикальная — для чатов, слайдов и сторис. С «Показать картинку целиком» каждое изображение вписывается в кадр на белом, чёрном или прозрачном фоне. «Заполнить кадр» вместо этого обрезает края, чтобы не было полей. Нужно сначала выровнять картинку? Обрежьте её и добавьте результат.

Для слайд-шоу из фото 0,5–1,5 секунды на картинку дают время рассмотреть. Чтобы задержаться на одном фото, выберите его и задайте время дольше или скопируйте. Для мема «my beloved» гифка с медальоном-сердцем собирает всю анимацию из одного фото.

Добавьте файл MP4, MOV или WEBM, и видео откроется в плеере. Перемотайте к нужному моменту, нажмите «Начать здесь» и «Закончить здесь» и выберите, сколько кадров в секунду взять. Десять кадров в секунду выглядят плавно для большинства роликов и держат файл в разумных пределах; 15–25 подходят для быстрого движения, но файл станет больше.

Делайте гифки из видео короткими. Три секунды при 10 кадрах в секунду — это 30 кадров, чего достаточно для реакции или демонстрации товара. Каждая лишняя секунда добавляет столько же веса, сколько первая, потому что GIF хранит каждый кадр как картинку, а не как видео.

Кадры берёт ваш браузер, поэтому подходит любое видео, которое он может воспроизвести. Если видео не открывается, обычно оно в формате вроде HEVC, который этот браузер не декодирует; экспорт в MP4 H.264 решает проблему.

У каждого кадра GIF своя задержка, записанная в сотых долях секунды. Задержка 100 мс — это 10 кадров в секунду, 40 мс — 25. Браузеры считают задержку меньше 20 мс ошибкой и замедляют её примерно до 100 мс, поэтому этот инструмент никогда не записывает меньше 20 мс — быстрая гифка остаётся быстрой.

Кадры из GIF или видео сохраняют своё исходное время. Картинки следуют заданному времени кадра, а любой отдельный кадр может иметь своё. «Задать это время всем кадрам» сбрасывает всё сразу. Чтобы изменить скорость готового GIF без пересборки, используйте изменение скорости GIF.

Бесконечный повтор — то, чего ждут от гифки. «Один раз» подходит анимации, которая должна остановиться на последнем кадре, например появлению элемента на слайде. «Вперёд, затем назад» добавляет кадры в обратном порядке после последнего, и ролик, который иначе прыгал бы в конце, превращается в плавную петлю туда-обратно.

GIF — старый формат, и файлы растут быстро. Размер определяют четыре настройки, в таком порядке: число кадров, ширина, число цветов и дизеринг. Уменьшение ширины вдвое сокращает файл примерно вчетверо; уменьшение числа кадров вдвое — примерно вдвое.

Простую экономию конструктор делает сам. Пиксели, которые не меняются между кадрами, не сохраняются повторно, а одинаковые кадры склеиваются в один, более длинный. Поэтому запись экрана или гифка с неподвижным фоном получается намного легче, чем съёмка с движущейся камеры той же длины.

Для чата достаточно ширины 320–480 пикселей. Для плоской графики и скриншотов выбирайте «Сбалансированно» или «Минимум» цветов, а дизеринг включайте, только если на фото видны полосы на небе или коже. Всё ещё тяжело? Сжатие GIF уложит файл в точный размер.

Выберите фон «Прозрачный» — и картинки с прозрачностью, например вырезанные PNG и стикеры, сохранят её в GIF. Поля вокруг картинок, которые не заполняют кадр, тоже станут прозрачными. Анимированные иконки и логотипы в SVG напрямую конвертирует SVG в GIF.

Прозрачность в GIF — всё или ничего для каждого пикселя, поэтому мягкая тень или сглаженный край становятся чёткими. Чтобы вырезать фон из готовой анимации, используйте удаление фона с GIF; чтобы сначала вырезать объект на статичной картинке, удаление фона сохранит PNG, который можно добавить сюда.

Photoshop тоже умеет делать гифки. Загрузите изображения через «Файл › Сценарии › Загрузить файлы в стек», откройте «Окно › Шкала времени», выберите «Создать анимацию кадра», затем в меню шкалы времени — «Создать кадры из слоёв». Задайте задержку под каждой миниатюрой, повтор «Постоянно» и сохраните через «Файл › Экспортировать › Сохранить для Web (старая версия)», выбрав GIF.

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