Делаем гифку из видео

Здравствуйте, уважаемые читатели!

Наверняка все вы видели гиф-картинки. Согласитесь, они привлекают внимание и вызывают интерес. Это может быть той изюминкой, которая выгодно выделит Вас в среде конкурентов. Гифки можно размещать в статьях на своем сайте, а так же использовать в рассылке.

b5-5

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

Выбираем видео.

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

b1-1

Теперь смотрим видео и решаем, какой его участок выделить под гиф-картинку. Пусть в моем примере это будет с начала и по 2-ю секунду.

Делаем саму гифку.

Дальше в адресе ролика перед youtube вписываем gif. 

b2-2

После этого жмем на клавиатуре Enter. Открывается новое окно. 

b3-3

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

b4-4

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

Ниже располагается код для вставки гифки, например, в статью на сайте. Еще ниже есть кнопка «Download GIF», нажав на которую, можно загрузить гиф-картинку к себе на компьютер.

Вставляем гиф-картинку  в статью.

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

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

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

С уважением, Владислав Заболотный.

Поделитесь статьей в соцсетях.

Комментарии (2) на “Делаем гифку из видео”

  • Привет, Владислав! Спасибо за интересную, как всегда. инфу. А не подскажешь ли, каков вес таких гифок?. Нет ли опасности перегрузить сайт?

    • Владислав Заболотный:

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

Оставить комментарий

Хотите зарабатывать?