Как быстро и легко создать GIF анимацию

Отдельные части объекта перемещаются в 2D (последовательная смена картинок с разными положениями его частей), что создаёт эффект движения объекта. Эту анимацию можно создать в формате GIF (Graphics Interchange Format).

Данный формат был разработан компанией CompuServe в 1989 году.

Многие, наверное, рисовали рыбака, ловящего рыбу в блокнотах, а потом быстро перелистывали рисунки, и получалась анимация. У формата GIF примерно такой же принцип работы.

Выбрать объект с картинки

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

Загрузка картинки на бесплатный сервис шаг 1

Загрузка картинки на бесплатный сервис шаг 2

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

Готовый объект для дальнейшей обработки

Сохранив обработанную картинку с котом, загружаем её вновь на этот сервис. Задача состоит в том, что бы отдельно сохранить как картинки: хвост, ноги (задняя и передняя), перо шляпы, туловище, то есть те места, которые будут двигаться во время анимации. Итого шесть частей.

Пример выделения хвоста

Когда сохраните по отдельности каждую часть, которая будет двигаться в дальнейшем, необходимо перейти к Power Point.

Обработка в Power Point

В Power Point загружаем выделенного кота, а так же каждую его часть, как показано на картинке выше.

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

4 готовых позиции кота, из которых будет состоять анимация

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

Сервис анимации из картинок

После загрузки картинок (позиций) устанавливаем настройки для GIF анимации.

Устанавливаем настройки для GIF анимации

После нажатия на кнопку «ОК» скачиваем созданную анимацию.

Анимация готова осталось нажать «скачать обработанное изображение»

После проделанных несложных действий получили GIF анимированного кота.

Готовый анимированный кот в сапогах в формате GIF

Всем приятной работы!