Создаем, редактируем и оптимизируем анимированный 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.

4 лучших GIF-обрезчика

Iloveimg

Iloveimg — это онлайн-редактор изображений, который позволяет редактировать изображения и GIF без установки каких-либо программ. Он может обрезать GIF, сжимать изображения, вращать изображения, конвертировать изображения в другие форматы и т. Д. Этот онлайн-инструмент для обрезки GIF поддерживает онлайн-обрезку GIF, JPG и PNG.

Чтобы обрезать GIF, вам нужно нажать на Выбрать изображения чтобы импортировать целевой GIF с вашего компьютера или телефона. Или выберите целевой файл с Google Диска или Dropbox. Затем обрежьте GIF и выберите «Обрезать ИЗОБРАЖЕНИЕ», чтобы применить изменения. Обрезанный GIF будет загружен автоматически.

Плюсы

• Регистрация не требуется.
• Обрезка GIF без водяных знаков.
• Удобство использования и бесплатно.

Минусы

Нет окна предварительного просмотра.

GIFGIT.com

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

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

Плюсы

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

Минусы

Невозможно обрезать GIF через URL.

Лунапический

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

Чтобы обрезать GIF, сначала загрузите GIF и перейдите к редактировать > Обрезать изображение . Затем вы можете выбрать форму обрезки: прямоугольник, квадрат, эллипс и круг. Или выберите область для обрезки. После нажатия опции обрезки изображения вы можете щелкнуть правой кнопкой мыши обрезанный GIF и выбрать Сохранить изображение как… чтобы спасти его.

Плюсы

• Это мощный и бесплатный инструмент.
• Вы можете обрезать GIF в круг.

Минусы

Это неудобно.

GIFs.com

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

Чтобы обрезать GIF, просто перетащите нужный GIF и выберите параметр «Обрезать», чтобы начать работу. В конце нажмите «Загрузить», чтобы сохранить обрезанный GIF.

Плюсы

• Легко использовать.
• Позволяет добавлять стикеры в GIF.

Минусы

Он наносит водяной знак на обрезанный GIF.

Online Image Editor — множество действий с анимированными gif

Популярен и онлайн сервис Online Image Editor.

1. Добавьте изображение со своего ПК на страницу http://www.online-image-editor.com/.
2. Выберите нужный файл и нажмите “загрузить” или download (в зависимости от того, перевел вам браузер сайт на русский язык или нет).
3. Затем нажмите кнопку crop (в строке над изображением).
4. В меню под фотографией будут указаны исходные ширина, высота и вес картинки.
5. Вы можете подобрать нужную область обрезки при помощи курсора либо ввести необходимые значения в поля слева от изображения.

Интерфейс сервиса Online Image Editor

В завершение операции обязательно нажмите apply и затем save, чтобы сохранить изображение в папку “Загрузки”, загрузить в Facebook или открыть в Picasa. Если вам не понравилась ваша работа на каком-либо из этапов, в строке над фотографией предусмотрена кнопка Undo. Нажимая на которую, можно вернуться к первоначальному изображению и произвести все действия заново.

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

Ezgif — поможет удалить лишние элементы gif

Также прост в использовании сервис Ezgif. Перейдите на страницу https://ezgif.com/crop. Сайт на английском языке, но интерфейс понятен пользователю. Здесь можно загрузить гиф с жесткого диска либо ввести в специальное поле url-адрес картинки (если она взята из интернета). Максимальный размер загружаемого изображения – 30 Мб. После появления фото на экране вы также, как и в сервисе IloveIMG, сможете выбрать нужный размер при помощи размерной сетки или вводом необходимых значений. Кроме этого, сервис предоставляет возможность выбора соотношения сторон.

Выбираем необходимую область гифки для вырезания

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

Фото, обрезанное в Ezgif

GIF из записи экрана

Licecap

Licecap — программа, которая может записывать экран в формате GIF. Для этого нужно:

1. Указать нужный размер экрана и нажать на кнопку Record.

Укажите размер экрана и нажмите на кнопку Record

2. Указать папку на компьютере, куда нужно сохранить видео, и нажать на кнопку «Сохранить».

Выберите папку, куда сохранится видео, и нажмите на кнопку «Сохранить»

3. Чтобы остановить запись, нужно нажать на кнопку Stop. После этого на экране ничего не произойдёт. Но в папке, выбранной в предыдущем шаге, появится запись экрана в формате GIF.

Остановите запись с помощью кнопки Stop

Плюсы:

• Простой и интуитивно понятный интерфейс.
• Бесплатная программа.
• Не требует подключения к интернету.

Минусы:

Нужна установка программы на компьютер.

ScreenToGif

ScreenToGif — программа со встроенным редактором для записи экрана, видео с веб-камеры или скетчборда. Записанное видео можно сохранять в формате GIF.

Чтобы создать гифку, нужно:

1. Выбрать, откуда нужно записать видео — с экрана, веб-камеры или доски. В качестве примера видео создано из записи экрана.

Выберите, какое видео вам нужно создать — с экрана, веб-камеры или доски

2. Указать нужный размер экрана и нажать на кнопку «Запись».

