Как быстро сделать GIF картинки?



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

Самый простейший и удобный способ сделать собственные гифки для рекламных целей — это сгенерировать их из видео.

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

Кстати, это отличный способ оформить статью уникальными изображениями. Простых способов достать в интернете которые не так уж и много.  Вот несколько из них:  где взять уникальные изображения для сайта.  А использование гифок — это отличная и интересная практика, которая положительно влияент на восприятие контента читателем.




Как легко сделать GIF изображение для рекламы, баннеров и тизеров?

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

Теперь понадобится сервис.  Таких сервисов много, но какие-то из них очень неудобные, какие-то платные. Я перепробовал с пяток разных сервисов, и нашел наиболее удобный, который позволяет выбрать нужный фрагмент с точностью до десятых долей секунды. И таким образом создать четкую анимацию, без лишних кадров.  Многие сервисы дают выбрать фрагмент только с помощью ползунков, которыми довольно сложно отрегулировать начало и длительность фрагмента с такой точностью

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

Сервис для создания GIF из видео

Лучшим оказался сервис  freegifmaker.me

kak-sdelat-gif-iz-video-youtube

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

kak-sdelat-gif-kartinku-iz-video-youtube








Сервис простой и удобный, работает быстро.

Но это еще не все. Ведь не всегда нам подойдет весь фрагмент из видео. Часто нужно его дополнительно обработать  — добавить какие-то эффекты, надписи или обрезать GIF.  Да те же черные границы, или срезать ватермарк самого сервиса.    Данный сервис это не умеет. Благо, есть много других. И опять надо выбирать среди них.   Поэтому идем в другой сервис, который позволяет это делать удобно.

Как обрезать GIF или добавить текст к нему?

Для этого наиболее удобным оказался сервис ezgif.com и его функция обрезки GIF — crop 

kak-obrezat-gif-kartinku

Здесь просто мышкой выделяем нужную часть анимированной картинки и жмем Crop IT.  И опять, нам доступен предпросмотр. Если вариант не устраивает — можно изменить границы.  В итоге можно вырезать анимированный баннер любого подходящего формата.

Наложить надпись на GIF-анимацию

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

kak-dobavit-text-na-gif-kartinku

 

Вот что получилось в итоге у меня.

sidebar-zhivets

Это я делал баннер для сайдбара сайта.

И вот такой для шапки или по ширине страницы:

top-banner-zhivetsА вот исходный ролик, с которого я сделал этот баннер:

В общем, возможность креативить есть у каждого, даже если вы  так же  далеки от  дизайнерства, как местный автор :)

Который зато хорошо умеет настраивать  и оптимизировать серверы, переносить сайты,  настраивать прокси, восстанавливать сайты из вебархива и много чего еще из удаленного администрирования  Linux ;)

VPSadm.ru

Создание Gif из видео с помощью расширения для браузера Google Chrome

Небольшой мануальчик про то, как можно создать gif-анимацию онлайн, без установки программ. Установить придется только одно маленькое расширения для нашего любимого Google Chrome. А видео для создания гифок будем брать с видеохостинга YouTube.com. Предупреждение: Всех тех, кто при виде названия браузера Chrome начал плеваться, просьба отойти от экрана — статья не для вас.

Для чего все это нужно? Можно просто побаловаться, можно вставлять эти самые гифки к себе в блог, а можно наполнять ими свою страничку в соц сети. Я ради интереса недавно создала gif-анимацию из видео про кошачьи проделки и выложила в тематическую группу на Google+. Результат — картинка набрала около 400 плюсиков и более 80 перепостов менее чем за двое суток.

 

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

Как всегда, я люблю немного потянуть резину. Давайте уже начну что ли. Сразу скажу, тестировала я это расширение только с видео YouTube, хотя, по утверждению создателей полезного довеска для браузера, с Vimeo все тоже должно работать. Но вы уж это сами проверяйте если хотите.

Тогда давайте приступим к созданию гиф-анимации. Сделать это действительно очень просто. Но для начала вам потребуется кое с чем согласиться. Не пугайтесь, вам нужно всего лишь зайти на страницу http://www.youtube.com/html5
и согласиться участвовать в тестировании HTML5-плеера. Если вас что-то не устроит, то в дальнейшем вы всегда сможете зайти и отказаться.

youtube html5

После этой нехитрой манипуляции вам останется скачать расширение для браузера Chrome (оно называется MakeGIF Video Capture) и найти подходящее видео. Вы можете выбрать абсолютно любое видео на YouTube — не важно ваше оно или нет. Выбрали? Тогда нажмите на воспроизведение, а затем нажмите на кнопку расширения в оминбоксе. К сожалению это расширение не может похвастать богатыми настройками и эффектами. Максимум что вам удастся сделать — это настроить качество анимации, максимальное количество кадров (до 1000) и размер картинки. Также вы можете вставить какой-либо простенький текст, а также заставить анимацию проигрываться задом наперед (зачастую так гораздо смешнее и интереснее).

настройки расширения

Итак, выбираете нужный момент в видео и нажимаете на старт. В процессе можно нажать на паузу и опустить ненужное. Когда момент, который вы решили запечатлеть, подошел к концу, нажмете на стоп. И не беда, если попадутся лишние кадры. Вы сможете их попросту вырезать.
Если анимация готова, то можно загрузить ее к себе на компьютер или же отправить на онлайн-сервис MakeGif.com. Второй вариант гораздо привлекательнее, потому что для вас открываются дополнительные возможности. Какие? Сейчас расскажу.

  • Ну, во-первых, вы можете поделиться ссылкой на вашу анимашку в социальных сетях.
  • Во-вторых, если вы владелец сайта, блога или форума, то можно встроить анимацию на свой ресурс, тем самым не потратив ни единого мегабайта свободного места на хостинге. Сделать это проще простого — достаточно скопировать уже сгенерированный код и вставить в свою статью.
  • В-третьих, если вы зарегистрируетесь на сайте, то сможете создать коллекцию из своих gif-анимаций. Все они будут храниться на страничке «Мои анимации». Сайт к сожалению на английском языке, но для нас — хромоводов это вообще не проблема, ведь правда?
  • В-четвертых, зарегистрированные пользователи могут создавать gif-анимации прямо на сайте, уже без использования расширения для Chrome. Здесь вас ждут более «вкусные» возможности — можно применять различные эффекты, загружать видео с компьютера, веб-камеры или же создавать анимацию что называется с чистого листа.

Таким образом, при помощи расширения MakeGIF Video Capture и сайта MakeGif.com вы получаете сразу два полезных в работе инструмента для создания gif-анимации онлайн, без установки программ на свой PC. Насколько я знаю, подобных сервисов в Интернете довольно так много. Похвастайтесь, если вдруг знаете что-то получше.

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *