Создаем и редактируем gif файл

Animated GIF:

Online GIF maker

GIF maker allows you to instantly create your animated GIFs by combining separated image files as frames.
Produced GIFs are of high quality and free of watermarks or attribution, making this tool ideal for developers and content creators.

To make a GIF, you can upload a sequence of GIF, JPG, PNG, BMP, TIFF, HEIC, AVIF, and other types of images, ZIP archive containing images, and even mix different formats and sizes — they will be converted automatically.
You can also upload animated GIF, WebP, or APNG images, they will be split and delay times preserved. That way GIF maker can also be used to edit, shorten, or merge together existing GIFs.

How to make a GIF?

Press the «Choose files» button above and select the images you want to use as frames.You can press and hold the ctrl/command key to select multiple files.

When the images are uploaded, you can adjust animation speed and frame order before making the GIF.After generating the GIF, you can resize, crop, and optimize it or use any of the other tools we provide.

Tips for GIF creation

• You can control the speed for the whole GIF by setting a «Delay time» at the bottom
  or adjust the delay for individual frames with a «Delay» input box right next to each frame.Delay time is in one-hundredths (1/100) of a second between frames — a larger value causes the animation to appear slower.It’s not advisable to set delay time lower than 2 because some browsers will ignore such values and default to slower animation speed.
• By default, all frames will be sorted in alphabetical order by filename (and will keep the original order if you upload existing animation), you can drag and drop them inside the GIF animator area to rearrange.
• Enable the «Crossfade frames» option, if you want to create a smooth, fading transition between images.
  Useful for creating photo slideshows.
  Greater «Frame count» and shorter «Fader delay» parameters will result in smoother animation,
  but will significantly increase file size because the GIF maker has to generate more additional frames
  between each of the original frames. Play around with those values to find the balance for your needs.
• If you upload differently sized images, 2 additional options will appear: to automatically resize and crop them all to match the smallest dimensions, or to choose the alignment (e.g. top-left or center). You can also manually enter top/left coordinates in pixels for each frame.
• If you want to create GIF images from a video, use the Video to GIF tool instead.
• To make a GIF out of a sprite sheet, use the sprite cutter tool.

Easy GIF Animator

Еще одна популярная программа в рунете (и не только) для создания анимированных изображений, но с меньшими функциональными возможностями, чем у Synfig Studio. Функционал Easy GIF Animator позволяет в очень сжатые сроки и с минимальными трудозатратами создавать с нуля и редактировать готовые гифки:

• Собственный встроенный редактор векторных статичных изображений со стандартным джентльменским набором инструментов позволяет, как редактировать, так и создавать изображения для их последующего использования в анимации. Сюда относятся: рисование линий и геометрических фигур, кисти и спреи, монотонная и градиентная заливки, преобразование цветов, работа с прозрачностью, вставка текста и другие.
• Инструментарий по работе с импортируемыми GIF-изображениями: изменение размера, кадрирование, реверс анимации, оптимизация без потерь/с потерей качества, генерирование HTML-кода для вставки картинки на сайт, интегрированный поиск гифок в сети по названиям.

• Многофункциональный редактор кадров с таймлайном, позволяющий одновременно редактировать несколько кадров, перемещать и копировать их, устанавливать продолжительность показа одного кадра, извлекать кадры из импортированных GIF-изображений и т.д. Кстати, редактирование изображений осуществляется внутри редактора кадров.
• Наличие разнообразных шаблонов для анимации текста и изображений: движение, поворот, увеличение, плавное появление/исчезновение, выпадение за холст и т.п.
• Отдельные модули для создания анимированных кнопок и баннеров для сайта.
• Создание GIF-анимации из видео с возможностью установки продолжительности (начала и конца) преобразуемого куска видеоролика.
• Поддерживаемые форматы изображений: импорт и обработка — GIF, JPEG, PNG, BMP и ICO; сохранение — GIF, SWF и видеоформаты.

Таким образом, Easy GIF Animator заслуживает право называться полноценными редактором GIF-изображений, а при необходимости его можно использовать и просто в качестве растрового редактора.

Но есть у программы один большой недостаток — она платная. С официального сайта предлагается скачать Easy GIF Animator с ограниченным количеством запусков (20), после чего придется приобретать лицензию.

