Андрей Смирнов
Время чтения: ~9 мин.
Просмотров: 2

Как сделать анимированный GIF из видео YouTube или своих изображений

С чего началось второе дыхание формата GIF, точно уже и не скажешь. Мне кажется, что всё началось с мегапопулярного сайта BuzzFeed, который сумел показать пример того, как анимированные гифки могут стать не только забавной иллюстрацией к статьям, но и занять центральное место в стратегии продвижения сайта. Как бы там ни было, но после длительного забвения сегодня анимированные картинки в формате GIF бъют все рекорды популярности. В Сети существует множество каталогов, где вы можете подобрать готовую гифку себе по вкусу. Но вполне можно не ограничиваться готовыми решениями и создать короткую анимацию самому. Из этой статьи вы узнаете про веб-сервисы, которые помогут вам это сделать.

LooGix.com

Screen-018-520x292.jpg

Замечательный ресурс, позволяющий создавать анимашки сразу несколькими способами. Во-первых, вы можете загрузить несколько картинок, указать длительность перехода между ними, и сервис склеит из них GIF. Для второго способа вам понадобится всего одно изображение, к которому будет применён один из десятков анимационных эффектов. Такой метод отлично подойдёт для создания оригинальной аватарки. И, наконец, третий способ заключается в создании анимации из указанного вами ролика YouTube.

Gickr

Screen-019-520x292.jpg

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

MakeaGIF

Screen-0110-520x292.jpg

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

ImgFlip

Screen-0111-520x292.jpg

Это единственный сервис, который требует регистрации, но это неудобство компенсируется его широкими возможностями. Вам предоставят возможность не только с точностью до десятых долей секунды определить продолжительность анимации, но и указать её размер, качество, время показа каждого кадра. Досадно только, что готовая работа будет снабжена небольшим логотипом сервиса, удаление которого возможно при покупке платного аккаунта.

GIFPal

Screen-0112-520x292.jpg

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

kak-sdelat-gifku-iz-video-na-jutub.jpg

В этой статье Вы узнаете, как сделать гифку из видео на Ютуб. Миллионы людей посещают этот сайт, но мало кто знает, что с видео на YouTube можно делать анимацию. Делается это просто, с помощью сервиса Gifs.

Вначале я расскажу, как сделать GIF анимацию с видео, а потом разберем арсенал инструментов сервиса Gifs.com. Кстати, есть еще один классный сервис, где можно редактировать Gif файлы, только с видео он не работает. Если Вам это интересно, тогда читайте статью, как быстро изменить GIF картинку. Там же Вы можете посмотреть и видео.

Как сделать гифку онлайн на Ютуб.

Откройте любое видео на YouTube, а затем в адресной строке допишите слово «gif», как это показано на картинке ниже.

kak-sdelat-gifku-iz-video-jutuba-2.jpg

Жмите «Enter», и Вас перекинет на сервис Gifs.com. Внизу, на временной шкале ролика, Вы увидите красный маркер. Кликните мышкой в любом месте этой шкалы, чтобы обозначить начало анимации.

kak-sdelat-gifku-iz-video-youtube.jpg

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

sdelat-gif-youtube.jpg

Можно время задать и вручную. Для этого надо в специальные поля, которые находятся под временной шкалой, ввести свое значение: Start Time и End Time. То есть начало и конец Gif анимации.

sdelat-gif-iz-video-jutub.jpg

Правее есть переключатель NSFW (Not safe for work), что означает «небезопасно для работы». Это можно понять так: не кликайте по этой картинке, если находитесь на работе, потому что ссылка этой картинки ведет на какой-то вульгарный контент, например, порно сайт, или вообще на какой-то вульгарный контент.

После того, как определитесь с выделенным фрагментом, жмите вверху «Create GIF». Появится форма, где нужно добавить:

  1. Заголовок для GIF анимации;
  2. Теги;
  3. Включить по необходимости тумблера: NSFW, добавить звук (SOUND) и логотип (WATERMARK). Но логотип добавить можно только на премиум тарифе. Да-да, не все функции на этом сервисе бесплатные.
sdelat-gifku-iz-video-onlajn.jpg

Да, и еще, на бесплатном тарифе, сохраненная анимация будет с логотипом Gifs.com. Жмем «Next» и переходим на следующую страницу, где также есть дополнительные настройки:

  1. Здесь мы можем своей картинкой поделиться в социальных сетях;
  2. Получить готовые ссылки на созданную картинку, а также получить код для встраивания картинки на сайт;
  3. Ниже есть тумблер «Toggle dark mode» для изменения темы.

Есть и дополнительные кнопки:

  • DOWNLOAD – скачать готовую анимацию на свой ПК;
  • REMIX – изменить Гифку;
  • RESIZE — позволяет изменить размер анимационной картинки;
  • MAKE A STICKERS – сделать наклейку. Но сколько я не жал на эту кнопку, она не работает;
  • REMOVE WATER MARK – удаляет водяной знак «gif.com».
sdelat-gifku-iz-video-onlajn-jutub.jpg

Вот в принципе и все. Таким образом можно быстро сделать Гифку из видео на Ютуб.

Как добавить эффекты на GIF анимацию

Корректировка

На сервисе есть дополнительные инструменты, с помощью которых можно на анимационную картинку накладывать разные эффекты. Эти инструменты Вы можете увидеть на странице редактора видео. Любой добавленный эффект, который Вам не понравится, можно удалить, нажав кнопку «Delete».

sdelat-gifku-onlajn-jutub.jpg

Caption – позволяет добавлять текст. Есть дополнительные инструменты, например: смена шрифта, изменение текста, выравнивание текста, толщина бордюра, прозрачность и другое.

kak-sdelat-gif-v-jutube.jpg

Sticker – добавить наклейку. Здесь можно выбрать готовую наклейку из набора, или загрузить свою. Есть и дополнительные инструменты, например, сделать наклейку немного прозрачной, или изменить ее размер.

kak-sdelat-gifku-v-jutube.jpg

Crop – обрезать. Изменить картинку можно с помощью мышки, перетаскивая маркеры по углам. Просто перетащите выделенную область до того места, где хотели бы обрезать. Все затемненные области будут удалены.

Padding – делает сверху картинки и снизу отступы. Размер отступа, а также его цвет можно задать вручную.

Blur – размытие. Можно сделать часть анимации размытым. Возможно это будет полезно в случае, если надо какой-то момент скрыть. Передвигая ползунок, можно менять интенсивность размытия. Там же можно задать и время действия этого эффекта. Не забывайте нажать «Save» для сохранения изменений.

Hue – добавляет оттенок. С помощью ползунка, можно менять цвет оттенка. Также можно задать промежуток времени для этого эффекта.

Invert – инвертирует цвета. Также можно задать определенный промежуток времени этому эффекту.

Saturation – насыщенность цветов. Перетаскивая ползунок влево или вправо, можно менять силу эффекта. Также задайте время его действия.

Flip vertical – повернуть по вертикали. Здесь Вы можете отобразить картинку не только по вертикали, но и по горизонтали.

Flip Horizontal – то же самое, что и Flip Vertical.

Ping Pong – анимация начинает проигрывать вперед, а затем назад. Там же можно посмотреть пример. Для получения этого эффекта, надо передвинуть тумблер в положение ON.

Wrap – позволяет замедлить или ускорить анимацию. Чтобы изменить скорость, надо переместить ползунок влево или вправо, а затем нажать «Save» для сохранения эффекта.

Sticker Maker – не работает пока, или уже.

Делать GIF анимацию можно не только из видео на YouTube, но и других источников, например, Instagram. Пробовал загружать с Rutube и Vimeo, но сервис загрузить ролики не смог. Загрузить видео можно и с компьютера, а затем сделать Gif.

Вы можете перейти на главную страницу gifs.com и вставить ссылку на ролик. А для загрузки видео с ПК, нажмите «Select file», или просто перетащите его с компьютера.

На Gifs.com есть и другие продукты, которые Вам могут понравиться:

  1. Gif Maker – инструмент для создания GIF файлов из роликов;
  2. Highlight — автоматически создает нарезку из лучших моментов Вашего видео на YouTube;
  3. GIF Player – можно встроить специальный плеер на сайт для проигрывания GIF анимации.
  4. Auto Gif Maker – находит лучшие моменты в ролике и создает из них Гиф анимацию;
  5. Personalized Gif – может пригодится при Email маркетинге.

Итак, подведем итоги: на сервисе Gifs.com, можно сделать не только Гифку из видео на Ютуб, но и добавлять к анимации множество эффектов.

Не забудьте почитать еще статью, как быстро изменить Gif картинку, ссылка на нее в самом начале статьи.

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

Предлагаю сразу перейти к практической части. Вы можете посмотреть мою короткую видео инструкцию:

Итак, выбираем видео, из фрагментов которого хотим сделать анимацию. Для примера я выбрала ролик с водопадом.

Чтобы перейти к созданию гиф из данного видео, добавляем в его ссылку, после www. текст «gif»:

kak-sdelat-gif-iz-video-na-yutub.png

Жмем «enter» и переходим к сервису gifyt creator, с помощью котрого создадим анимацию. Настроек здесь минимум и они интуитивно просты.

Для создания гиф используем ползунки на шкале времени. Первым «start time» определяем начало анимации, а вторым «duration» – продолжительность. Просто передвигаем их по шкале мышкой в нужные моменты видео.

sozdaem-animatsiyu-iz-video-servis-gifyt-creator.png

Также можем добавить надпись на нашу анимацию. Для этого в поле «Text» вписываем свой текст. Ниже ползунками можем задать его появление и исчезание, а также выбрать шрифт и цвет. Жмем по кнопке «Add caption», чтобы добавить надпись на гиф-анимацию.

dobavlyaem-nadpis-na-gif-animatsiyu.png

После того, как сделали все настройки, кликаем по кнопке «create gif». Немножко ждем (время создания зависит от продолжительности видео) и получаем свою анимацию.

gif-iz-video-na-yutub-kak-podelitsya.png

Как разместить гиф в статье на блоге?

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

И второй способ – воспользуемся кодом для вставки, который нам предлагает сервис gifyt creator. Скопируем его, зайдем в режим редактирования статьи, переключимся на вкладку «Текст» и добавим код гиф-анимации в нужное место.

kak-dobavit-gif-animatsiyu-na-svoy-sayt-cherez-kod.png

В плеере есть возможность просматривать анимацию со звуком и без. Смотрите сами, как он выглядит:

Друзья, теперь вы знаете практичный способ создания гиф из видео на Ютуб. Используйте его для своих статей на блоге и постов в соцсетях.

Желаю вам отличного настроения! И всегда рада обратной связи от вас.

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

С уважением, Виктория

Рейтинг автора
5
Подборку подготовил
Илья Коновалов
Программист и опытный пользователь интернета
Написано статей
179
Ссылка на основную публикацию
Похожие публикации