Как сделать gif-анимацию самостоятельно: бесплатные сервисы

s
Как сделать gif-анимацию самостоятельно: бесплатные сервисы

«Взбодрить» профессиональную статью или объемную email-рассылку, объяснить специализированные термины, привлечь внимание к рекламному посланию или развлечь подписчиков в социальных сетях — с этими задачами легко справится гиф-анимация. Чтобы «живой» контент работал на вас, про гифки со стоков придется забыть и научиться создавать их самостоятельно под ваши цели. В этом материале мы покажем вам бесплатные способы создания gif из видео, изображений и записи экрана.

Лось-маркетолог гиф

Один день из жизни нашего лося-маркетолога. Эту гифку он сделал сам:-)

Содержание

1. Как сделать gif из видео

2. Как сделать gif из картинок

3. Как сделать gif из записи экрана

Как сделать gif из видео

Giphy GIF Maker

Giphy — популярная и простая в работе платформа для создания gif. В этом сервисе можно делать анимации из видеофайлов, YouTube-роликов, нескольких готовых гифок и из картинок. Доступны бесплатные анимированные стикеры и шрифты, фильтры и кисти для рисования — это поможет «украсить» вашу гифку. Платформа незаменима и для поиска вдохновения — здесь собрана коллекция анимаций по тематикам «Эмоции», «Развлечения», «Стикеры».

Чтобы создать gif из видео, загрузите свой видеофайл в сервис. 

Загрузите видео

Загрузите видео с компьютера

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

Обрежьте видеоролик

Обрежьте видеоролик

Займитесь «декором» вашей анимации — добавьте текст, стикеры, фильтры или нарисуйте что-то свое, затем нажмите «Continue to Upload».

Выбор шрифта и типа анимации

Для надписи можно выбрать шрифт и тип анимации

Затем нажмите «Upload to Giphy» → «Media», выберите формат gif, mov, или mp4 и сохраните анимацию. Также вы можете расшарить ее в соцсети или сразу добавить на сайт или в блог.

Источник видео и теги

Перед тем, как сохранить, вы можете указать источник видео и добавить теги

Готовая гифка в Giphy

Важно! Сервис поддерживает загрузку видеофайлов до 60 секунд.

Создание анимации из видео с YouTube или Vimeo, из изображений или gif аналогичны рассмотренным этапам создания анимации из видеофайла с вашего компьютера.

Сайт сервиса: giphy.com

Ezgif

В Ezgif доступно конвертирование видео в gif и обратно, создание анимации из картинок и работа с базовыми инструментами редактирования — добавление текста, фильтров, рамок, эффектов анимации. 

Чтобы конвертировать видео в gif, нажмите «Video to GIF» на верхней панели сервиса и загрузите свое видео.

Загрузка видео в Ezgif

Загрузка видео в Ezgif

После этого откроется страница, где нужно выбрать продолжительность анимации, размер и частоту кадров, затем нажать «Convert to GIF».

Выбор продолжительности анимации, размера и частоты кадров

Выбор продолжительности анимации, размера и частоты кадров

Ваша анимация готова! Теперь вы можете сохранить ее или продолжить редактирование — изменить скорость, добавить текст, наложить эффекты.

Сохранение анимации в Ezgif

Сохранение анимации в Ezgif

Готовая анимация Ezgif

Для того чтобы создать анимацию из картинок, необходимо иметь в виду, что они должны быть одинакового размера. Также если в вашей подборке есть изображения с прозрачным фоном, выберите «don't stack frames» после загрузки изображений в сервис, чтобы они не накладывались друг на друга. В остальном — порядок аналогичен описанному выше. 

Эффект «don't stack frames»

Эффект «don't stack frames» для изображений в формате png

Сайт сервиса: ezgif.com

YouTube to GIF

Для того чтобы конвертировать видео с YouTube в этом сервисе, не нужно специально в него заходить — добавьте в адресную строку ютуба «gif», и вы автоматически попадете в сервис YouTube to GIF.

Прописать «gif»

Прописать «gif» нужно здесь

В открывшемся окошке обрежьте видео, если хотите, добавьте анимированные стикеры, текст, графические эффекты. Когда все будет готово, нажмите «Create GIF».