Изменить размер GIF (уменьшить, увеличить), разложить на кадры онлайн при помощи редактора GIF Resizer

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

Но, вместе с тем, существует и парочка проблем, основная из которых – необходимость
изменить размер GIF. Из этого вытекает вопрос: как уменьшить или увеличить размер
GIF? Как осуществить редактирование GIF? К примеру, обрезать файл? В случае, если
мы работаем с обычным JPG файлом, таких проблем не возникает – ведь в любом, даже
самом простом редакторе, мы при помощи пары щелчков можем изменить размер изображения
или выполнить обрезку ненужной части. Как же редактировать GIF? Ведь большинство
редакторов позволяет работать только с неподвижными изображениями.

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

• Нажмите на кнопку «Изменения размера».
• Добавьте GIF-файл при помощи кнопки «Обзор».
• Введите нужную вам высоту и ширину.
• Нажмите «Применить».

Несколько секунд – и размер GIF анимации стал таким, как вы хотели!

Способ 1: EzGIF

EzGIF — продвинутый онлайн-сервис, предоставляющий массу различных инструментов, подходящих для редактирования GIF-анимаций. Вы можете работать как со всем проектом, так и с каждым кадром отдельно, редактируя содержимое под свои нужды.

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

В открывшемся окне Проводника отыщите соответствующий объект и выберите его для добавления.

Далее в той же вкладке щелкните по «Upload and make a GIF».

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

Опуститесь ниже, чтобы отобразились остальные параметры обрезки. Вы можете задать размер самостоятельно, указать пропорции или сделать так, чтобы онлайн-сервис автоматически обрезал лишнее. Если настройка завершена, кликните по «Crop Image» для сохранения изменений.

Выберите второй раздел «Resize», чтобы изменить общий размер полотна.

Под картинкой с анимацией отыщите поля, отвечающие за редактирование высоты и ширины. Задайте необходимое значение для каждого параметра, а также укажите один из доступных методов изменения размера. Подтвердите действие, кликнув по «Resize Image».

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

Выберите раздел «Optimize», если хотите сжать размер ГИФ без потери качества или пожертвовать ей ради уменьшения занимаемого файлом пространства.

Под самой картинкой настраивается сжатие: перемещайте ползунок и следите за результатом. Достигнув нужного результата, щелкните по «Optimize GIF», чтобы сохранить изменения.

Далее идет набор разных инструментов «Effects».

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

Используйте «Color presets», активируя находящиеся там пункты путем установки возле них галочек, чтобы выбрать одну из цветовых заготовок или вовсе сделать анимацию черно-белой.

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

Если вы выберете инструмент «Speed» и опуститесь ниже картинки, сможете самостоятельно изменить скорость воспроизведения анимации. Она сразу же начнет проигрываться в основном окне, поэтому слежение за результатом происходит в режиме реального времени.

EzGIF предоставляет опцию и для добавления текста к каждому существующему кадру анимации. Для этого здесь есть специально отведенный инструмент под названием «Write».

После его выбора перейдите к первому кадру. Впишите в отведенное поле текст, настройте его размер, положение и цвет. Если вас устраивает результат, кликните по «Set», чтобы применить его.

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

К текущей картинке можно добавить дополнительные элементы, например, наложить водяной знак. На верхней панели выберите «Overlay».

Под изображением переходите к выбору файла, который будет на нем размещен, а затем задайте для него положение и размер.

Иногда бывает необходимо обрезать анимацию, например, отделив лишние первые или заключительные кадры. В этом поможет инструмент «Cut».

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

Последний раздел «Frames» позволяет работать с каждым кадром отдельно, выводя их все на экран. Можете выбрать для каждого из них задержку, скопировать или вырезать из проекта.

Если работа с проектом завершена и вы готовы его сохранить, щелкните по кнопке «Save».

GIF-анимация сразу же будет скачана на локальное хранилище и доступна для просмотра. Внимательно ознакомьтесь с ней, чтобы удостовериться в качестве редактирования.

Особенности создания GIF-изображений: справка редакции Zuzako

Создание гиф-форматов на разных устройствах может отнимать немало времени. Поэтому предлагаем вашему вниманию несколько простых пошаговых инструкций, которые подготовила редакция Zuzako.

