Как создать GIF из изображений.

Откройте GIF Maker и выберите «Изображения». Загрузите свои картинки или выберите «Попробовать пример». Распространенные форматы включают JPG, PNG, WebP и GIF; форма загрузки содержит список дополнительных поддерживаемых форматов. Пакет может содержать до 50 файлов с ограничением 25 МБ на изображение и общими ограничениями обработки.

В этом примере используется «Попробовать пример» для загрузки от gif-orbit-01.webp до gif-orbit-04.webp. Каждый оригинал имеет размер 640 × 640 пикселей, и четыре картинки показывают разные положения в одной и той же орбитальной сцене. Сохраните их исходный порядок для получения результата.

Карточки кадров расположены над предварительным просмотром. Перетащите карточку, чтобы изменить её положение, или выберите её и используйте «Переместить раньше» или «Переместить позже» на панели настроек. Пользователи клавиатуры могут выбирать карточки с помощью клавиш со стрелками и менять их порядок с помощью Alt и клавиши со стрелкой. Кнопка «Воспроизвести» над предварительным просмотром позволяет проверить текущую последовательность.

«Дублировать» создает еще одну копию выбранного кадра. «Удалить» убирает кадр из последовательности, сохраняя при этом хотя бы один. «Отменить» и «Повторить» восстанавливают недавние правки; добавление или удаление исходного файла начинает новый набор файлов и сбрасывает историю правок. Используйте «Добавить изображения», если в последовательности нужно больше картинок.

Выберите кадр и установите «Длительность» в секундах. Поддерживаемый диапазон составляет от 0.02 до 10 секунд на исходный кадр. «Применить эту длительность ко всем кадрам» задает выбранное время для каждого кадра. Для слайд-шоу с заголовком или детальной финальной фотографией оставьте этот кадр видимым дольше остальных.

Для примера оставьте «Длительность» равной 0.65 секундам. «Попробовать пример» уже устанавливает это значение; для своих изображений введите 0.65 для одного кадра и выберите «Применить эту длительность ко всем кадрам». Выберите «Мягкое затухание» в разделе «Переход» и установите «Время перехода» на 0.20 секунды или 200 миллисекунд.

Откройте «Текст и качество экспорта» и оставьте «Шаги перехода» равными 4. Каждое затухание добавляет четыре промежуточных кадра. С четырьмя исходными кадрами, четырьмя циклическими затуханиями, «Прямым воспроизведением» и «Повторять всегда» этот пример содержит 20 отрисованных кадров. Четыре удержания по 0.65 секунды плюс четыре затухания по 0.20 секунды составляют цикл длительностью 3.4 секунды.

«Чистый срез» переключает изображения напрямую без добавления переходных кадров. «Сдвиг влево» перемещает следующее изображение по холсту. Большее количество шагов перехода может сделать переход более плавным, но они используют больше лимита экспорта в 200 кадров. Редактор сообщит, если выбранная последовательность и эффекты превышают этот лимит.

«Прямое» воспроизводит последовательность по порядку, «Обратное» — в обратном направлении, а «Отскок» возвращается через последовательность, не повторяя оба крайних кадра. «Цикл» выбирает бесконечное повторение или фиксированное количество воспроизведений. Для данного примера оставьте «Прямое» и «Повторять всегда».

В разделе «Холст и фон» выберите «Квадрат · 1:1» для примера и оставьте «Ширину» и «Высоту» на 640 пикс. Другие пресеты включают «Портрет», «История», «Пейзаж» и «Широкоэкранный». «По размеру первого изображения» начинает с формы первого изображения, а «Пользовательский размер» принимает размеры от 16 до 1600 пикс. на сторону, в зависимости от общего лимита обработки анимации.

«Подгонка изображения» предлагает «Показать всё изображение» и «Заполнить холст». «Показать всё изображение» при масштабе 100% сохраняет все края исходника и может оставить фон вокруг изображения другой формы. «Заполнить холст» покрывает область вывода и может обрезать края. Установите «Фон» на желаемую заливку или включите «Прозрачный фон», если это необходимо для целевого формата.

Выберите кадр, чтобы изменить его кадрирование независимо. Перетащите предварительный просмотр или измените «Масштаб», используйте «Влево» или «Вправо» для поворотов на 90 градусов или «Отразить», чтобы зеркально отобразить его. «Сбросить кадр» возвращает этот кадр к центрированному, неповёрнутому состоянию при масштабе 100%. В примере все четыре исходных квадратных изображения остаются центрированными и используется «Показать всё изображение».

Выберите первый кадр и введите «Made to loop.» в поле «Подпись». Оставьте остальные три подписи пустыми. В разделе «Текст и качество экспорта» оставьте «Положение подписи» внизу, «Размер подписи» 32 пикс. и белый цвет подписи. Подписи относятся к отдельным кадрам; выбор другого кадра позволяет написать другую строку. Первая подпись в примере исчезает вместе со своим кадром.

Оставьте GIF цветов на 256 · больше деталей, с включенными «Плавными цветовыми градиентами» и «Оптимизировать размер файла» для итогового результата. Меньшее количество цветов может сделать файл легче, но может изменить тонкие оттенки. «Плавные цветовые градиенты» используют дизеринг, который может смягчить цветовые полосы, добавляя видимый мелкий узор.

Воспроизведите предварительный просмотр и посмотрите полный цикл, включая возврат от последнего кадра к первому. Убедитесь, что подписи остаются видимыми достаточно долго, обрезка последовательна и ни один кадр не кажется слишком быстрым. Выберите «Создать GIF», когда последовательность готова; сервер отрисует финальную анимацию из загруженных оригиналов.

В примере скачивается animation.gif размером 640 × 640 пикселей. Реальный вывод имеет 20 кадров, цикл длительностью 3.4 секунды и бесконечное зацикливание. Сравнение выше показывает четыре исходных изображения как контактный лист и фактический первый кадр этого скачанного GIF, включая добавленную подпись «Made to loop.».

Изображения в статье — это лишь превью, а не анимационный плеер. Откройте скачанный GIF в приложении, поддерживающем анимацию, чтобы проверить тайминг и цикл. Превью, которое выглядит плавным, может изменить цвета после преобразования палитры GIF, поэтому проверьте сохраненный результат перед публикацией.

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

Скачайте перед обновлением страницы или выходом. Обновление редактора или страницы загрузки возвращает на главную страницу инструмента. Сохраняйте свои исходные изображения, так как экспортированный GIF — это сплющенная анимация, а не файл проекта, содержащий редактируемые элементы управления.