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

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

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

Youtube

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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