Как создать гифку на Андроид

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

1. Зайдите в приложение на своем смартфоне. Перейдите в рубрику Videos Gif или Photos Gif.
2. Предоставьте доступ приложению к своему хранилищу. Для этого во всех всплывающих окнах нажмите кнопку «Разрешить».
3. После выбора подходящего контента тапните по кнопке Done, после чего дождитесь завершения конвертации и сохраните проект в галерею телефона.

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

Как легко создать gif-изображение на iPhone

Если в смартфоне с операционной системой iOS не предусмотрена установка аниматора по умолчанию, тогда выберите один из рейтинга и сделайте несколько действий:

1. Запустите приложение и перейдите в рубрику «Галерея» (может быть на английском языке).
2. Найдите режим преобразования видео в гиф, затем запустите процесс с помощью специальной кнопки (название может быть разным, в зависимости от выбранного программного обеспечения).
3. Обязательно предоставьте доступ к хранилищу, иначе конвертирование не произойдёт. Проследите за цепочкой автоматических действий, после сохраните файл.

После завершения обработки перешлите готовый контент своим знакомым и близким.

Как сделать гифку на компьютере

На десктопе можно выполнить создание гиф-формата двумя способами: используя предустановленное приложение на ПК или в онлайн-режиме через бесплатные редакторы.

Для онлайн-варианта:

1. Перейдите на любой аниматор. Для первого раза желательно выбирать сервис с русскоязычным интерфейсом.
2. Через кнопку загрузки поместите туда видеофайл или фото, с которого будет выполняться преобразование.
3. В ходе обработки добавьте интересные эффекты или даже дополнительные стикеры и смайлы.
4. Готовый файл скачайте себе на компьютер и используйте в своих целях.

Для ПО на ПК:

1. Войдите в программу, которую выбрали для скачивания из нашего рейтинга.
2. Подберите файл, который следует трансформировать, или несколько файлов.
3. Запустите рабочий процесс и отслеживайте его до окончания.
4. Если в ходе обработки не возникло ошибок, тогда сохраните готовый контент.

Перед сохранением его на компьютер убедитесь, что он имеет правильный формат (gif).

Как сделать гифку из видео на компьютере

Для создания гифки из видеоролика с помощью LiceCap или Gifcam следует запустить программу, выбрать область, которую надо записать, задать размер и продолжительность кадра (скорость обновления), и нажать на кнопку Record.

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

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

Это был первый способ, как сделать гифку из видео, теперь давайте разберемся, как создать GIF онлайн.

Создание гифок из видеороликов посредством онлайн-сервисов

Существует несколько сайтов, позволяющих бесплатно сделать GIF-изображение из видеороликов. Некоторые сервисы могут также предоставлять дополнительные возможности, несвязанные напрямую с созданием GIF.

Одним из таких сайтов является ToolsOn. С его помощью можно сделать GIF из нескольких неподвижных графических файлов, а также из видеоролика. Помимо этого, данный сайт позволяет создавать иконки (ICO) и рингтоны. Для онлайн-создания гифки потребуется перейти на сайт ToolsOn и щелкнуть по верхней ссылке в шапке сайта «Конвертировать видео в GIF». Откроется онлайн-сервис «Video to Gif Lab«. Загрузить видео, из которого требуется сделать «гифку», можно двумя способами: по нажатию на кнопку или перетащить, зажав левую клавишу мыши, в специальную область сайта.

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

Для запуска записи анимации нажимается кнопка Start Recording. После выбора конечной точки фрагмента следует нажать кнопку остановки записи и сохранения графического файла. Созданная гифка появится справа от видеоплеера. Её можно сохранить на компьютер, нажав кнопку Save GIF. Картинку впоследствии можно разместить в социальной сети или загрузить в облачное хранилище. Поскольку обработка изображения в сервисе Video To GIF Lab осуществляется в браузере, загрузка процессора на некоторых компьютерах может доходить до 100%. Лучше всего этот сайт работает с Google Chrome свежей версии.

