Как сделать красивую gif анимацию

13 сервисов и программ для создания GIF: делаем контент динамичнее и интереснее

Собрали десктопное ПО и онлайн-инструменты, которые помогут вам сделать гифку из картинок и/или видео. Enjoy!

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

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

В этой статье — обзор десктопных программ и онлайн-сервисов, с помощью которых вы сможете создавать GIF-анимацию из картинок и видео. По каждому инструменту — плюсы и минусы.

Как сделать красивую gif анимацию

Автор статей по SMM, практикующий таргетолог, в прошлом — продакт-менеджер диджитал-проектов.

Как создать гифку из изображений

Adobe Photoshop

Adobe Photoshop — профессиональная программа для работы с изображениями. Но в ней также можно создавать гифки.

Чтобы сделать анимированную GIF, нужно:

2. Загрузить туда все изображения, которые будут участвовать в анимации. Учтите, у каждого изображения должен быть собственный слой.

3. В меню «Окно» включить отображение панели «Шкала времени».

Как сделать красивую gif анимацию

4. Создать нужную анимацию с помощью кнопки «Создать временную шкалу для видео».

Как сделать красивую gif анимацию

5. Сохранить анимацию в формате GIF с помощью пункта меню «Сохранить для Web».

Как сделать красивую gif анимацию

Gifovina

Gifovina — бесплатный онлайн-сервис, с помощью которого тоже можно создавать GIF из изображений.

Как сделать анимированную гифку:

1. Загрузить через «Добавить кадры» все изображения, которые будут участвовать в анимации.

Как сделать красивую gif анимацию

2. В меню справа выбрать нужный размер, длительность кадров, анимацию (например, наезд слева направо).

Как сделать красивую gif анимацию

3. Добавить, если нужно, фигуру и надпись в ней.

Как сделать красивую gif анимацию

4. Нажать кнопку «Готово», чтобы завершить создание анимации.

Как сделать красивую gif анимацию

Как сделать красивую gif анимацию

GIF из видео

Если нужное видео загружено на YouTube, вы сможете создать из него GIF-анимацию. Для этого в адресной строке к URL нужного ролика просто добавьте «gif».

Как сделать красивую gif анимацию

В открывшемся окне вы сможете указать временной диапазон анимации, добавить надписи, сделать стикер, обрезать края видео, добавить теги и многое другое.

Как сделать красивую gif анимацию

Как сделать красивую gif анимацию

Video To Gif Lab

Video To Gif Lab — онлайн-сервис, который позволяет конвертировать видео в GIF-анимацию. Для этого нужно сделать следующее:

1. На главной странице указать путь к видео на компьютере с помощью кнопки «Выберите файл» или перетащить его.

Как сделать красивую gif анимацию

2. Нажать на кнопку Start Recording для загрузки видео в сервис.

Как сделать красивую gif анимацию

3. Нажать на кнопку Stop Recording/Create GIF, чтобы сервис начал создавать саму гифку.

Как сделать красивую gif анимацию

4. Если возле кнопки появится надпись rendering c количеством процентов, значит, конвертация началась.

Как сделать красивую gif анимацию

5. После окончания конвертации под загруженным видео появится кнопка «Сохранить анимацию».

Как сделать красивую gif анимацию

Online-convert

Online-convert — онлайн-конвертер, поддерживающий аудио, видео, изображения, документы и архивы. В том числе он может конвертировать видео и фото в GIF.

1. Загрузить видео в приложение с помощью кнопки «Выберите файл».

Как сделать красивую gif анимацию

2. В разделе дополнительных настроек можно изменить размер и цвет или обрезать изображение.

Как сделать красивую gif анимацию

3. Нажать на кнопку «Начать конвертирование», чтобы процесс пошёл.

Как сделать красивую gif анимацию

4. После обработки видео откроется новое окно и файл автоматически загрузится. Если этого не произошло, нажмите на «Загрузить».

Как сделать красивую gif анимацию

Camtasia Studio