Редактирование анимации в YouTube to GIF

Редактирование анимации в YouTube to GIF

Придумайте название и добавьте теги для вашей гифки. Также на этом этапе вы можете выбрать статус «Private», чтобы вашу анимацию не видели другие пользователи сервиса.

Нажмите «Next», чтобы завершить создание гиф

Нажмите «Next», чтобы завершить создание гиф

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

Нажмите кнопку «No thanks», чтобы отказаться от покупки

Нажмите кнопку «No thanks», чтобы отказаться от покупки

Чтобы скачать анимацию, нажмите «Copy» в строке «DIRECT LINK», вставьте ссылку в новой вкладке браузера и сохраните гифку правой кнопкой мыши. Второй способ — нажмите кнопку «Download», зарегистрируйтесь в сервисе, затем скачайте гиф.

Сохранение анимации в сервисе «YouTube to GIF»

Сохранение анимации в сервисе «YouTube to GIF»

Convertio

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

Видео-конвертер в Convertio

Видео-конвертер в Convertio

Недостаток этого сервиса в том, что видео нельзя отредактировать — сократить продолжительность, изменить размер, добавить текст или стикеры. После загрузки видео выберите формат GIF, нажмите кнопку «Конвертировать», затем кнопку «Скачать».

Convertio создание GIF

Convertio создание GIF

Два шага в Convertio для создания GIF

Готово! Анимация сохранена на вашем компьютере.

Сайт сервиса: convertio.co/ru/video-converter

Hnet. Video to GIF

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

Нажимаете кнопку «Upload a Video», загружаете файл с компьютера, выбираете время начала и конца анимации, ширину и высоту файла, количество кадров в секунду, затем конвертируете видео кнопкой «Convert Now».

Создание анимации в Hnet. Video to GIF

Создание анимации в Hnet. Video to GIF

Чтобы скачать готовую анимацию, нажмите «Download».

Кнопка «Download»

Кнопка «Download» появится после того, как видео сконвертируется

Сайт сервиса: hnet.com/video-to-gif


Как сделать gif из картинок

Gifovina

Удобный сервис для cоздания гиф из изображений с интересными «плюшками» — на картинки можно добавлять выноски и «пузыри» с текстом, а также настраивать эффекты перехода изображений.

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

Создание gif в Gifovina

Создание gif в Gifovina

Откроется окошко, где вы сможете скачать gif.

Сохранение gif на компьютер

Сохранение gif на компьютер

Готовый gif в Gifovina

Сайт сервиса: http://gifovina.ru/

Brush Ninja

Сервис с необычным функционалом — создает гиф из ваших же рисунков. Если вы неплохо рисуете в Paint’e, вам будет удобно работать и в этом сервисе.

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

Создание анимации в Brush Ninja

Создание анимации в Brush Ninja

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

Настройки Brush Ninja

Настройки Brush Ninja

Выбор фона для анимации

Выбор фона для анимации

Добавьте столько рисунков, сколько вам необходимо, затем нажмите «Export». Чтобы сохранить анимацию в формате «gif», нажмите «Animated gif», затем «Save». Готово!

Сохранение анимации в Brush Ninja

Сохранение анимации в Brush Ninja

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

Brush Ninja готовая гифка

Сайт сервиса: brush.ninja

FreeGifMaker

Простой сервис для создания гиф из ваших изображений. Загрузите фотографии, если нужно, поменяйте их порядок, размер и скорость анимации, затем нажмите «Create Gif» и «Save to disk». Ваша анимация сохранена на компьютере!

На скриншотах вы можете посмотреть на пошаговый процесс.

Загрузка фотографий в FreeGifMaker

1. Загрузка фотографий в FreeGifMaker

Редактирование gif в FreeGifMaker

2. Редактирование gif в FreeGifMaker

Сохранение gif в FreeGifMaker

Сохранение gif в FreeGifMaker

Вы могли обратить внимание, что на верхней панели есть кнопка «YouTube to GIF». Это конвертер, в котором можно создать гифку из видео с YouTube за 3 простых шага: вставить ссылку на видео, указать нужную продолжительность и загрузить готовую анимацию на свой компьютер.