Нажмите на кнопку «Запись», чтобы начать скринкастинг

3. Нажать на кнопку «Стоп», чтобы остановить запись видео.

Нажмите на кнопку «Стоп», чтобы остановить запись видео

4. После завершения записи автоматически откроется видеоредактор. В нём, например, видео можно повернуть и обрезать, добавить надпись, рамку, тень, фигуру.

С помощью редактора вы можете отредактировать записанное видео

5. Чтобы сохранить видео в GIF-формате, нужно в разделе «Файл» нажать кнопку «Сохранить как».

Сохраните видео в формате GIF с помощью кнопки «Сохранить как»

6. В открывшемся меню выбрать папку, куда гифка сохранится, и нажать на кнопку «Сохранить». Она сохранится на компьютер.

Чтобы сохранить гифку, выберите папку, куда нужно сохранить файл, и нажмите на значок «Сохранить»

Плюсы:

• Простой, интуитивно понятный интерфейс.
• Большие возможности для редактирования 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 (уменьшить, увеличить), разложить на кадры онлайн при помощи редактора GIF Resizer

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

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

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

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

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

GIF Maker — Создать гифку онлайн

«GIF Maker» позволяет мгновенно создавать свои собственные анимированные GIF-файлы, комбинируя отдельные изображения в виде кадров. Получаемые гифки имеют высокое качество и не содержат водяных знаков или атрибутов, что делает этот инструмент идеальным для разработчиков и создателей контента.Чтобы создать GIF, вы можете загрузить последовательность изображений GIF, JPG, PNG, BMP, TIFF и других типов, ZIP-архив с изображениями и даже смешать различные форматы и размеры — они будут автоматически конвертированы. Вы также можете загружать анимированные изображения в формате GIF или WebP, они будут разделены и время задержки сохранится. Таким образом, GIF Maker также можно использовать для редактирования, сокращения или объединения существующих GIF-файлов.

Как сделать GIF?

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

Если исходные изображения разного размера то появится кнопка Resize, после нажатия на которую все картинки будут подогнаны по размеру.

После создания GIF вы можете изменить его размер, обрезать и оптимизировать его или использовать любые другие инструменты.

Советы по созданию GIF

Время задержки (delay) составляет одну сотую (1/100) секунды между кадрами;большее значение сделает вашу анимацию медленнее. Вы можете контролировать скорость для всего GIF, установив «delay» внизу, или настроить задержку для отдельных кадров с помощью поля ввода «delay» рядом с каждым кадром.Включите опцию «Crossfade frames», если вы хотите создать плавный переход с постепенным исчезновением между изображениями. Полезно для создания фото слайд-шоу. Увеличенные параметры «Frame count» — «Количество кадров» и более короткие параметры «Fader delay» — «Задержка фейдера» приведут к более плавной анимации, но значительно увеличат размер файла, поскольку GIF Мейкер должен генерировать больше дополнительных кадров между каждым из исходных изображений. Поиграйте с этими значениями, чтобы найти баланс.

Способ 3: GIF Maker and GIF Editor

Последний онлайн-сервис GIF Maker and GIF Editor позволяет не только редактировать GIF-анимации, но и создавать новые, однако сейчас нас интересует только первая функция со всеми присутствующими инструментами.

1. Откройте GIF Maker and GIF Editor и перетащите в выделенную область файл для редактирования. Вместо этого можно нажать по ней, чтобы открыть окно Проводника.

В Проводнике отыщите и выберите объект формата ГИФ, который хотите редактировать.

Ожидайте окончания загрузки файла на сервер, следя за прогрессом в этой же вкладке браузера.

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

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

Больше никаких параметров, отвечающих за редактирование анимации, в GIF Maker and GIF Editor нет. Вам остается только нажать на «Make», чтобы собрать измененную GIF.

По окончании этого процесса щелкните по «Download», чтобы загрузить файл на компьютер.

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

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

Подробнее:Изменяем размер анимации в формате GIFОптимизация и сохранение изображений в формате GIFДелаем GIF-анимацию из фотографийКадрирование изображения формата GIF онлайнВставка анимации GIF в PowerPoint

Опишите, что у вас не получилось.
Наши специалисты постараются ответить максимально быстро.

Способ 1: Crello

1. Для перехода к необходимой странице Crello предлагаем воспользоваться ссылкой выше. В появившейся вкладке следует нажать «К анимации Crello».

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

Для загрузки собственной фотографии перейдите к разделу «Мои файлы».

Нажмите по кнопке «Загрузить изображение или видео».

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

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

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

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

Рассмотрим эту процедуру на примере вылета. После выбора инструмента задайте направление, задержку и дополнительные опции, если они присутствуют.

По завершении нажмите «Посмотреть анимацию», чтобы запустить ее воспроизведение.

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

После окончания работы над каждым объектом запустите воспроизведение всего проекта, чтобы ознакомиться с результатом.

Если вас все устраивает, найдите кнопку «Скачать» на верхней панели, чтобы получить оживленное фото на свой компьютер.

Укажите, в каком формате вы хотите скачать файл. Единственным правильным вариантом будет MP4, однако в некоторых случаях подойдет и GIF.

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

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

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

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

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