Camtasia Studio — программа для работы с видео. В ней можно монтировать видеоролики, добавлять в них надписи и кнопки, записывать видео с экрана. В программе вы можете сохранить видео в GIF-формате.

2. Загрузить туда одно или несколько видео, которые будут участвовать в анимации. Если нужно, добавить в них надписи или кнопки.

3. Для сохранения видео в GIF нажать на кнопку Share.

Источник

Делаем gif-анимации сами. Инструкция.

Гифки можно использовать для публикаций в соцсетях, для анимированных изображений в емейлах, в баннерах для РСЯ. Для Фейсбука, Инстаграма, Твитера и некоторых других соцсетей, гифки — статичные картинки, чтобы они зашевелились и постоянно проигрывались, гифку нужно конвертировать в mp4.

Как сделать красивую gif анимацию

Илья Слюсарев

СММщик, контент-мейкер и просто хороший человек.

Как сделать красивую gif анимацию

Илья Слюсарев

Продолжаем оскорблять профессионалов, и делаем работу за них. В этот раз в Фотошопе создадим простую гифку с нуля.

Создавать гифки в фотошопе с нуля — долго. Очень долго. Чтобы создать гифку как в примере, у меня ушло 40 минут. На FL создание гиф-баннера стоит от 500 рублей. За 2500 можно сделать красивую анимацию. Есть ещё разные сервисы по созданию гифок, некоторые бесплатны.

Я делаю простенькие анимации для Инстаграма и «ВКонтакте»:

Гифки можно использовать для публикаций в соцсетях, для анимированных изображений в емейлах, в баннерах для РСЯ. Для Фейсбука, Инстаграма, Твитера и некоторых других соцсетей, гифки — статичные картинки, чтобы они зашевелились и постоянно проигрывались, гифку нужно конвертировать в mp4.

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

Вы можете посмотреть видео-процесс с комментариями, как создавать такую анимацию. Видео длится 14 минут. Чтение статьи занимает 5 минут.

Создаем новый файл

Открываем фотошоп и создаем новый файл с разрешением 1080×1920 px.
«Файл» → «создать новый файл» или ctrl+N

Как сделать красивую gif анимацию

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

Как сделать красивую gif анимацию

Добавляю нужный мне текст, и открываю шкалу времени.
«Окно» → «Шкала времени»

Как сделать красивую gif анимацию

Появляется новое меню, которое чем-то похоже на видеоредактор. Это он и есть.

Как сделать красивую gif анимацию

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

После нужно будет все проверить и можно создавать. Инстаграм увидит файл типа gif на телефоне, но не поймет, что это анимированный файл, и отнесется к ней как к фотографии. Поэтому нам нужно сохранить как видео файл. Нужно найти кнопку внизу Шкалы времени «Экспорт видео». И создать видеофайл.

Как сделать красивую gif анимацию

Но чаще мне нужны и видеофайл и гиф. Поэтому я сохраняю и в гифе. Жмите «Файл» → «Экспортировать» → «Сохранить для веб». И сохраняйте как гифку.

Как сделать красивую gif анимацию

Советы

Используйте минимум цветов. Это уменьшит размер файла.

Размер гифки имеет значение, если вы делаете сайт. Для соцсетей это не имеет значения. «ВКонтакте» любую гифку пережимает в видео, и из гифки в 40 Мб, может получиться файл в 700 кБ.

Будьте умеренно ленивым. Серьезно, создавать картинку больше получаса ну как-то несерьезно.

Источник

Как сделать gif с анимацией

Как сделать красивую gif анимацию

Как сделать красивую gif анимацию

Содержание

Содержание

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

Что такое Gif-анимация

Знакомая нам с детства мультипликация — это и есть Gif-анимация. Файл в формате gif содержит в себе отдельные картинки, которые воспроизводятся с некоторым интервалом, создавая при этом анимированный ролик. Эти файлы занимают мало места, соответственно, их размещение на сайте или в социальной сети не составит проблем. Где тяжеловесные видеоролики разместить было бы проблематично.

С помощью онлайн-сервисов

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

