Запустить email-рассылку Создайте письмо за 15 мин
Советы

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

Гид по созданию и форматированию GIF-картинок

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

Гифки используют интернет-маркетологи, smm-специалисты, преподаватели и HR-ы для решения своих задач:

  • Объяснить новичку как пользоваться сервисом. 
  • Проиллюстрировать статью в блоге.
  • Вставить иллюстрацию в email. 
  • Привлечь внимание пользователей в ленте социальной сети. 
  • Добавить наглядности в продвижение услуги.

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

Гифка помогла дать инструкцию к формуле без длинного ТЗ и описания

Гифка помогла дать инструкцию к формуле без длинного ТЗ и описания

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

Возможны следующие сценарии создания GIF:

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

Если есть задача превратить контент YouTube в GIF, можно воспользоваться двумя способами:

1. Конвертировать с помощью подстановки в url текста «gif»

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

Как сделать гифку. Сервисы для работы с анимацией на компьютере и телефоне 2
В адресной строке браузера добавьте GIF перед YouTube

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

Окно настройки с предпросмотром будущей гифки

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

Готовую GIF можно скачать, расшарить в соцсетях или отправить ссылкой
Готовую GIF можно скачать, расшарить в соцсетях или отправить ссылкой

Минусы способа: 

  • За отсутствие вотермарка придётся доплатить. 
  •  Видео должно быть не более 15 минут.

2. Записать скринкаст экрана и затем конвертировать в gif 

Более трудоёмкий способ с привлечением нескольких сервисов, но качество готовой гифки будет лучше. 

Для записи экрана можно использовать встроенные функции MacOs или Windows (комбинация Win+G), расширения браузера (Рекордер, Droplr, Nimbus) или специализированные программы для компьютера (Licecap, Gifcam).

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

О сервисах, которые конвертируют готовое видео в GIF, речь пойдёт в следующем разделе.

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

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

Что это. Онлайн-программа для конвертирования видео в gif формат. 

Условия. Бесплатно. 

Возможности. Редактирование гифки: время начала и окончания, размер, добавление текста, скорость воспроизведения. 

Язык. Английский.

В интерфейсе Ezgif можно просмотреть гифку, отредактировать и сохранить
В интерфейсе Ezgif можно просмотреть гифку, отредактировать и сохранить

Что это. Онлайн-программа для конвертирования видео в gif формат. Также есть мобильное приложение, чтобы создать гифки на телефоне. 

Условия. Бесплатно, требуется регистрация.

Возможности. Редактирование гифки: обрезка, наложение текста, стикеров, фильтров. 

Язык. Английский.

Окно предпросмотра и редактирования gif в Giphy
Окно предпросмотра и редактирования gif в Giphy
Гифку, создали в сервисе Giphy

Кстати, в сервисе Giphy можно загружать и редактировать уже готовые гиф-изображения. Например, чтобы поделиться GIF по ссылке, вставить код на сайт, расшарить в Facebook и Instagram. Для этого перейдите в раздел Upload и следуйте инструкциям.

Что это. Онлайн-программа для конвертирования видео в gif формат. 

Условия. Бесплатно. Для удаления водяного знака и некоторых дополнительных функций требуется платная подписка — $12 в месяц.   

Возможности. Редактирование гифки: добавить текст и стикеры, замедлить или ускорить. 

Язык. Английский.

Интерфейс редактирования гифки в MakeAGif
Интерфейс редактирования гифки в MakeAGif
Гифки в Makeagif получаются высокого качества, но тяжелыми

Что это. Онлайн-программа для конвертирования видео в gif формат. 

Условия. Бесплатно, требуется регистрация.

Возможности. Редактирование гифки: обрезка, наложение текста, стикеров, блюра, зацикливание. 

Язык. Английский.

За удаление вотермарка придётся перейти на платную версию
За удаление вотермарка придётся перейти на платную версию
Гифки, созданные в Gifs, лёгкие и качественные
Гифки, созданные в Gifs, лёгкие и качественные

Что это. Программа с установкой на компьютер: помимо множества функций есть возможность конвертирования видео в GIF формат. 

Условия. Требуется покупка ПО.   

Возможности. Редактирование длительности гиф, добавление изображений и текста. 

Язык. Более 10 языков, включая английский и русский.

Чтобы сделать гифку в Photoshop, в меню программы выберите «Импортировать кадры видео в слои» («Import – Video frames to layers»)
Чтобы сделать гифку в Photoshop, в меню программы выберите «Импортировать кадры видео в слои» («Import – Video frames to layers»)

После импорта нарезку из слоев нужно сохранить: «Экспортировать» → «Сохранить для web».

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

Чтобы создать гифку из нескольких картинок, подойдут следующие сервисы:

Что это. Онлайн-сервис для конвертирования изображений в gif формат. 

Условия. Бесплатно. Есть вотермарк на полученной гифке.

Возможности. Настройка длины и последовательности изображений.  

Язык. Английский.

Из трёх статичных изображений собрали гифку
Из трёх статичных изображений собрали гифку

Из трёх статичных изображений собрали гифку

Что это. Уже упоминаемый онлайн-сервис способен создавать GIF из нескольких изображений. 

Условия. Бесплатно. Есть вотермарк на полученной гифке.

Возможности. Настройка длины и последовательности изображений. Добавление текста, эффектов, фильтров. 

Язык. Английский.

Интерфейс Ezgif позволяет загружать и обрабатывать до 2 000 изображений
Интерфейс Ezgif позволяет загружать и обрабатывать до 2 000 изображений

Интерфейс Ezgif позволяет загружать и обрабатывать до 2 000 изображений

Что это. Онлайн-программа, чтобы создать гифки из фотографии. Также есть мобильное приложение для конвертации GIF на телефоне. 

Условия. Бесплатно, требуется регистрация.

Возможности. Редактирование фото в гиф: обрезка, наложение текста, стикеров, фильтров. 

Язык. Английский.

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

Где найти готовую гифку

Готовые библиотеки GIF-изображений можно найти в специальных сервисах или добавлять свои анимации для продвижения: 

Giphy.com. Огромная база готовых гифок, разделённых на категории. Есть поиск по словам, тегам. Большинство гифок без водяного знака. Искать гифки можно и в мобильном приложении giphy. 

Gifpal.com. Библиотека GIF-изображений, созданных пользователями в сервисе. Работает поиск по новизне и популярности. 

Makeagif.com. База готовых гифок, собранных по категориям, популярности, новизне. Также можно искать GIF по ключевым словам. 

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

Tenor.com. Библиотека гиф-анимаций по тегам и ключевым словам.

Особенности гифок

1. При создании GIF следует учитывать место размещения. Например, проверять размер и вес готовой модели. Если хотите добавить GIF в рассылку, учитывайте, что не все платформы отобразят ее нормально.

Гифка свыше 1 Мбайт будет долго грузиться на сайте, в рассылке и в социальных сетях. А пользователи с медленным интернетом и вовсе могут пролистнуть её. Чтобы повысить скорость загрузки, GIF сжимают в специальных сервисах: Ezgif, Iloveimg, GifCompressor и Compressor

2. GIF-формат нельзя приостановить или перемотать. Для длинных инструкций стоит использовать видео — например, сделать скринкаст.

3. GIF поддерживает прозрачность, в отличии, например, от jpeg.

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

Комментарии