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

Делаем «живое» фото на iPhone и Android

Инстаграм охватила мода на «живое фото». Это интересный вариант нестандартного контента: зацикленное на повтор анимированное фото без звука, сделанное при помощи специальных приложений. Комбинировать такой видеоряд можно из обычных статичных снимков или из видео.

Будьте в тренде: для этого потребуется только смартфон – iPhone или Android – и специальное приложение. Какое именно? Выбирайте сами: мы составили рейтинг бесплатных программ для создания движущегося фото с описанием каждой из них. Программы перечислены в случайном порядке, какая из них будет лучшей для вас – решайте сами!

Как сделать живую картинку?

Анимированное фото и его отличие от GIF

Фотография в движении привлекает внимание пользователей, а в Инстаграме есть только один способ завладеть вниманием аудитории: интересный визуальный контент. Это эффективный инструмент для расширения аудитории, которым пользуются и коммерческие аккаунты, и обычные люди, которые любят экспериментировать и радовать своих подписчиков. Так что будем учиться делать фото живым.

В отличие от GIF, в «живом фото» двигается не весь кадр, а только его часть – на чем автор желает сделать акцент. Здесь очень важно сначала продумать идею, а потом уже начинать работу со снимком.

Технически наложение работает очень просто: отдельные части снимка оживляют при помощи векторов, приводя в движение, например, воду на фото или облака в небе, или другие части фона. Или не фона – можно «оживить» и людей, и предметы, например, сделать движущейся полностью фигуру человека, а не часть её.

И вот наш топ программ, с которыми делать «живые» фотографии смогут и профессионалы, и люди, которые прежде не работали с фотоконтентом:

Werble – Фотоаниматор

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

StoryZ Живые фото

Наборы анимаций для начинающих и профи: пульсация, движение, наложение видео на статичные снимки, смешанные изображения, указатели движения. Есть опция добавления музыки к анимации, а еще – опция создания объединенного изображения из фото и видео. Можно работать над снимком в несколько этапов, сохраняя черновик и возвращаясь к нему позднее. Пользователи участвуют в еженедельных конкурсах и событиях. В приложении легко создавать, сохранять и «шарить» фото и видео.

Cinemapic – Анимация Фото

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

Enlight Pixaloop

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

Cinemagraph Pro

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

PLOTAVERSE

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

Готовим фото к наложению анимации

Сделать из обычного снимка фото профессионального качества можно при помощи Movavi Picverse:

Все это и многое другое доступно в базовой версии Movavi Picverse. Программа работает более чем с двумя десятками форматов файлов, включая RAW.

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

Источник

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

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

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

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

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

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

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

Adobe Photoshop

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

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

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

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

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

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

Gifovina

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

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

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

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

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

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

GIF из видео

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

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

Video To Gif Lab

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

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

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

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

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

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

Online-convert

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

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

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

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

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

Camtasia Studio

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

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

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

Источник

Как сделать 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.

Желаем удачи в создании анимированных картинок! Не забудьте поделиться своими успехами в комментариях:-)

Источник