Существуют также и другие онлайн-сервисы по созданию гифок, которые работают похожим образом: необходимо добавить на сайт нужный видеофайл, хранящийся на компьютере, установить точку начала, а также длительность GIF-изображения или точку окончания, и задать дополнительные параметры. Нужный файл станет доступен после обработки в браузере или на сервере разработчика онлайн-утилиты.

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

Полезное видео о том, как без установки программ, создать изображение в формате gif из видеоролика с помощью 2 онлайн сервисов:

dimon96

Когда и где использовать гифки

1. Используйте гифки, чтобы подчеркнуть индивидуальность вашего бренда

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

2. Используйте гифки, чтобы продемонстрировать продукт

Хотите дать своей аудитории возможно рассмотреть продукт поближе? Гифки могут продемонстрировать продукт в движении и с разных сторон.

3. Используйте гифки, чтобы описать процесс или что-то объяснить

Иногда проще показать, чем объяснять словами. Гифки – это то, что нужно для пошагового описания, как что-то сделать, или коротких рецептов.

4. Используйте гифки, чтобы поблагодарить кого-то

Поблагодарить гифкой кого-то, например, в Twitter – это очень мило. Не упускайте возможность сделать это.

5. Используйте гифки для создания крошечных презентаций

В интернете можно найти удивительные мини-презентации с использованием гифок. Это быстрый и простой способ объяснить что-то.

6. Используйте гифки, чтобы рассказать историю

Гифки особенно удобны, когда вы хотите соединить несколько фотографий вместе и показать, как что-то изменилось.

7. Используйте гифки для показа рекламы

У вас есть печатная или TV-реклама, от которой вы хотите получить еще больше? Преобразуйте ее в гифку.

8. Используйте гифки для анимации данных

Анимированные диаграммы и графики привлекают больше внимания, чем статичные картинки.

9. Используйте гифки как тизер

Хотите поделиться небольшой частью предстоящей презентации или релиза нового продукта? Гифка может быть идеальным тизером.

10. Используйте гифки, чтобы рассказать о культуре вашей компании

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

Создаём GIF из изображений

Гифки можно создавать из картинок, например, для этого будет удобно использовать онлайн-сервисы или специальные приложения, предлагающие набор инструментов и параметров для создания анимации на вкус пользователя.

Попробуйте создать свой первый gif, для ознакомления с возможностями и инструментарием предложенных нами сервисов. Для этого приготовьте любую фотографию на компьютере или другом устройстве, зайдите на специальный сайт (сервисы рассмотрены далее в статье), либо в приложение, затем загрузите её одну или несколько, обычно поддерживаются файлы с расширением .jpg или .png. Укажите настройки гифки, представьте, как будет выглядеть ваше творение, и, если всё устраивает, нужно щёлкнуть по кнопке “Создать” (способ сохранения зависит от используемого сервиса).

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

Gifius, веб-инструмент для создания анимации

Онлайн-конструктор Gifius позволяет собрать простую GIF-анимацию, воспользовавшись бесплатным конструктором. Сервис ведёт работу с 2014 года, предоставляя несколько специализированных инструментов и форму для оставления комментариев.

Инструкция по использованию сервиса:

1. Откройте веб-сайт. В верхней части у пользователя запрашиваются фотографии, которые будут использованы в кадрах анимации. Загрузите их, нажав на блок, выделенный красной рамкой, либо перетащив изображения туда.
2. В настройках определите разрешение будущей гифки, можно поставить флажок на пункте “пропорции” для того, чтобы существовала пропорциональность, то есть при изменении ширины автоматически подгонялась высота.
3. Поставьте скорость смены кадров (задержку между ними), по умолчанию установлено значение 12. Значение вводится с клавиатуры, либо меняется с помощью ползунка на экране.
4. Изменяйте порядок хода анимации. Для этого мышью перемещайте миниатюры на панели, которая находится ниже окна предпросмотра. Если анимация слишком короткая или вы считаете, что картинок недостаточно, вы можете загрузить их, нажав на зелёную кнопочку с соответствующей надписью.
5. Остаётся скачать готовый GIF-файл, для этого кликните правой кнопкой мыши на анимацию, выберите пункт “Сохранить как…”, укажите имя и желаемое расположение файла, затем “Сохранить”. Также можно просто нажать на сайте “Скачать GIF”.