• Giphy,

• Canva,
• Adobe Photoshop.

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

Giphy 

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

1. Перейдите на сайт Giphy.
2. В блоке «Гифка» нажмите Выбрать файл:
3. Загрузите нужную картинку.
4. Теперь можно добавить надписи, наклейки, стикеры и фильтры. 

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

1. Как только анимация будет готова, можно скачивать. Для этого нажмите Продолжить загрузку (Continue to Upload):
2. Нажмите Загрузить в GIPHY (Upload to GIPHY):
3. Нажмите СМИ (Media):
4. Чтобы скачать гифку на компьютер, в строке Источник (Source) или Социальное (Social) нажмите Скачать (Download). В строке Социальное (Social) находится оптимизированный вариант GIF: 

Ваша GIF-анимация готова!

Минусы Giphy:

• нет возможности редактировать размеры картинки и кадры видео,
• можно поместить только одну надпись,
• мало шрифтов и анимаций для текста.

Canva

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

Для примера давайте сделаем анимированную публикацию для Instagram-магазина:

1. Перейдите в шаблон для Instagram.
2. Создайте макет.
3. Нажмите на Анимация и выберите, как будут появляться элементы на макете. Например, мы выбрали эффект Вращение:
4. В правом верхнем углу нажмите Скачать:
5. Выберите формат GIF. Нажмите Скачать:

Готово, наслаждайтесь публикацией.

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

Adobe Photoshop

Adobe Photoshop — это десктопная программа для работы с изображениями. Но и простые гифки в ней тоже можно сделать.

Попробуем сделать анимацию из фото:

Для этого: 

1. Откройте пустой проект.
2. Загрузить всеп изображения, которые должны быть в анимации.

Обратите внимание! Каждое изображение должно быть на отдельном слое. Иначе их не получится сделать динамичными

1. Если вы делали фон, удалите его.
2. В верхнем меню выберите вкладку «Окно» и нажмите Шкала времени:
3. Внизу появится поле для настройки анимации. Выберите Создать анимацию кадра:
4. Сделайте каждый слой отдельным кадром. Для этого в поле настройки анимации в правом углу нажмите на иконку выпадающего меню и выберите Создать кадры из слоев:
5. Укажите время задержки кадра для каждой картинки:
6. Зациклите переключение картинок. Для этого в левом нижнем углу укажите параметр Постоянно:
7. Сохраните получившуюся гифку. Для этого в верхнем меню нажмите на вкладку Файл ― Сохранить для Web:
8. В самом верху окна укажите формат GIF.
9. Нажмите Сохранить:

Анимация готова. 

Минусы Adobe Photoshop:

• нельзя сделать анимацию онлайн,
• с программой сложно работать,
• сервис стоит дорого,
• занимает много памяти на ПК.

Другие опции

• Web Snap (Web-оснастка) помогает предотвратить размытие в браузере. Делается это путём привязки некоторых цветов к безопасным web-цветам. Чем больше web-цветов, находящихся в GIF, тем меньше браузером будет использоваться сглаживание. При значении 0% цвета будут не затронуты, а при значении 100% все цвета в изображении изменятся для Web-безопасности.
• Lossy (Потери) – данная опция контролирует степень потерь визуальной информации, которая способна уменьшать размер файла.
• Если в изображении содержится прозрачность, то поставьте галочку возле опции Transparency (Непрозрачность) для сохранения прозрачных пикселей. Убрав галочку, тем самым частично или в полной мере прозрачные пиксели заполнятся матовым цветом.
• При активной опции Interlaced (Чересстрочно) файлы формата GIF в браузере будут загружаться в несколько проходов.

Inettools.net — бесплатный сервис для обработки гиф-анимации

1. Перетащите онлайн свою гифку на сайт Inettools.net, расположенный по адресу https://inettools.net/image/crop-image-photo-cut-online-free, либо загрузите изображение с жесткого диска.
2. При помощи сетки выберите нужную область.
3. Под фотографией будут изменяться значения ее высоты и ширины.
4. В этом сервисе вы можете выбрать разрешение равной пропорции, поставив галочку в квадратике под фото, и обрезанное изображение будет иметь равные стороны.
5. Нажмите Cut (“Обрезать”), и на следующей странице вы увидите результат проделанной работы, который сможете скачать.

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

Dithering (Дизеринг)

Так как GIF-файлы содержат ограниченное количество цветов, вы можете имитировать недостающие цвета доступными при помощи сглаживания. Для этого в меню Dithering (Дизеринг) необходимо выбрать один из алгоритмов. Метод Diffusion (Случайный) предназначен для регулирования количества смешения. Методы Pattern (Регулярный) и Noise (Шум) не предназначены для этого. Чем больше сглаживание на изображении, тем больше будет размер файла. Смешение добавляет разноцветные пиксели вблизи друг от друга для имитации вторичных цветов или гладких градаций в цвете. Чтобы получился хороший результат, некоторые изображения должны содержать сглаживание. Но если вы хотите сохранить маленький размер файла, то сглаживание нужно использовать как можно меньше.