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

26.07.2021

Что может быть лучше весёлой гифки? Она развеселит загрустившего друга в переписке. Разбавит скучную статью. Привлечёт внимание в бизнес-аккаунте. Одним словом — вещь. В этой статье мы расскажем про создание GIF, особенно акцентируем внимание на том, как сделать гифку онлайн.

GIF (Graphics Interchange Format) — это растровый формат анимированного изображения, который существует уже более тридцати лет. Во времена зарождения интернета это был, по сути, единственный формат для анимации. Времена идут, технологии развиваются, а GIF до сих пор не просто существует, а остаётся популярным видом контента.

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

Для чего же используют гифки? Область использования очень широкая. Приведём несколько примеров:

  1. Демонстрация продукта. В интернет-магазинах или в соцсетях при анонсах новых продуктов важно показать товар с разных сторон. Конечно, можно сделать фотографии с разных ракурсов, но анимированное изображение будет выглядеть куда эффектнее. 
  2. Рекламный баннер с анимацией. Любой движущийся предмет заставляет человека обратить на него внимание. Этот природный бонус используют маркетологи, чтобы привлечь внимание к информации. Особенно это работает с рекламными баннерами. Достаточно сделать динамичным только один предмет и весь баннер начинает привлекать внимание. Вот, например, такой баннер:
  3. Вступление в email-рассылке. Письма в рассылке редко открывают, поэтому, если его всё-таки открыли, нужно немного развлечь читателя. Не дать ему закрыть письмо сразу. Для этого можно использовать гифку с шуточным или просто позитивным наполнением. 
  4. Замена видео. Динамику на сайте или в письме можно создать и с помощью простого видео. Однако у него есть один минус ― большой вес. Видео в более-менее хорошем качестве весит много. GIF-ку же можно сжать, и при этом её качество не сильно потеряется. Благодаря маленькому весу они занимают меньше места на серверах владельцев сайтов, а странички для пользователей загружают контент быстрее.

Как создать GIF-анимацию

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

Как создать гиф анимацию из видео

Convertio

Если у вас есть видео, его можно просто конвертировать в формат gif. 

С этой задачей справится сервис Convertio. Это в целом хороший сайт для конвертации любых форматов. Например, он может преобразовать ai формат в svg. Для удобства сервис можно установить в виде расширения в браузере Google Chrome. Чтобы преобразовать видео:

  1. Загрузите файл на сайт.
  2. Выберите формат, в который нужно преобразовать документ.
  3. Нажмите на кнопку Конвертировать:

Осталось только скачать готовый файл. 

Минус этого сервиса ― нельзя редактировать гифку. Сервис работает только как конвертер. 

Ezgif

Больше возможностей редактирования есть у сервиса Ezgif. Сайт англоязычный, поэтому придётся довольствоваться латиницей или забавным переводом от браузера.

  1. Нажмите Video to GIF (Видео в GIF).
  2. Загрузите видео в формате mp4.
  3. Нажмите Upload video! (Загрузите видео!).
  4. Подождите, пока система конвертирует файл. 

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

Минусы:

  • Работать с кадрами неудобно. На экране они очень маленькие и разобрать что где практически невозможно. Редактирование происходит вслепую.
  • Сервис не может конвертировать видео больше 1 минуты. 

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

Конвертировать видео в гифку легко. Куда сложнее создать гиф из картинок. Рассмотрим разные по функционалу сервисы и попробуем с их помощью сделать гифки для разных задач. Создать 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:

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

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

В YouTube много видеоконтента и любое понравившееся видео можно превратить в GIF-анимацию. Сделаем вот такую гифку:

Для этого:

  1. Откройте видео, которое хотите преобразовать в анимацию.
  2. В адресной строке к URL ролика добавьте «gif». Например, адрес нашего видео https://www.youtube.com/watch?v=vrLu-gdkG6I. Добавим «gif». У нас получилась вот такая ссылка: https://www.gifyoutube.com/watch?v=vrLu-gdkG6I
  3. Нажмите Enter.
  4. Вы попадёте на сайт gifs.com, где уже обработается выбранное вами видео.
  5. Теперь вы можете обрезать видео, добавить наклейки, надписи, эффекты.
  6. Чтобы сохранить гифку, нажмите Create Gif:
  7. Появится окошко настроек, где можно изменить название, добавить теги, звук, убрать водяной знак.
  8. Нажмите Next:
  9. Нажмите Download:
  10.  К сожалению, скачать гифку без регистрации нельзя, поэтому перед скачиванием вас попросят зарегистрироваться или авторизоваться. 

Готово, гифка на вашем компьютере.

Минусы:

  • только англоязычная версия сервиса. Браузер переводит страницу очень плохо.
  • преобразовать можно только видео с YouTube.
  • анимация скачивается с водяным знаком. Без водяного знака можно скачать только на платной версии сервиса, которая стоит 1,99$ в месяц.
  • скачать GIF может только зарегистрированный пользователь. 

Так что сделать гифку несложно, всё зависит от вашей креативности. Выберите подходящий сервис и творите.