Создание гифок при помощи Photoshop

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

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

Для этого воспользуйтесь несложной пошаговой инструкцией:

1. Подготовьте будущие кадры анимации. Каждый созданный слой с картинкой или вашим рисунком — один кадр.
2. В верхней части окна Photoshop на панели выберите раздел “Окно”, затем убедитесь, что “Временная шкала” активна. Это можно понять по галочке напротив, если она отсутствует, поставьте её, щёлкнув левой клавишей мыши.
3. В появившемся окошке кликните на центральную кнопку “Создать покадровую анимацию”.
4. В выпадающем списке найдите пункт “Создать кадры из слоёв” и выберите его.
5. Можно выбрать количество произведений анимации: единожды, три раза, вечно, либо другое значение.
6. Используйте временную шкалу, если вам нужно настроить порядок кадров.
7. Теперь можно сохранить готовую работу на компьютер, выбрав формат .gif и директорию сохранения.

Gifovina — веб-сервис для создания анимации

Gifovina — бесплатный аниматор, который не требует загрузки на компьютер. Работа над гифкой ведётся в онлайн-редакторе, требующем для корректной работы включённого Abobe Flash Player.

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

Можно добавлять различные выноски, фигуры, и “пузыри” с текстом. Каждому объекту можно назначить свой цвет заливки, контура и текста внутри него. Надписи также настраиваются, и к ним выбирается шрифт из двух вариантов: Arial и Times New Roman.

Text Properties

Font Family

Selects the font family of the text. You can choose regular fonts such as arial, verdana, times new roman or
from a selection of over 900 unique and creative web fonts to overlay on your animated gif.

Shadow Vertical Offset

Determines vertical the offset in pixels of the shadow text from the foreground text.
The higher the value the lower the shadow text will be relative to the foreground text.

Shadow Horizontal Offset

Determines the horizontal offset in pixels of the shadow text from the foreground text.
The higher the value the more left the shadow text will be relative to the foreground text.

Онлайн

Способ хорош тем, что не нужно скачивать и/или устанавливать дополнительные программы.

Существует множество сервисов для создания Gif-анимации. На себе попробовал три из них и из этих трех мне понравился http://gifovina.ru/

Переходим на сайт сервиса и с помощью кнопки Добавить кадры загружаете изображения.

Если вы добавили сразу несколько изображений, то возможно они выстроились в неправильном порядке. Что бы это поправить наводите мышку на изображение которое вы хотите переместить. В верхнем левом углу изображения появляется значок, взяв мышкой за который можно поместить рисунок в другое место очереди

Так же в правом верхнем углу изображения появляется крестик позволяющий удалить картинку.

Под каждой картинкой есть поле с цифрой. Это длительность кадра в секундах. По умолчанию это 1 секунда. Длительность можно менять кликнув на это поле и с помощью ползунка установить требуемое время или с помощью клавиатуры задать необходимую длительность.

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

После выбора эффекта будет доступна длительность этого эффекта которую так же можно настроить.

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

Можно задать цвета фона, текста и границ фигуры.

Справа в окошке редактирования анимации доступны следующие возможности.

Размер. Есть возможность задать размер анимации. Из выпадающего списка выбираете нужный или выбираете Настроить… и во всплывающем окошке задаете необходимый размер.

Чем больше размер анимации, тем больше вес GIF файла.

Режим подгонки. Если вам необходимо что бы кадры вписывались в заданный вами размер (изображение уменьшится до заданного размера анимации), то задаете Вписывать.

Если же вам необходимо обрезать кадр по размеру анимации, то ставите соответствующую настройку.

Длительность кадров задает длительность для всех изображений сразу.

Эффект. позволяет задать одинаковый эффект появления для всех кадров. После выбора будет доступен выбор задержки так же сразу для всех кадров.

Когда вы настроили свою GIF-анимацию нажимаете внизу кнопку Готово. Появляется окошко с результатом. Нажимаете кнопку Скачать и сохраняете GIF анимацию.

Просмотреть сохраненный gif файл удобно в любом браузере. Для этого на файле нажимаете правой кнопкой и выбираете Открыть с помощью. Из развернувшегося списка выбираете любой браузер (например Internet Explorer).

GIF анимация создана.