Сайт сервиса: freegifmaker.me

MiniMultik

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

В этом сервисе доступны функции:

  • редактирование параметров анимации — размер и расположение изображения, цвет фона, длина кадра;

  • добавление текста — выбор шрифта, расположение текста в кадре, размер и цвет шрифта, толщина и цвет обводки;

  • добавление эффектов для смены кадров.

Пошаговое создание анимации представлено на скриншотах ниже.

Загружаете картинки в сервис

Загружаете картинки в сервис

Редактируете будущую анимацию

Редактируете будущую анимацию

Создать анимацию

Возвращаетесь наверх и выбираете «Создать анимацию»

Смотреть анимацию

Открывается вот такое окошко, кликаете на призыв «Смотреть анимацию»

Сохраняете гифку на компьютер

Сохраняете гифку на компьютер

Сайт сервиса: minimultik.ru

Gifius

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

Вы просто перетаскиваете нужные изображения с вашего компьютера в сервис, если нужно, меняете пропорции,скорость анимации, порядок картинок, и нажимаете «Cкачать GIF». Готово!

Вся инструкция поместилась на двух скриншотах ниже.

Загрузка изображений в сервис Gifius

Загрузка изображений в сервис Gifius

Панель редактирования и сохранения gif

Панель редактирования и сохранения gif

Cайт сервиса: gifius.ru

Canva

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

Рассмотрим процесс создания анимации в Canva на примере оформления поста для группы ВКонтакте.

Нажмите «Создать дизайн» и выберите «Настраиваемые размеры», для баннера ВКонтакте установите 1100x600, затем снова нажмите «Создать дизайн».

Создание макета будущей анимации

Создание макета будущей анимации

Слева откроется панель редактирования. Нажмите на значок «Загрузки» и перетащите нужные изображения на поле, затем разместите их на страницах. Также вы можете добавить текст, анимированные стикеры, геометрические фигуры и т.д. 

Панель редактирования в Canva

Панель редактирования в Canva

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

Сохранение файла в Canva

Сохранение файла в Canva

Canva готовая анимация

Если у вас возникли вопросы по gif-анимации в Canva, прочитайте эту статью в блоге сервиса — здесь подробно освещены вопросы по созданию анимаций для презентаций, статей, соцсетей и т.д. Canva предоставляет широкие возможности для создания «живых» картинок. Дерзайте!

Сайт сервиса: canva.com/ru


Как сделать gif из записи экрана

Licecap

Это бесплатное приложение для захвата экрана и записи gif.

Чтобы начать запись, откройте приложение и поместите в рамку нужную область, затем нажмите «Record...». Когда закончите свой скринкаст, нажмите «Stop». Готово!

Интерфейс приложения Licecap 

Интерфейс приложения Licecap

Вот скринкаст, записанный с помощью Licecap.

Скринкаст, записанный с помощью Licecap

Скачать приложение можно здесь licecap.ru.softonic.com

GifCam

Еще одно бесплатное приложение для создания скринкастов. Чтобы сделать запись экрана, откройте приложение, захватите нужную область, нажмите «Rec», после нажмите «Save» и сохраните запись.

Интерфейс приложения GifCam

Интерфейс приложения GifCam

Скачать приложение можно здесь gifcam.ru.uptodown.com/windows/download

Recordit

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

Запись экрана в Recordit

Запись экрана в Recordit

Скачать приложение можно здесь recordit.co

Внимание! Facebook, Instagram, Twitter «не понимают» формат gif и считают анимации статичными картинками. Чтобы их «оживить», конвертируйте gif в mp4. 

Желаем удачи в создании анимированных картинок! Не забудьте поделиться своими успехами в комментариях:-)

# контент-маркетинг инструкции инструменты
Оцените материал:  
(0)

Наши менеджеры готовы прямо сейчас обсудить ваши задачи!

Игорь Баннюк

Игорь Баннюк

Марина Рыжикова

Марина Рыжикова

Юлия Пономаренко

Юлия Пономаренко

...
Позвоните нам или оставьте заявку на бесплатную консультацию,
мы ответим в течение 1 часа (в рабочее время) и расскажем, как мы сможем решить ваши задачи!

Обсудить задачу
Загрузка...