Gifius

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

Как сделать красивую gif анимацию

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

Как сделать красивую gif анимацию

Поддерживаются только изображения, вставить видеоролик не удастся.

Online-converting

Зайдя на сайт сервиса, мы обнаружим две интересующие нас вкладки «Создать gif» и «Видео в gif». Для создания gif из изображений переходим во вкладку «Создать gif».

Как сделать красивую gif анимацию

Выполняем уже знакомые нам шаги, а для конвертирования жмем кнопку «Создать видео», после окончания процесса появится ссылка на скачивание.

Как сделать красивую gif анимацию

Если же нам нужно создать gif из видеоролика, переходим во вкладку с видео и вставляем файл нашего ролика. После конвертации станет доступна ссылка для закачки.

Как сделать красивую gif анимацию

Поддерживаются все популярные видеоформаты.

Gifmaker

Данный ресурс обладает большим функционалом, позволяя конвертировать файлы не только в gif, но и в другие популярные форматы. Для стандартного способа получения gif из изображений кликаем по кнопке «Upload images». Далее выполняем шаги «Create gif animation-Download the gif».

Как сделать красивую gif анимацию

В случае использования видеоролика переходим на другую вкладку путем нажатия «Video to gif». После загрузки ролика можно выбрать длину, размеры и количество кадров анимации.

Как сделать красивую gif анимацию

Для скачивания конвертируем ролик и кликаем «Download».

Imgflip

Если вы хотите создать gif-файл с небольшим разрешением, то для этого можно использовать онлайн-сервис Imgflip. Перейдя на его страницу, выбираем «Create-Make a Gif». В качестве исходного файла могут быть использованы форматы MP4, MOV, PNG, BMP и многие другие.

Как сделать красивую gif анимацию

А на странице присутствует подробная инструкция. Добавляем на выбор видеоролик или изображение, подбираем настройки и кликаем «Generate Gif». После конвертации появится диалоговое окно для скачивания.

Как сделать красивую gif анимацию

Максимальный формат gif ограничен числом х360 в бесплатной версии, этого разрешения будет вполне достаточно для вставки анимации в социальную сеть.

С помощью приложений

Приложения имеют более широкий функционал. Здесь можно добавлять визуальные эффекты, редактировать изображение и реализовать любые идеи.

Adobe Photoshop CC

Любители Adobe Photoshop CC могут воспользоваться встроенными инструментами для создания анимации. Для этого загружаем файлы следующим образом:

Как сделать красивую gif анимацию

Изображение, которое будет идти первым, должно быть расположено ниже остальных. Т.е. порядок кадров снизу вверх. Оставляем видимым первый кадр. Выбираем его и кликаем по вкладке «Создать анимацию кадра», активировав панель «Шкала времени».

Как сделать красивую gif анимацию

Далее нам нужно добавить оставшиеся кадры. Для этого необходимо кликнуть по иконке списка и выбрать «Создать кадры из слоев». Остается лишь задать частоту смены изображений.

Как сделать красивую gif анимацию

Сохраняем готовый gif следующим путем: «Файл-Экспортировать-Сохранить для Web». Если требуется преобразовать видеоролик, то добавляем его командой «Кадры видео в слои».

Как сделать красивую gif анимацию

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

Как сделать красивую gif анимацию

PhotoScape X

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

Как сделать красивую gif анимацию

Открываем вкладку «Create gif». Выбираем нужные нам файлы из проводника в левой части окна, добавляем на рабочую панель. Можно задать различные параметры, такие как размер, время смены кадров и отображаемый текст.

Как сделать красивую gif анимацию

Для сохранения файла нужно кликнуть кнопку «Save». Данное приложение доступно для установки как на Windows, так и на Mac OS.

QGifer

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

Как сделать красивую gif анимацию

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

Как сделать красивую gif анимацию

Для конвертации кликаем по кнопке «Извлечь Gif». После завершения этого процесса появится окно с предпросмотром и кнопкой сохранения.

Как сделать красивую gif анимацию

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

Источник

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

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