Как сделать гифку. Сервисы для работы с анимацией на компьютере и телефоне
Читайте нас в Telegram
Рассказываем про инструменты для email-рассылок. Обсуждаем лучшие примеры и механики. Говорим о деньгах. Публикуем вакансии.
GIF — это анимированное изображение, которые не нужно включать или выключать как видео, но при этом оно передаёт суть контента в наглядном виде.
Гифки используют интернет-маркетологи, smm-специалисты, преподаватели и HR-ы для решения своих задач:
Я часто использую GIF для материалов блога и коммуникации с командой маркетинга или другими отделами. Простая и динамичная картинка помогает быстрее донести информацию.
Гифка помогла дать инструкцию к формуле без длинного ТЗ и описания
В этой статье расскажу подробнее: как сделать гифку с нуля, как конвертировать ее из видео, как собрать из нескольких изображений, как редактировать готовые гиф.
Возможны следующие сценарии создания GIF:
Как сделать гифку из видео на YouTube
Если есть задача превратить контент YouTube в GIF, можно воспользоваться двумя способами:
1. Конвертировать с помощью подстановки в url текста « gif »
Гифка получается очень быстро, можно выделить любой фрагмент видео. Из минусов — среднее качество готовой гифки.
После перехода откроется сервис настройки будущей гифки на платформе Gifs.com : в нем можно выбрать диапазон видео, добавить текст и обрезать файл.
На следующем этапе можно убрать водяной знак сервиса (доступно только в платной версии) и сохранить GIF. Можно поделиться готовой гифкой по ссылке, отправить по email или вставить на сайт через код.
2. Записать скринкаст экрана и затем конвертировать в gif
Более трудоёмкий способ с привлечением нескольких сервисов, но качество готовой гифки будет лучше.
На MacOS видео экрана записывается с помощью комбинации shift+command+5. Можно выключить звук, снимать только выделенный фрагмент монитора и сохранять готовое видео на компьютер.
О сервисах, которые конвертируют готовое видео в GIF, речь пойдёт в следующем разделе.
Как сделать гифку из готового видео
Для конвертирования готового видео в GIF можно выбрать онлайн-сервис, программы для компьютера или мобильные приложения.
Ezgif.com
Что это. Онлайн-программа для конвертирования видео в gif формат.
Возможности. Редактирование гифки: время начала и окончания, размер, добавление текста, скорость воспроизведения.
Giphy.com
Что это. Онлайн-программа для конвертирования видео в gif формат. Также есть мобильное приложение, чтобы создать гифки на телефоне.
Условия. Бесплатно, требуется регистрация.
Возможности. Редактирование гифки: обрезка, наложение текста, стикеров, фильтров.
Кстати, в сервисе Giphy можно загружать и редактировать уже готовые гиф-изображения. Например, чтобы поделиться GIF по ссылке, вставить код на сайт, расшарить в Facebook и Instagram. Для этого перейдите в раздел Upload и следуйте инструкциям.
Makeagif.com
Что это. Онлайн-программа для конвертирования видео в gif формат.
Возможности. Редактирование гифки: добавить текст и стикеры, замедлить или ускорить.
Gifs.com
Что это. Онлайн-программа для конвертирования видео в gif формат.
Условия. Бесплатно, требуется регистрация.
Возможности. Редактирование гифки: обрезка, наложение текста, стикеров, блюра, зацикливание.
Photoshop
Что это. Программа с установкой на компьютер: помимо множества функций есть возможность конвертирования видео в GIF формат.
Условия. Требуется покупка ПО.
Возможности. Редактирование длительности гиф, добавление изображений и текста.
Язык. Более 10 языков, включая английский и русский.
После импорта нарезку из слоев нужно сохранить: «Экспортировать» → «Сохранить для web».
Как сделать гифку из фото
Чтобы создать гифку из нескольких картинок, подойдут следующие сервисы:
Gifpal.com
Что это. Онлайн-сервис для конвертирования изображений в gif формат.
Условия. Бесплатно. Есть вотермарк на полученной гифке.
Возможности. Настройка длины и последовательности изображений.
Из трёх статичных изображений собрали гифку
Ezgif.com
Что это. Уже упоминаемый онлайн-сервис способен создавать GIF из нескольких изображений.
Условия. Бесплатно. Есть вотермарк на полученной гифке.
Возможности. Настройка длины и последовательности изображений. Добавление текста, эффектов, фильтров.
Интерфейс Ezgif позволяет загружать и обрабатывать до 2 000 изображений
Giphy.com
Что это. Онлайн-программа, чтобы создать гифки из фотографии. Также есть мобильное приложение для конвертации GIF на телефоне.
Условия. Бесплатно, требуется регистрация.
Возможности. Редактирование фото в гиф: обрезка, наложение текста, стикеров, фильтров.
Где найти готовую гифку
Готовые библиотеки GIF-изображений можно найти в специальных сервисах или добавлять свои анимации для продвижения:
Giphy.com. Огромная база готовых гифок, разделённых на категории. Есть поиск по словам, тегам. Большинство гифок без водяного знака. Искать гифки можно и в мобильном приложении giphy.
Gifpal.com. Библиотека GIF-изображений, созданных пользователями в сервисе. Работает поиск по новизне и популярности.
Особенности гифок
1. При создании GIF следует учитывать место размещения. Например, проверять размер и вес готовой модели. Если хотите добавить GIF в рассылку, учитывайте, что не все платформы отобразят ее нормально.
2. GIF-формат нельзя приостановить или перемотать. Для длинных инструкций стоит использовать видео — например, сделать скринкаст.
3. GIF поддерживает прозрачность, в отличии, например, от jpeg.
4. GIF — наиболее популярный формат для анимированных изображений в маркетинге, его воспроизводят все браузеры. Можно не бояться, что пользователи не увидят динамичную иллюстрацию. Вот как используют GIF (и другие приемы) в дизайне email-рассылок.
13 сервисов и программ для создания GIF: делаем контент динамичнее и интереснее
Собрали десктопное ПО и онлайн-инструменты, которые помогут вам сделать гифку из картинок и/или видео. Enjoy!
GIF-анимация нужна для того, чтобы сделать текст — в социальных сетях, рассылке или на сайте — более динамичным. С помощью гифок вы можете увеличить вовлечённость пользователей, повысить дочитываемость и кликабельность; возможно, это даже повлияет на лиды и продажи.
Большой плюс формата — в том, что это альтернатива коротким видео без звука, потому что не везде можно использовать громоздкие файлы. При этом качество остается довольно высоким.
В этой статье — обзор десктопных программ и онлайн-сервисов, с помощью которых вы сможете создавать GIF-анимацию из картинок и видео. По каждому инструменту — плюсы и минусы.
Автор статей по SMM, практикующий таргетолог, в прошлом — продакт-менеджер диджитал-проектов.
Как создать гифку из изображений
Adobe Photoshop
Adobe Photoshop — профессиональная программа для работы с изображениями. Но в ней также можно создавать гифки.
Чтобы сделать анимированную GIF, нужно:
2. Загрузить туда все изображения, которые будут участвовать в анимации. Учтите, у каждого изображения должен быть собственный слой.
3. В меню «Окно» включить отображение панели «Шкала времени».
4. Создать нужную анимацию с помощью кнопки «Создать временную шкалу для видео».
5. Сохранить анимацию в формате GIF с помощью пункта меню «Сохранить для Web».
Gifovina
Gifovina — бесплатный онлайн-сервис, с помощью которого тоже можно создавать GIF из изображений.
Как сделать анимированную гифку:
1. Загрузить через «Добавить кадры» все изображения, которые будут участвовать в анимации.
2. В меню справа выбрать нужный размер, длительность кадров, анимацию (например, наезд слева направо).
3. Добавить, если нужно, фигуру и надпись в ней.
4. Нажать кнопку «Готово», чтобы завершить создание анимации.
GIF из видео
Если нужное видео загружено на YouTube, вы сможете создать из него GIF-анимацию. Для этого в адресной строке к URL нужного ролика просто добавьте «gif».
В открывшемся окне вы сможете указать временной диапазон анимации, добавить надписи, сделать стикер, обрезать края видео, добавить теги и многое другое.
Video To Gif Lab
Video To Gif Lab — онлайн-сервис, который позволяет конвертировать видео в GIF-анимацию. Для этого нужно сделать следующее:
1. На главной странице указать путь к видео на компьютере с помощью кнопки «Выберите файл» или перетащить его.
2. Нажать на кнопку Start Recording для загрузки видео в сервис.
3. Нажать на кнопку Stop Recording/Create GIF, чтобы сервис начал создавать саму гифку.
4. Если возле кнопки появится надпись rendering c количеством процентов, значит, конвертация началась.
5. После окончания конвертации под загруженным видео появится кнопка «Сохранить анимацию».
Online-convert
Online-convert — онлайн-конвертер, поддерживающий аудио, видео, изображения, документы и архивы. В том числе он может конвертировать видео и фото в GIF.
1. Загрузить видео в приложение с помощью кнопки «Выберите файл».
2. В разделе дополнительных настроек можно изменить размер и цвет или обрезать изображение.
3. Нажать на кнопку «Начать конвертирование», чтобы процесс пошёл.
4. После обработки видео откроется новое окно и файл автоматически загрузится. Если этого не произошло, нажмите на «Загрузить».
Camtasia Studio
Camtasia Studio — программа для работы с видео. В ней можно монтировать видеоролики, добавлять в них надписи и кнопки, записывать видео с экрана. В программе вы можете сохранить видео в GIF-формате.
2. Загрузить туда одно или несколько видео, которые будут участвовать в анимации. Если нужно, добавить в них надписи или кнопки.
3. Для сохранения видео в GIF нажать на кнопку Share.
Как создать гифку бесплатно и без регистрации: 9 онлайн-сервисов
Время чтения: 9 минут Нет времени читать? Нет времени?
Тот, кто придумал гифки, должен попасть в рай без очереди. В тему подобранные анимированные картинки оживят любой контент.
И самое крутое, что их можно легко сделать самостоятельно, из любых изображений или видео.
Здесь собрано 9 онлайн-сервисов для создания gif-изображений. На самом деле их гораздо больше, но я отбирала самые удобные. С интуитивно понятным интерфейсом, без кучи всплывающих окон. Сохраните эту подборку себе, чтобы не потерять.
Как сделать гифку из видео с YouTube
YouTube to GIF
Очень простой и изящный способ. Не нужно даже заходить на сервис из поиска или вкладок. Просто добавьте «gif» в адрес видео, вот сюда:
Вас перебросит на зарубежный сервис YouTube to GIF. Нужное видео сразу открывается в интерфейсе.
Выберите нужный отрезок. При желании добавьте эффекты с панели слева. Я добавила текст (Caption). Меню на английском, но все быстро осваивается методом тыка.
Нажмите Create Gif. Появится окошко настроек, где можно изменить название, добавить теги, звук, водяной знак и сделать гифку приватной (это значит, что ее не увидят другие пользователи сервиса).
Готово! Скачиваем гифку и пользуемся.
Скачивать результаты своих трудов могут только зарегистрированные пользователи. Если вам лень регистрироваться в сервисе, можно открыть ссылку в поле «Direct Link» в новой вкладке и скачать гифку прямо из браузера.
Вместо «gif» в адресе видео можно добавлять «conv». Вас перебросит на сервис Conv., а затем, при нажатии на «Конвертировать Gif» – на YouTube to GIF. То же самое, но в профиль.
Giphy GIF Maker
Очень простой и удобный сервис для создания гифок из видео, взятого с YouTube. Чтобы им воспользоваться, скопируйте ссылку на видео, вставьте ее в строку поиска на главной странице сайта, и сервис автоматически начнет загружать видео:
Как только видео загрузилось, выберите нужный вам отрезок видео. Giphy тут же покажет вам, как будет выглядеть ваша будущая гифка:
Нажмите «Continue to Decorate», чтобы добавить надписи, стикеры или фильтры к вашему gif-изображению.
Если в этом нет необходимости, кликайте на «Continue to Upload». Добавляем теги или же сразу переходим к шагу «Upload to GIPHY».
Готово! Получившуюся гифку можно скачать к себе, расширить в соцсетях или вставить на сайт с помощью embed code.
Недостатки сервиса:
Гифки – замечательный развлекательный формат контента, но только один из многих. Для эффективного продвижения в социальных сетях нужен разнообразный контент и комплексный подход: от разработки стратегии до работы с комьюнити.
Как сделать гифку из загруженного видео
Convertio
Удобный конвертер файлов в разных форматах. Доступен также в виде расширения в Google Chrome.
Работать с ним просто:
Photoshop
Если вы не хотите, чтобы на видео присутствовали логотипы сторонних сервисов, можно воспользоваться фотошопом. Даже если у вас нет опыта работы в этой программе, у вас все получится – просто следуйте инструкции ниже.
После изменения размера гифки и уменьшения диапазона цветов вес уменьшился до 2,425 мегабайт. Этот вес уже считается нормальным.
Как сжать гифку до нужного размера и веса
Воспользуйтесь бесплатным онлайн-сервисом ezgif.com. Вы можете перевести видео в гифку и сразу ее отредактировать. Максимальный размер для загрузки видео – 100 МБ, для загрузки гифки – 35 МБ.
После загрузки ролика у вас появится окно настройки. В верхнем сайд-баре можно настроить масштабирование, скорость, наложить текст или порезать хронометраж. Это полезно, если вам нужно использовать только определенную часть для гифки/видео.
Я взяла стоковое видео в разрешении 1920×1080, которое весило около 50 мегабайт. Цель – сжать до 3-5 мегабайт для размещения в этой статье.
До начала конвертации в гифку выберите нужный размер итогового файла: чем меньше ширина, тем меньше вес. Укажите количество кадров в секунду: чем больше кадров, тем короче гифка. Метод сжатия можно не трогать, но если после всех манипуляций у вас не получится снизить вес – поиграйте с его настройками.
Я выбрала ширину в 400 пикселей, указала 10 кадров в секунду и включила оптимизацию заднего фона.
В результате получилась гифка весом 6,5 МБ. Чтобы снизить вес нажимаем на кнопку Optimize. Также вы можете наложить эффекты, изменять скорость, кадрировать и вырезать лишнее.
В настройках оптимизации можно уменьшить гифку разными методами. Например, порезать количество цветов, кадров или скомпрессовать.
Я выбрала компрессию, выставив в ползунке средний уровень сжатия.
Вы можете по-разному настраивать размеры и вес гифки: где-то оставлять большое разрешение и жертвовать количеством кадров и цветов, а где-то уменьшать размер, чтобы сохранить максимум визуальной информации. Все зависит от поставленных задач.
Вот вариант с шириной 800 пикселей, где я сократила количество кадров, оптимизировала компрессию и ускорила время воспроизведения.
Как создать гифку из записи экрана
Licecap
Приложение Licecap позволяет выделить любую часть экрана и сделать из нее гифку. Большой плюс этой программы заключается в том, что она может записывать не только в браузере, но и в любой другой программе. Вот, например, гифка, записанная мною в ворде.
Gifcam
Инструмент работает по такому же принципу, как и Licecap, но имеет более современный интерфейс. В принципе, это единственное отличие.
Как создать гифку из картинок
Brush Ninja
Стильный и удобный сервис для создания гифок из собственных рисунков. Минимализм сейчас в моде, так что этот сервис будет актуален.
Нарисуйте что-нибудь. 1 рисунок = 1 экран.
Добавьте новый экран (опция New Frame) и опять нарисуйте что-нибудь. И так далее. Количество экранов, похоже, не ограничено – я доходила до 50 шт. Для гифки этого более чем достаточно. В настройках можно выбирать цвет экрана, выбирать скорость смены слайдов, а также использовать изображения из галереи Brush Ninja.
Чтобы использовать свои картинки, придется проспонсировать разработчика. Cервис изначально создавался в некоммерческих целях, как хобби, но полный функционал доступен только спонсорам проекта. Стать спонсором можно, отправив донат через сервис Patreon или купив фирменную футболку от Brush Ninja.
Чтобы сохранить гифку, используйте опцию Export. Появится окно, где можно выбрать формат сохранения. Нас вполне устроит Animated Gif.
Вот как это выглядит:
Работает только с собственноручно нарисованными или загруженными из галереи картинками (в бесплатной версии).
Ezgif
Еще один сервис для создания гифок, но уже не из видео, а из изображений. Несмотря на то, что он на английском языке, разобраться в нем достаточно легко. Ezgif позволяет добавлять текст к гифке, плюс различные визуальные эффекты. Свой логотип к изображению не добавляет.
Gifovina
Аналог предыдущего сервиса, но с небольшими визуальными «плюшками» – к изображениям можно добавлять забавные диалоговые пузыри и видеоэффекты наподобие тех, что доступны в «Киностудии» и Windows Movie Maker.
Пример гифки, созданной с помощью этого сервиса:
Canva
Этот сервис требует регистрации, но зато и функций предлагает немало. Canva не ставит водяной знак на картинку и не урезает качество фото, долго хранит готовые работы. Интересно, что сервис можно использовать и в команде: доступ по ссылке дает возможность любому специалисту внести корректировки в документ.
Внимательным читателям! Дарим скидку 10 % на оплату любого тарифа курса «Коммерческий автор» от онлайн-университета TeachLine. Чтобы активировать скидку, используйте промокод AVTOR при оплате.
Кстати, мы готовы помочь с созданием визуального контента в рамках работ по комплексному продвижению в интернете. Услуга включает подготовку инфографики, white paper, картинок для соцсетей и многое другое.
