Как сделать живые gif картинки
Как сделать gif-анимацию самостоятельно: бесплатные сервисы
«Взбодрить» профессиональную статью или объемную email-рассылку, объяснить специализированные термины, привлечь внимание к рекламному посланию или развлечь подписчиков в социальных сетях — с этими задачами легко справится гиф-анимация. Чтобы «живой» контент работал на вас, про гифки со стоков придется забыть и научиться создавать их самостоятельно под ваши цели. В этом материале мы покажем вам бесплатные способы создания gif из видео, изображений и записи экрана.
Один день из жизни нашего лося-маркетолога. Эту гифку он сделал сам:-)
Как сделать gif из видео
Giphy GIF Maker
Giphy — популярная и простая в работе платформа для создания gif. В этом сервисе можно делать анимации из видеофайлов, YouTube-роликов, нескольких готовых гифок и из картинок. Доступны бесплатные анимированные стикеры и шрифты, фильтры и кисти для рисования — это поможет «украсить» вашу гифку. Платформа незаменима и для поиска вдохновения — здесь собрана коллекция анимаций по тематикам «Эмоции», «Развлечения», «Стикеры».
Чтобы создать gif из видео, загрузите свой видеофайл в сервис.
Загрузите видео с компьютера
Определите продолжительность и время начала видео — таким образом вы вырежете нужный фрагмент.
Займитесь «декором» вашей анимации — добавьте текст, стикеры, фильтры или нарисуйте что-то свое, затем нажмите «Continue to Upload».
Для надписи можно выбрать шрифт и тип анимации
Затем нажмите «Upload to Giphy» → «Media», выберите формат gif, mov, или mp4 и сохраните анимацию. Также вы можете расшарить ее в соцсети или сразу добавить на сайт или в блог.
Перед тем, как сохранить, вы можете указать источник видео и добавить теги
Важно! Сервис поддерживает загрузку видеофайлов до 60 секунд.
Создание анимации из видео с YouTube или Vimeo, из изображений или gif аналогичны рассмотренным этапам создания анимации из видеофайла с вашего компьютера.
Ezgif
В Ezgif доступно конвертирование видео в gif и обратно, создание анимации из картинок и работа с базовыми инструментами редактирования — добавление текста, фильтров, рамок, эффектов анимации.
Чтобы конвертировать видео в gif, нажмите «Video to GIF» на верхней панели сервиса и загрузите свое видео.
Загрузка видео в Ezgif
После этого откроется страница, где нужно выбрать продолжительность анимации, размер и частоту кадров, затем нажать «Convert to GIF».
Выбор продолжительности анимации, размера и частоты кадров
Ваша анимация готова! Теперь вы можете сохранить ее или продолжить редактирование — изменить скорость, добавить текст, наложить эффекты.
Сохранение анимации в Ezgif
Для того чтобы создать анимацию из картинок, необходимо иметь в виду, что они должны быть одинакового размера. Также если в вашей подборке есть изображения с прозрачным фоном, выберите «don’t stack frames» после загрузки изображений в сервис, чтобы они не накладывались друг на друга. В остальном — порядок аналогичен описанному выше.
Эффект «don’t stack frames» для изображений в формате png
YouTube to GIF
Для того чтобы конвертировать видео с YouTube в этом сервисе, не нужно специально в него заходить — добавьте в адресную строку ютуба «gif», и вы автоматически попадете в сервис YouTube to GIF.
Прописать «gif» нужно здесь
В открывшемся окошке обрежьте видео, если хотите, добавьте анимированные стикеры, текст, графические эффекты. Когда все будет готово, нажмите «Create GIF».
Редактирование анимации в YouTube to GIF
Придумайте название и добавьте теги для вашей гифки. Также на этом этапе вы можете выбрать статус «Private», чтобы вашу анимацию не видели другие пользователи сервиса.
Нажмите «Next», чтобы завершить создание гиф
Откроется окошко, где вам предложат купить доступ к полному функционалу. Разумеется, вы можете отказаться.
Нажмите кнопку «No thanks», чтобы отказаться от покупки
Чтобы скачать анимацию, нажмите «Copy» в строке «DIRECT LINK», вставьте ссылку в новой вкладке браузера и сохраните гифку правой кнопкой мыши. Второй способ — нажмите кнопку «Download», зарегистрируйтесь в сервисе, затем скачайте гиф.
Сохранение анимации в сервисе «YouTube to GIF»
Convertio
Онлайн-конвертер различных файлов — аудио, архивов, шрифтов, презентаций, электронных книг, видео и изображений. Для того чтобы конвертировать видео в гиф, выберите видео-конвертер на главной странице и загрузите свой файл.
Видео-конвертер в Convertio
Недостаток этого сервиса в том, что видео нельзя отредактировать — сократить продолжительность, изменить размер, добавить текст или стикеры. После загрузки видео выберите формат GIF, нажмите кнопку «Конвертировать», затем кнопку «Скачать».
Два шага в Convertio для создания GIF
Готово! Анимация сохранена на вашем компьютере.
Hnet. Video to GIF
Простой англоязычный сервис, с помощью которого вы сможете создать гифку из видео всего за несколько кликов.
Нажимаете кнопку «Upload a Video», загружаете файл с компьютера, выбираете время начала и конца анимации, ширину и высоту файла, количество кадров в секунду, затем конвертируете видео кнопкой «Convert Now».
Создание анимации в Hnet. Video to GIF
Чтобы скачать готовую анимацию, нажмите «Download».
Кнопка «Download» появится после того, как видео сконвертируется
Как сделать gif из картинок
Gifovina
Удобный сервис для cоздания гиф из изображений с интересными «плюшками» — на картинки можно добавлять выноски и «пузыри» с текстом, а также настраивать эффекты перехода изображений.
Для того чтобы сделать гифку, добавьте кадры, установите длительность и эффекты перехода, если нужно, нарисуйте мысли-«пузыри», затем нажмите «Готово».
Создание gif в Gifovina
Откроется окошко, где вы сможете скачать gif.
Сохранение gif на компьютер
Brush Ninja
Сервис с необычным функционалом — создает гиф из ваших же рисунков. Если вы неплохо рисуете в Paint’e, вам будет удобно работать и в этом сервисе.
Для того чтобы создать гиф, нарисуйте что-нибудь в первой рамке, затем добавьте вторую и нарисуйте еще что-нибудь.
Создание анимации в Brush Ninja
Чтобы поменять фон, зайдите в настройки и выберите нужную вам подложку — это может быть цвет или изображение из галереи сервиса.
Настройки Brush Ninja
Выбор фона для анимации
Добавьте столько рисунков, сколько вам необходимо, затем нажмите «Export». Чтобы сохранить анимацию в формате «gif», нажмите «Animated gif», затем «Save». Готово!
Сохранение анимации в Brush Ninja
К сожалению, скорость смены кадров регулировать нельзя.
FreeGifMaker
Простой сервис для создания гиф из ваших изображений. Загрузите фотографии, если нужно, поменяйте их порядок, размер и скорость анимации, затем нажмите «Create Gif» и «Save to disk». Ваша анимация сохранена на компьютере!
На скриншотах вы можете посмотреть на пошаговый процесс.
1. Загрузка фотографий в FreeGifMaker
2. Редактирование gif в FreeGifMaker
Сохранение gif в FreeGifMaker
Вы могли обратить внимание, что на верхней панели есть кнопка «YouTube to GIF». Это конвертер, в котором можно создать гифку из видео с YouTube за 3 простых шага: вставить ссылку на видео, указать нужную продолжительность и загрузить готовую анимацию на свой компьютер.
MiniMultik
Первый русскоязычный сервис в нашей подборке, с помощью которого можно создать анимацию из изображений или отредактировать уже готовую анимацию.
В этом сервисе доступны функции:
редактирование параметров анимации — размер и расположение изображения, цвет фона, длина кадра;
добавление текста — выбор шрифта, расположение текста в кадре, размер и цвет шрифта, толщина и цвет обводки;
добавление эффектов для смены кадров.
Пошаговое создание анимации представлено на скриншотах ниже.
Загружаете картинки в сервис
Редактируете будущую анимацию
Возвращаетесь наверх и выбираете «Создать анимацию»
Открывается вот такое окошко, кликаете на призыв «Смотреть анимацию»
Сохраняете гифку на компьютер
Gifius
Еще один русскоязычный сервис, но с более ограниченным функционалом — нет возможности добавить текст, стикеры или эффекты анимации.
Вы просто перетаскиваете нужные изображения с вашего компьютера в сервис, если нужно, меняете пропорции,скорость анимации, порядок картинок, и нажимаете «Cкачать GIF». Готово!
Вся инструкция поместилась на двух скриншотах ниже.
Загрузка изображений в сервис Gifius
Панель редактирования и сохранения gif
Canva
Пожалуй, самый популярный многофункциональный сервис для графического дизайна, с помощью которого можно создавать различный визуальный контент без профессиональных навыков — от визиток до мини-фильмов. Canva пригодится и в том случае, если вам нужно сделать анимацию для статьи, email-рассылки, сайта или соцсетей.
Рассмотрим процесс создания анимации в Canva на примере оформления поста для группы ВКонтакте.
Нажмите «Создать дизайн» и выберите «Настраиваемые размеры», для баннера ВКонтакте установите 1100×600, затем снова нажмите «Создать дизайн».
Создание макета будущей анимации
Слева откроется панель редактирования. Нажмите на значок «Загрузки» и перетащите нужные изображения на поле, затем разместите их на страницах. Также вы можете добавить текст, анимированные стикеры, геометрические фигуры и т.д.
Панель редактирования в Canva
После того, как вы закончите работу над своей анимацией, нажмите кнопку «Скачать» и выберите тип файла «GIF». Анимация будет сохранена на вашем компьютере.
Сохранение файла в Canva
Если у вас возникли вопросы по gif-анимации в Canva, прочитайте эту статью в блоге сервиса — здесь подробно освещены вопросы по созданию анимаций для презентаций, статей, соцсетей и т.д. Canva предоставляет широкие возможности для создания «живых» картинок. Дерзайте!
Как сделать gif из записи экрана
Licecap
Это бесплатное приложение для захвата экрана и записи gif.
Чтобы начать запись, откройте приложение и поместите в рамку нужную область, затем нажмите «Record. ». Когда закончите свой скринкаст, нажмите «Stop». Готово!
Интерфейс приложения Licecap
Вот скринкаст, записанный с помощью Licecap.
GifCam
Еще одно бесплатное приложение для создания скринкастов. Чтобы сделать запись экрана, откройте приложение, захватите нужную область, нажмите «Rec», после нажмите «Save» и сохраните запись.
Интерфейс приложения GifCam
Recordit
Приложение также, как и два предыдущих, пишет скринкасты сразу в GIF. Скачайте его, затем нажмите на иконку, выделите нужную область и нажмите «Record». Когда закончите запись, нажмите «Stop», анимация откроется в браузере, сохраните ее правой кнопкой мыши.
Запись экрана в Recordit
Скачать приложение можно здесь recordit.co
Внимание! Facebook, Instagram, Twitter «не понимают» формат gif и считают анимации статичными картинками. Чтобы их «оживить», конвертируйте gif в mp4.
Желаем удачи в создании анимированных картинок! Не забудьте поделиться своими успехами в комментариях:-)
Как создать гифку бесплатно и без регистрации: 9 онлайн-сервисов
Время чтения: 9 минут Нет времени читать? Нет времени?
Тот, кто придумал гифки, должен попасть в рай без очереди. В тему подобранные анимированные картинки оживят любой контент.
И самое крутое, что их можно легко сделать самостоятельно, из любых изображений или видео.
Здесь собрано 9 онлайн-сервисов для создания gif-изображений. На самом деле их гораздо больше, но я отбирала самые удобные. С интуитивно понятным интерфейсом, без кучи всплывающих окон. Сохраните эту подборку себе, чтобы не потерять.
Как сделать гифку из видео с YouTube
YouTube to GIF
Очень простой и изящный способ. Не нужно даже заходить на сервис из поиска или вкладок. Просто добавьте «gif» в адрес видео, вот сюда:
Вас перебросит на зарубежный сервис YouTube to GIF. Нужное видео сразу открывается в интерфейсе.
Выберите нужный отрезок. При желании добавьте эффекты с панели слева. Я добавила текст (Caption). Меню на английском, но все быстро осваивается методом тыка.
Нажмите Create Gif. Появится окошко настроек, где можно изменить название, добавить теги, звук, водяной знак и сделать гифку приватной (это значит, что ее не увидят другие пользователи сервиса).
Готово! Скачиваем гифку и пользуемся.
Скачивать результаты своих трудов могут только зарегистрированные пользователи. Если вам лень регистрироваться в сервисе, можно открыть ссылку в поле «Direct Link» в новой вкладке и скачать гифку прямо из браузера.
Вместо «gif» в адресе видео можно добавлять «conv». Вас перебросит на сервис Conv., а затем, при нажатии на «Конвертировать Gif» – на YouTube to GIF. То же самое, но в профиль.
Giphy GIF Maker
Очень простой и удобный сервис для создания гифок из видео, взятого с YouTube. Чтобы им воспользоваться, скопируйте ссылку на видео, вставьте ее в строку поиска на главной странице сайта, и сервис автоматически начнет загружать видео:
Как только видео загрузилось, выберите нужный вам отрезок видео. Giphy тут же покажет вам, как будет выглядеть ваша будущая гифка:
Нажмите «Continue to Decorate», чтобы добавить надписи, стикеры или фильтры к вашему gif-изображению.
Если в этом нет необходимости, кликайте на «Continue to Upload». Добавляем теги или же сразу переходим к шагу «Upload to GIPHY».
Готово! Получившуюся гифку можно скачать к себе, расширить в соцсетях или вставить на сайт с помощью embed code.
Недостатки сервиса:
Гифки – замечательный развлекательный формат контента, но только один из многих. Для эффективного продвижения в социальных сетях нужен разнообразный контент и комплексный подход: от разработки стратегии до работы с комьюнити.
Как сделать гифку из загруженного видео
Convertio
Удобный конвертер файлов в разных форматах. Доступен также в виде расширения в Google Chrome.
Работать с ним просто:
Photoshop
Если вы не хотите, чтобы на видео присутствовали логотипы сторонних сервисов, можно воспользоваться фотошопом. Даже если у вас нет опыта работы в этой программе, у вас все получится – просто следуйте инструкции ниже.
После изменения размера гифки и уменьшения диапазона цветов вес уменьшился до 2,425 мегабайт. Этот вес уже считается нормальным.
Как сжать гифку до нужного размера и веса
Воспользуйтесь бесплатным онлайн-сервисом ezgif.com. Вы можете перевести видео в гифку и сразу ее отредактировать. Максимальный размер для загрузки видео – 100 МБ, для загрузки гифки – 35 МБ.
После загрузки ролика у вас появится окно настройки. В верхнем сайд-баре можно настроить масштабирование, скорость, наложить текст или порезать хронометраж. Это полезно, если вам нужно использовать только определенную часть для гифки/видео.
Я взяла стоковое видео в разрешении 1920×1080, которое весило около 50 мегабайт. Цель – сжать до 3-5 мегабайт для размещения в этой статье.
До начала конвертации в гифку выберите нужный размер итогового файла: чем меньше ширина, тем меньше вес. Укажите количество кадров в секунду: чем больше кадров, тем короче гифка. Метод сжатия можно не трогать, но если после всех манипуляций у вас не получится снизить вес – поиграйте с его настройками.
Я выбрала ширину в 400 пикселей, указала 10 кадров в секунду и включила оптимизацию заднего фона.
В результате получилась гифка весом 6,5 МБ. Чтобы снизить вес нажимаем на кнопку Optimize. Также вы можете наложить эффекты, изменять скорость, кадрировать и вырезать лишнее.
В настройках оптимизации можно уменьшить гифку разными методами. Например, порезать количество цветов, кадров или скомпрессовать.
Я выбрала компрессию, выставив в ползунке средний уровень сжатия.
Вы можете по-разному настраивать размеры и вес гифки: где-то оставлять большое разрешение и жертвовать количеством кадров и цветов, а где-то уменьшать размер, чтобы сохранить максимум визуальной информации. Все зависит от поставленных задач.
Вот вариант с шириной 800 пикселей, где я сократила количество кадров, оптимизировала компрессию и ускорила время воспроизведения.
Как создать гифку из записи экрана
Licecap
Приложение Licecap позволяет выделить любую часть экрана и сделать из нее гифку. Большой плюс этой программы заключается в том, что она может записывать не только в браузере, но и в любой другой программе. Вот, например, гифка, записанная мною в ворде.
Gifcam
Инструмент работает по такому же принципу, как и Licecap, но имеет более современный интерфейс. В принципе, это единственное отличие.
Как создать гифку из картинок
Brush Ninja
Стильный и удобный сервис для создания гифок из собственных рисунков. Минимализм сейчас в моде, так что этот сервис будет актуален.
Нарисуйте что-нибудь. 1 рисунок = 1 экран.
Добавьте новый экран (опция New Frame) и опять нарисуйте что-нибудь. И так далее. Количество экранов, похоже, не ограничено – я доходила до 50 шт. Для гифки этого более чем достаточно. В настройках можно выбирать цвет экрана, выбирать скорость смены слайдов, а также использовать изображения из галереи Brush Ninja.
Чтобы использовать свои картинки, придется проспонсировать разработчика. Cервис изначально создавался в некоммерческих целях, как хобби, но полный функционал доступен только спонсорам проекта. Стать спонсором можно, отправив донат через сервис Patreon или купив фирменную футболку от Brush Ninja.
Чтобы сохранить гифку, используйте опцию Export. Появится окно, где можно выбрать формат сохранения. Нас вполне устроит Animated Gif.
Вот как это выглядит:
Работает только с собственноручно нарисованными или загруженными из галереи картинками (в бесплатной версии).
Ezgif
Еще один сервис для создания гифок, но уже не из видео, а из изображений. Несмотря на то, что он на английском языке, разобраться в нем достаточно легко. Ezgif позволяет добавлять текст к гифке, плюс различные визуальные эффекты. Свой логотип к изображению не добавляет.
Gifovina
Аналог предыдущего сервиса, но с небольшими визуальными «плюшками» – к изображениям можно добавлять забавные диалоговые пузыри и видеоэффекты наподобие тех, что доступны в «Киностудии» и Windows Movie Maker.
Пример гифки, созданной с помощью этого сервиса:
Canva
Этот сервис требует регистрации, но зато и функций предлагает немало. Canva не ставит водяной знак на картинку и не урезает качество фото, долго хранит готовые работы. Интересно, что сервис можно использовать и в команде: доступ по ссылке дает возможность любому специалисту внести корректировки в документ.
Внимательным читателям! Дарим скидку 10 % на оплату любого тарифа курса «Коммерческий автор» от онлайн-университета TeachLine. Чтобы активировать скидку, используйте промокод AVTOR при оплате.
Кстати, мы готовы помочь с созданием визуального контента в рамках работ по комплексному продвижению в интернете. Услуга включает подготовку инфографики, white paper, картинок для соцсетей и многое другое.