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



Как можно легко и быстро сделать гиф анимацию из видео?



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

Так вот сейчас стало часто попадаться небольшие фрагменты из фильмов или видеороликов. Очень прикольно и весит мало. Мне самому стало интересно, как это всё проделать? Просто одно дело сделать анимированный баннер в фотошопе (об этом я расскажу в другой статье), но другое сделать движущееся изображение из видеоролика. Ответ на этот вопрос я нашел, и с удовольствием поделюсь им с вами. Поехали!

Youtube

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

  1. Заходим на любой понравившийся ролик и первое, что мы должны сделать, это определиться какой кусок ролика нам нужен, т.е. время начала и окончания. Допустим время начала 1 секунда, а время окончания 5 секунда.
  2. В адресной строке после www. и перед youtube пишем слово gif, после чего нажимаем Enter. Для примера, если адрес ролика https://www.youtube.com/watch?v=naiRf2NPxJ4, значит надо сделать так https://www.gifyoutube.com/watch?v=naiRf2NPxJ4. Понятно? Отлично. Как сделать gif из видео ютуб
  3. Нас перекинет на сайт gifs.com, где мы собственно и будем делать нашу гифку. Нажмите на таймлан (временную шкалу) и у вас появятся строчки начала и окончания ролика. Вбиваем туда наши значения из первого пункта, т.е. 1 и 5 секунда. Теперь в качестве примера ваш кусок будет проигрываться постоянно. Как сделать gif из youtube

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

  • Add Caption — Нажав на него, вы сможете писать произвольный текст на изображении, а также сможете его уведичивать, уменьшать и перемещать.
  • Add Sticker — Благодаря этой функции вы сможете загрузить стикер (картинку) в ваш ролик. Для этого выберите его либо из стандартного набора, либо используйте свое изображение.
  • Crop — Обрезание. То есть вы можете выбрать этот пункт, тогда область обрамится пунктирной линией. Потянув за уголок, вы сможете обрезать ненужную область изображения.
  • Padding — ставит черные прямоугольники сверху и снизу. Можно изменить цвет и размер, но по-моему функция так себе.

А еще ниже вы можете разбавить вашу анимашку эффектами, но мне кажется смысла в них тут нет абсолютно, поэтому я бы не рекомендую ими пользоваться.

Кстати все эти функции вы можете использовать в определенное время. Например я напишу текст «Кусь» в тот момент, когда котенок кусает девушку за губу). Для этого я иду на таймлайн, и там, где написано кусь, подвину ползунок на 4 секунду.

Как сделать гиф с компьютера

После того, как вы закончите обрабатывать анимацию, пора закачивать весь этот балаган. Нажимаем на кнопку «Create GIF» и ждем, пока изображение создастся. После этого вам предложат поделиться этим в социальных сетях. Можете отказаться, нажав на «No thanks».

Ну а дальше мы увидим три разных ссылки, по которым мы сможем получить нашу гифку:

  • gif url — адрес картинки в интернете, оптимизированной под HTML5;
  • gif file — ссылка на сам файл;
  • embed — код вставки для отображения на вашем веб-сайте.

Ну и заодно вы можете нажать на кнопку «Download» и скачать файл к себе на комп.

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

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

GifCam

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

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

Конечно есть у программки косячок. Она работает с маленьким разрешением 294*233, но зато изображение будет легким и быстропроигрывающимся.

Как сделать gif с помощью программы

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

Когда вы все подогнали нажимайте на плеере кнопку PLAY, а в программе жмите на REC. После того, как нужный отрезок закончится, жмите на STOP.

Если вы захватили несколько лишних кадров, то жмите на кнопку «Edit Frame» и прокручивайте ползунок в конец. На ненужных кадрах можете нажать правой кнопкой мышки и выбрать пункт «Delete this frame» (Удалить этот кадр).

Ну и для завершения процесса нажимаем SAVE и выбираем место назначения. Сохранилось? Отлично. Теперь проверяйте. Должно всё быть круто.

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

В общем на этой прекрасной ноте я свою статью пожалуй буду заканчивать. Надеюсь, что статья вам понравилась и была для вас полезной, ведь так? А если все таки так, то обязательно подпишитесь на обновления блога, чтобы всегда быть в курсе самой важной и интересной информации. Также поделитесь статьей с друзьями в социальных сетях. Ну а вас я снова жду на своем блоге. Удачи вам и пока-пока!

С уважением, Дмитрий Костин.



Этот блог читают уже более 4000 человек, которые решили покончить с компьютерной неграмотностью. Присоединяйся
Комментариев 4
  • Дмитрий!!!!!!!!!!! ну оборжаться и не встать))))))))))) Кусь... Я раньше на многих гифаниматорах делала для себя гифки из разных картинок и видиков (для прикола) Вообще это очень увлекательное и интересное занятие, особенно для тех, кто создает видео, музыкальные открытки. Ведь создают разные типа медитаций доллары на богатство и все это чередуется с разной скоростью. Спасибо Дмитрий за статью, очень понятно и пошагово даже для начинающих пользователей!!!

    Надежда
    23 июля 2016 в 14:01
  • Прикольный сервис :p Однозначно в закладки, спасибо. Побалуюсь в свободное время.

    Андрей
    24 июля 2016 в 04:50
    • Дмитрий, оставила в закладках Вашу статью!!! У меня вчера весь день юморной рефрейминг зашкаливал от этого КУСЬ))) До того прикольно, слов нет. Давно — давно переустанавливала винду и не подумала о том, что потеряю все документы. Вот не сохранила и все. А когда процесс переустановки винды начинается, сами понимаете — его невозможно отменить, там нет кнопочки назад.

      Я к чему: у меня там была папка на 50 Гб с приколами: там у меня и поросята котят гоняли, и цыплята выгоняли лису из курятника. Я одно время даже ночами эти гифки делали: меня до того это занятие увлекло — настоящее хобби с кайфом или драйвом — не знаю как правильнее и я хотела со временем применять эти гифки по назначению.

      Не сохранилось в свое время. Вот еще тема здесь у меня получилась: я создавала эти гифки, сохраняла — потерялись. И вот снова мне на глаза Ваша тема про гифы. А случайно не приходит информация. Спасибо Огромное Дмитрий за статью, напоминание о чем — то, соображу, чо к чему. И снова лайки везде!!!

      Надежда
      24 июля 2016 в 15:39
      • Всегда пожалуйста. Жалко, конечно, что столько информации потерялось

        Дмитрий
        24 июля 2016 в 23:21
Оставить коментарий
:p :-p 8) 8-) :lol: =( :( :-( :8 ;) ;-) :(( :o:


Блог Дмитрия Костина
© 2015-2017 Блог Дмитрия Костина
Помогу вам найти общий язык с компьютером, даже если вы впервые слышите это слово