Как сделать GIF разными способами
Что может быть лучше весёлой гифки? Она развеселит загрустившего друга в переписке. Разбавит скучную статью. Привлечёт внимание в бизнес-аккаунте. Одним словом — вещь. В этой статье мы расскажем про создание GIF, особенно акцентируем внимание на том, как сделать гифку онлайн.
GIF (Graphics Interchange Format) — это растровый формат анимированного изображения, который существует уже более тридцати лет. Во времена зарождения интернета это был, по сути, единственный формат для анимации. Времена идут, технологии развиваются, а GIF до сих пор не просто существует, а остаётся популярным видом контента.
Как работает GIF? Гифка — это набор картинок. Каждая картинка — это отдельный кадр. Когда все картинки собираются вместе, создаётся эффект движения. GIF-анимация, как правило, зациклена, то есть бесконечно повторяется по кругу. Эта зацикленность и сделала формат гифки популярным.
Для чего же используют гифки? Область использования очень широкая. Приведём несколько примеров:
- Демонстрация продукта. В интернет-магазинах или в соцсетях при анонсах новых продуктов важно показать товар с разных сторон. Конечно, можно сделать фотографии с разных ракурсов, но анимированное изображение будет выглядеть куда эффектнее.
- Рекламный баннер с анимацией. Любой движущийся предмет заставляет человека обратить на него внимание. Этот природный бонус используют маркетологи, чтобы привлечь внимание к информации. Особенно это работает с рекламными баннерами. Достаточно сделать динамичным только один предмет и весь баннер начинает привлекать внимание. Вот, например, такой баннер:
- Вступление в email-рассылке. Письма в рассылке редко открывают, поэтому, если его всё-таки открыли, нужно немного развлечь читателя. Не дать ему закрыть письмо сразу. Для этого можно использовать гифку с шуточным или просто позитивным наполнением.
- Замена видео. Динамику на сайте или в письме можно создать и с помощью простого видео. Однако у него есть один минус ― большой вес. Видео в более-менее хорошем качестве весит много. GIF-ку же можно сжать, и при этом её качество не сильно потеряется. Благодаря маленькому весу они занимают меньше места на серверах владельцев сайтов, а странички для пользователей загружают контент быстрее.
Создание GIF анимации онлайн теперь проще.
Мы тщательно проанализировали все достоинства и недостатки существующих программ для создания gif анимации и постарались сделать наш конструктор более эффективным и удобным для пользователя. В результате был реализован наилучший, на наш взгляд, интерфейс приложения, позволяющий приступить к работе без лишней головной боли, а также инновационный механизм изменения порядка кадров в анимации, благодаря которому создать гиф с кадрами нужной последовательности стало в разы проще.
Благодаря использованию технологиги ajax, создание гиф анимации происходит без обновления страницы. Это ускоряет достижение поставленной перед приложением задачи и устраняет ненужное мелькание страниц, медленную загрузку и т.д. По сути, Gifius.ru — это полноценная программа для создания gif анимации онлайн, ничем не уступающая своим декстопным аналогам.
Как сделать гифку из загруженного видео
Convertio
Удобный конвертер файлов в разных форматах. Доступен также в виде расширения в Google Chrome.
Работать с ним просто:
- Загрузите видео и нажмите «Преобразовать». Одновременно можно конвертировать несколько файлов.
- Нажмите «Скачать».
- Нельзя редактировать гифки и добавлять на них новые элементы. Сервис только преобразует один формат в другой.
Photoshop
Если вы не хотите, чтобы на видео присутствовали логотипы сторонних сервисов, можно воспользоваться фотошопом. Даже если у вас нет опыта работы в этой программе, у вас все получится – просто следуйте инструкции ниже.
- Найдите подходящее видео на YouTube и скачайте его к себе на компьютер. Это можно сделать с помощью сервиса Savefrom (вызывается из адресной строки путем добавления ss перед youtube.com).
- Вырежьте из видео нужный вам фрагмент. Это можно сделать с помощью любого видео-сплиттера или стандартных Windows Movie Maker или «Киностудии». Убедитесь, что длительность видео не превышает 2-3 секунды, иначе файл получится слишком большим и тяжелым. В этих же программах можно добавить нужные надписи.
- Откройте его в фотошопе. Нажмите «Файл – Импортировать – Кадры видео в слои» (или, если фотошоп на английском, File – Import – Video frames to layers).
- Поиграйте с настройками. Нажмите Файл – Сохранить для Web и постарайтесь изменить настройки так, чтобы вес изображения не превышал нескольких мегабайтов. Изначально мое трехсекундное видео весило 11,02 мегабайта.
После изменения размера гифки и уменьшения диапазона цветов вес уменьшился до 2,425 мегабайт. Этот вес уже считается нормальным.
- Сохраните гифку. И наслаждайтесь красивым изображением без всяких водяных знаков и логотипов сервисов.
Что такое Gif-анимация
Знакомая нам с детства мультипликация — это и есть Gif-анимация. Файл в формате gif содержит в себе отдельные картинки, которые воспроизводятся с некоторым интервалом, создавая при этом анимированный ролик. Эти файлы занимают мало места, соответственно, их размещение на сайте или в социальной сети не составит проблем. Где тяжеловесные видеоролики разместить было бы проблематично.
На просторах интернета существует масса сервисов, с помощью которых можно сформировать gif-файл. Потребуется лишь интернет-браузер и исходные файлы.
Gifius
Данный онлайн-сервис обладает простым интерфейсом с минимальным набором основных функций. Есть возможность задать размеры выходного gif и задержку между кадрами.
Загружаем выбранные нами кадры, задаем параметры и жмем «Скачать gif» для загрузки. На этой же странице вы можете найти подробнейшую инструкцию, если не уверены в своих силах.
Поддерживаются только изображения, вставить видеоролик не удастся.
Online-converting
Зайдя на сайт сервиса, мы обнаружим две интересующие нас вкладки «Создать gif» и «Видео в gif». Для создания gif из изображений переходим во вкладку «Создать gif».
Выполняем уже знакомые нам шаги, а для конвертирования жмем кнопку «Создать видео», после окончания процесса появится ссылка на скачивание.
Если же нам нужно создать gif из видеоролика, переходим во вкладку с видео и вставляем файл нашего ролика. После конвертации станет доступна ссылка для закачки.
Поддерживаются все популярные видеоформаты.
Gifmaker
Данный ресурс обладает большим функционалом, позволяя конвертировать файлы не только в gif, но и в другие популярные форматы. Для стандартного способа получения gif из изображений кликаем по кнопке «Upload images». Далее выполняем шаги «Create gif animation-Download the gif».
В случае использования видеоролика переходим на другую вкладку путем нажатия «Video to gif». После загрузки ролика можно выбрать длину, размеры и количество кадров анимации.
Для скачивания конвертируем ролик и кликаем «Download».
Imgflip
Если вы хотите создать gif-файл с небольшим разрешением, то для этого можно использовать онлайн-сервис Imgflip. Перейдя на его страницу, выбираем «Create-Make a Gif». В качестве исходного файла могут быть использованы форматы MP4, MOV, PNG, BMP и многие другие.
А на странице присутствует подробная инструкция. Добавляем на выбор видеоролик или изображение, подбираем настройки и кликаем «Generate Gif». После конвертации появится диалоговое окно для скачивания.
Максимальный формат gif ограничен числом х360 в бесплатной версии, этого разрешения будет вполне достаточно для вставки анимации в социальную сеть.
Как создать гифку из изображений
Для этого подойдут такие сервисы, как Brush Ninja, Ezgif, Gifovina, Canva и многие другие. Подробнее о них мы поговорим чуть позже, а пока давайте рассмотрим незаменимый инструмент для коррекции фото – Photoshop. Это не онлайн-сервис, но умение делать в нем гифки не будет ни для кого лишним.
Делаем GIF в Adobe Photoshop
Для создания анимации в формате GIF нам потребуется всего несколько картинок и немного времени. Мы будем работать в Photoshop 2018 года, но вы можете использовать любую другую версию, близкую к этой. Если вы никогда не пользовались данным инструментом, то ничего страшного – инструкция будет предоставлена в самом простом варианте.
Делаем гифку в Фотошопе:
- Запускаем на компьютере графический редактор и создаем новый проект. Желательно указать размер, равный изображениям, из которых будет создана анимация. Но не волнуйтесь, если разрешение будет выбрано другое, мы всегда можем его подкорректировать.
- Теперь нам потребуется создать новые слои – для этого в нижнем правом углу нажимаем на вторую иконку от правого края. Слой в Фотошопе – это как холст, на котором мы можем рисовать и добавлять новые элементы, чтобы с ними взаимодействовать. В данном случае слои нам нужны, чтобы разместить на них изображения. Для каждого изображения свой собственный слой – это необходимое условие для GIF-анимации.
- Мы будем создавать анимацию на основе двух изображений, поэтому было создано два слоя. Теперь нужно на каждый из них разместить фотографию – просто выбираем в правой части один из слоев и перемещаем на него фотографию.
- На каждом из слоев будет размещено по одному изображению. Обратите внимание, что область заполнена у нас не вся. Если ее не обрезать, то белые поля будут отображаться и в гифке. Исправить это можно с помощью клавиши C – нажимаем ее и корректируем размер холста мышкой.
- Теперь можно переходить к созданию анимации в формате GIF – для этого в верхней части выбираем «Окно» и включаем шкалу времени.
- Выбираем «Создать шкалу времени для видео».
- Осталось отредактировать время перехода от одного изображения к другому. Для этого есть временная шкала, в которой все регулируется ползунками справа и слева от расположенного слоя. Проверить, как выглядит анимация, можно с помощью кнопки запуска в левой части окна.
- Осталось сохранить готовую анимацию. Чтобы это сделать, выбираем «Файл» -> «Экспортировать» -> «Сохранить для Web (старая версия) …».
- Указываем формат GIF и жмем «Сохранить…».
Теперь вы знаете, как сделать анимацию в Фотошопе. Это был самый простой, но не единственный вариант создания гифки через данный инструмент. Если вы хотите проделать что-то масштабное, то рекомендую изучить более сложные программы – Adobe Premier Pro или Adobe After Effects.
Brush Ninja
Brush Ninja – крайне простой сервис для создания гифок в режиме онлайн. В нем мы можем не только создать анимацию из изображения, но и из рисунка, нарисованного своими руками.
Рассмотрим краткую инструкцию:
- Переходим на официальную страницу сервиса и начинаем создавать будущую анимацию: либо добавляем изображение через шестеренку в верхнем правом углу, либо рисуем свое изображение на нескольких холстах – их совокупность будет использоваться в анимации.
- Когда создано несколько слоев, анимация уже готова. Осталось ее сохранить на рабочий стол – для этого кликаем по кнопке «Export» и выбираем нужную директорию для загрузки.
Как видите, пользоваться сервисом Brush Ninja довольно просто. Не будем останавливаться на нем и перейдем к следующим, не менее функциональным инструментам.
Ezgif
Ezgif – это не просто сервис для создания GIF, это целый ресурс, позволяющий создавать гифки из изображений и видеофайлов, а также редактировать картинки, обрезать и изменять их ротацию.
Рассмотрим, как создать GIF-анимацию в данном инструменте:
- Переходим по ссылке , загружаем необходимое количество картинок для создания гифки и жмем на кнопку «Upload and make a GIF!».
- В результате перед нами отобразится набор первичных параметров, которые можно задать для будущей анимации. Устанавливаем необходимое значение и кликаем по кнопке «Make a GIF!».
- После этого ниже будет отображена созданная гифка. Для ее редактирования доступен различный набор функций – используйте их, когда нужно добиться наилучшего результата. Как только изменения будут внесены, останется нажать на кнопку «Save», чтобы сохранить GIF-изображение на компьютер.
На этом создание GIF в Ezgif завершено, перейдем к следующему инструменту.
Gifovina
Аналогичен предыдущему сервису, но без возможности добавления изображения с компьютера – разрешено загружать картинки только из интернета либо напрямую с камеры. Также Gifovina позволяет создавать различные видеоэффекты, подобные тем, что есть в программе Windows Movie Maker.
Алгоритм использования довольно прост:
- Открываем официальную страницу онлайн-сервиса и добавляем нужное количество изображений одним из удобных способов. Вносим необходимые изменения для создания анимации и нажимаем на кнопку «Готово».
- В появившемся окне будет отображена созданная анимация. Для ее загрузки нажимаем на кнопку «Скачать».
Вот такими несложными действиями мы смогли создать GIF-анимацию на сервисе Gifovina.
Canva
Еще один онлайн-инструмент с широким функционалом – здесь мы можем создавать не только гифки, но целые видеоклипы. Доступны такие опции, как добавление стикеров, текстового сопровождения, музыки, особых фонов и т.д. Единственный минус – нужна регистрация аккаунта.
Воспользуемся небольшой инструкцией для создания анимированной GIF:
- Переходим на главную страницу сайта и в верхнем правом углу кликаем по кнопке «Зарегистрироваться».
- После успешной регистрации мы попадаем в личный кабинет – в нем находим блок «Анимация для социальных сетей» и кликаем по нему левой кнопкой мыши.
- В отобразившемся окне для нас открывается доступ ко всем возможностям сервиса для создания гифки. Мы также можем добавить свои фотографии, как и в предыдущих примерах, но давайте рассмотрим создание GIF с помощью шаблона. Для этого переходим в соответствующий раздел через левую панель и выбираем один из примеров.
- Добавим еще один элемент для примера:
- Сюда же мы можем добавить новый цветовой фон – для этого перейдем в раздел «Фон» и выберем для примера заливку другого цвета.
- Вот такая получилась анимация. При необходимости вы можете добавить и другие элементы. Для сохранения нажмем в верхнем правом углу на кнопку «Скачать», укажем формат GIF и еще раз нажмем на «Скачать».
Мы также можем предоставить доступ к проекту и другим пользователям – достаточно в верхнем меню нажать на кнопку «Поделиться» и скопировать ссылку. Такая возможность позволяет работать в команде и создавать продукт вместе. Попробуйте – это интересно!
Giphy
Giphy – один из самых популярных сервисов для распространения GIF-изображений. Он содержит более миллиона различных гифок, доступных для скачивания. Помимо этого, здесь также можно создавать собственные GIF-анимации. Рассмотрим, как это можно сделать:
- Первым делом нам потребуется зарегистрировать свой аккаунт – для этого переходим на главную страницу и в верхнем правом углу кликаем по кнопке «Log in».
- Выбираем «Join GIPHY!».
- Проходим регистрацию и попадаем в личный кабинет. Для создания собственной GIF кликаем по кнопке «Create».
- Выбираем «GIF» и загружаем картинку с компьютера или интернета.
- После этого перед нами отобразится новое окно – здесь и происходят все процессы для создания анимации в формате GIF. Для примера добавим один из доступных стикеров – перейдем в раздел «Stickers» и выберем один из элементов.
- Корректируем по размеру и местоположению стикер, затем в нижнем правом углу нажимаем «Continue to Upload».
- В результате гифка будет загружена на сервис. Для того чтобы скачать ее на компьютер, нажимаем на кнопку «Media», а затем на «Download» напротив строки «Small».
Таким образом, мы получим готовое GIF-изображение на компьютер. Также мы можем сразу поделиться анимацией в социальных сетях – для этого необходимо на этой же странице выбрать «Copy link» и ссылку из строки «GIF Link».
Gifpal
Если вам нужно создать гифку из нескольких картинок всего в пару кликов, то можете воспользоваться данным сервисом. Помимо основной функции, здесь также доступны различные фильтры, которые можно применить к загружаемым изображениям.
Воспользоваться Gifpal можно следующим образом:
- Переходим по ссылке и нажимаем «Get Started».
- Выбираем размер будущей гифки и загружаем необходимую фотографию.
- В правом окне нажимаем на плюсик, с помощью правой иконки добавляем еще одну картинку, а затем еще раз жмем на плюсик. Обратите внимание, что в левой части мы также можем добавить фильтры к загружаемым изображениям.
- Для создания гифки кликаем по кнопке «Build GIF».
- Загружаем созданную гифку к себе на компьютер с помощью кнопки «Save».
Это были 7 главных инструментов для создания GIF-анимаций из изображений. Рекомендуем остановиться на Giphy и Canva – это многофункциональные онлайн-сервисы, позволяющие создавать практически любые гифки. Если же вам нужно создать что-то более креативное, то лучше воспользоваться Фотошопом либо другими подобными программами.
Как сделать 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» появится после того, как видео сконвертируется