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

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

Основное предназначение сервиса Gifs заключается в создании картинок в формате GIF из любого видео с сервиса YouTube. Именно там предлагается поискать видеоряд, наиболее точно подходящий для иллюстрации вашего текста. Учитывая огромное количество материалов, хранящихся на YouTube, сделаете вы это без труда. Мы для примера выбрали забавный клип группы L’Impératrice.

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

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

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

Привет, друзья! 🙋🏻

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

Синемаграфия. Что же это такое?

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

Возможно, это происходит из-за ошибочного мнения, что для создания фото с движением нужно владеть профессиональным программами типа Фотошопа. Многие пользователи предполагают, что это слишком сложно, да и не хочется выделять лишний бюджет на дизайнера. Хотя все это совсем не так! В этой статье мы расскажем, как делать синемаграфию самостоятельно, быстро, местами бесплатно или за доступный каждому юзеру бюджет.

Реклама

Что такое синемаграфия и где она может использоваться?

Синемаграфия – это не фото и не видео, как некоторые считают. Она даже не похожа на знакомую всем анимацию, которую мы привыкли видеть. Живое фото, как говорит за себя само название, представляет собой статическую фотографию, на которой движется только определенная часть. К примеру, мигают огоньки, шевелятся на ветру волосы и так далее.

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

Посмотреть эту публикацию в Instagram

Публикация от Apple Music (@applemusic) 12 Июл 2017 в 9:34 PDT

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

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

Как сделать живое фото самому?

Существует два способа делать живые фото: Фотошоп и мобильные приложения для Андроид и iOS.

Ниже мы подробно опишем процесс создания синемаграфии с помощью двух этих способов.

Как сделать живое фото в Фотошопе?

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

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

Ну а мы желаем вам терпения и быстрого обучения!

Реклама

Приложения для живых фото/синемаграфии

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

Как сделать живое фото на Андроид и на Айфоне?

Самые оптимальные по стоимости приложения для iOS и Android:

  • PLOTAVERSE PRO (бесплатно, но включает водяной знак и встроенные покупки).
  • Cinegraph — Living Photos — $1.99.
  • Loopsie — при установке нужны реквизиты карты.

Из более дорогих, но качественных приложений, со всевозможными «наворотами» хотелось бы выделить Cinemagraph. Для установки этой программы вам нужно быть счастливым владельцем компьютера на Mac OS или iPhone.

Эту программу для создания синемаграфий разработала компания Flixel, которая в 2014 году получила награду от Apple Design Award. Особенности приложения: удобный интерфейс и неограниченные возможности создания синемаграфий. Стоимость использования зависит от выбранного вами тарифа.

Одним из самых популярных, платных приложений для создания синемаграфии на платформе Андроид является Cinemagraph. Разработано оно компанией Factyle. Программа имеет встроенное обучение, которое поможет новичку. По инструкции вы легко сможете создать синемаграфию в формате GIF. Для этого в программе можно использовать отрывок видео до 3 секунд.

Правила эффективной синемаграфии

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

Реклама

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

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

Созданием синемаграфию на примере приложения PLOTAVERSE PRO

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

  • Зарегистрируйтесь в приложении. У вас есть тестовый период, в течение которого на сделанных видео/гифках будет присутствовать водяной знак. Для создания синемаграфии вам нужно выбрать «Plotagraph».
  • Загрузите фотографию, которую хотите «оживить». Выберите инструмент «Mask». С помощью маски замажьте те области фотографии, которые должны остаться статичными. Для создания синемаграфии вам нужно выбрать «Plotagraph».
  • Затем перейдите в раздел «Animate» и выберите направление движения анимации (в моем варианте — вниз). Проставляем стрелочки на водопаде по ходу движения воды.
  • На предпросмотре (кнопка play) можно посмотреть на результат и отрегулировать скорость анимации. Кстати, чем медленнее анимация, тем естественнее она смотрится.
  • Скорее всего, какие-то статичные участки поплывут. Чтобы это исправить перейдите в раздел «Anchor». Проставьте якори в тех местах, где статичные области плывут при анимации. Или воспользуйтесь ластиком «Erase» для вытирания лишних элементов Mask.

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

Чем синемаграфия отличается от анимации?

Анимированные фотографии отличаются от живых фото тем, что в анимации накладываются дополнительные визуальные эффекты, которых во время съемки не было. Таким образом, это, скажем так, «дорисованные» фото. В то время, как в живых фото, движущие части изображения реальны — они просто зациклены для создания более интересного эффекта.

Из бесплатных приложений для анимации изображений можно попробовать, к примеру, Werble (только iOS). В Werble есть большой выбор анимационных эффектов, но большинство из них, к сожалению, платные. Анимация — простой, но действенный способ привлечь внимание подписчиков, пролистывающих ленту в соцсетях.

Чтобы было понятнее, посмотрите видео о возможностях приложения Werble для создания креативных фото с эффектами.

Чем живые фото отличаются от бумерангов, гифок и видео?

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

Посмотреть эту публикацию в Instagram

Публикация от Flixel Cinemagraph® Pro (@flixelphotos) 23 Май 2019 в 3:58 PDT

В то время, как гифка — это, всего навсего, зацикленное короткое видео, которое повторяется снова и снова, пока его не остановить.

Посмотреть эту публикацию в Instagram

Публикация от @mirrormememorables 4 Июн 2019 в 6:41 PDT

Бумеранг — это та же самая повторяющаяся гифка, в которой происходящее действие, по окончании, прокручивается назад, и все повторяется по кругу.

Посмотреть эту публикацию в Instagram

Публикация от Shefali Jariwala (@shefalijariwala) 1 Июн 2019 в 10:43 PDT

Ну а видео, — это совсем другая история. Видео имеет незацикленный визуальный ряд, который имеет начало и конец.

Вот мы и разобрали с вами по пунктам синемаграфию и поверхностно анимацию. Как видите «не так страшна синемаграфия, как басни о ней». Достаточно немного терпения, здорового любопытства и небольшого бюджета, чтобы ваши фотографии начали приковывать взгляд. Успешного вам продвижения.

Кликните, чтобы увеличить

Мне так нравится, как фотография ловит момент, перед тем как он исчезнет.

© Сьюзи Сэлмон, Милые кости.

Продолжаю рубрику нестандартного контента для Instagram. Я терпеть не могу статьи в стиле «55 типов контента, которые взорвут ваш профиль лайками». Обычно они представляют собой простое сборище первых попавшихся идей, причём половину запихнули просто для количества. Поэтому 1 идея = 1 статья. Сегодня я буду развивать тему видео начатую в статье про необычное использование Boomerang.

Итак, тема сегодняшнего поста — синематография. Первые синематографии были представлены Нью-Йорксим фотографом Джейми Беком и веб-дизайнером Кевином Бургом. Разумеется, первой реакцией может быть что-то в стиле «Да это же простая gifка». Верно и не верно одновременно. GIFку в Instagram не залить, и да, это не разновидность Boomerang, выглядит намного интереснее всамделишное живое фото. Интересно? Поехали.

Для начала я отвечу на вопрос КАК и только потом ЗАЧЕМ. Вот такая странная логика, да.

Паразайт — удобный сервис автопостинга, аналитики и работы с личными сообщениями в Инстаграме.

, чтобы получить неделю бесплатного использования!

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

Как сделать живое фото в Instagram?

Очень простой способ доступен только гордым владельцам устройств на iOS и macOS — приложение Flixel. Под Android наверняка есть какие-то аналоги, но вменяемого софта я не нашёл. Что позволяет сделать программа? Выбрать или снять небольшое видео и заштриховать на нём область, в которой мы оставляем движение. Всё остальное останется неподвижным. Выглядит всё очень просто:

Для начала я снял видео, в котором неожиданно приняла участие моя собака. Если что, льётся в бокал не вино, а йогурт. Снимал со штативом.

Дальше я выбрал ту область, в которой будет движение.

Выбрал эффект

Получилось немного магии. Снято при почти севшем солнце и не самом удачном свете, но получилось вполне неплохо. На всё создание ролика я потратил несколько минут.

Промо-код DNATIVE20 даёт 20% скидку на все тарифы Flixel при покупке через официальный сайт.

Более сложный, но по прежнему простой вариант — использование традионного Photoshop. Для поиска исходного видео для статьи я убил минут 30, мои идеи с бутылкой вина, собакой и кружкой кофе, воплотились в «так себе посты», слишком мало света вокруг меня. Но мы будем нацеливаться на авторские ролики снятый на телефон/камеру. Ключевой момент в исходном ролике — камера должна быть абсолютно неподвижна. В идеале вам потребуется штатив, но мне удавалось обходиться и подручными средствами.

Вся работа при создании синематографии происходит в вашем лицензионном Photoshop. Видео можно обрезать отдельным софтом или же при импорте.

1. Импортируем видеофайл в Photoshop – Файл – Импортировать – Кадры видео в слои – выбираем необходимый файл. Теперь каждый кадр открывается как новый слой.

2. Выбираем статичный слой и объединяем все оставшиеся через Ctrl+G. Далее Слои — Слой-Маска — Скрыть всё

3. На первом неподвижном слое через любой удобный для вас инструмент, выделяем область, в которой у нас будет движение и закрашиваем белым цветом. Это будет наше «Окно» через все слои.

4. Теперь нам надо включить раздел анимации, если он у вас ещё не появился. Окно — рабочая область — анимация. Теперь появилась область с кадрами нашего будущего синематографа. Посмотрите вашу последовательность кадров. Почти все из них с прозрачным фоном. Чтобы избавиться от него выделите первый слой на панели со слоями и щелкните на пиктограмму «Унифицировать видимость слоя». В появившемся диалоговом окне, выберите «Синхронизировать».

Всё, наш ролик практически готов. Чтобы зациклить итоговое видео, копируем все получившиеся у нас кадры с помощью выпадающего меню. Далее в том же меню выберите пункт «Вставить кадры». В появившемся диалоговом окне выберите «Вклеить после выделенной области».Не снимая выделение кадров, выберите в меню пункт «Обратный порядок кадров».

Готово! Поздравляю, вы восхитительны! Ну почти.

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

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

Дмитрий Меткин.

В Photoshop ты очень сильно ограничен. Даже при съёмке на хорошую камеру, с хорошим светом и штативом, получится анимировать только неподвижные объекты. Если же мы берём живых людей, маски из Photoshop тут не помогут, изображение будет дёрганным, смазанным и нереалистичным. Тут нам на помощь приходит Adobe After Effects.

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

Видео опубликовано Дима Меткин (@dmetkin) Ноя 19 2016 в 3:49 PST

Зачем вашему профилю синемаграфия?

И тут мы пришли к самому главному вопросу. Если можно сделать обычный Boomerang или фотографию? Приведу пару примеров красот из интернета. Да, они оформлены в формате GIF, но с точно таким же успехом могли размещаться в формате видео в профиле модного бренда или магазина украшений.

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

Видео опубликовано Дима Меткин (@dmetkin) Ноя 16 2016 в 4:28 PST

Дмитрий Меткин

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

Логичным продолжением развития фотографии и может стать синемограф. Впервые я столкнулся с аналогами синемотографии в Гарри Поттере в его движущихся картинах, и уже тогда эта идея смогла меня зацепить.

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

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

Если брать моё агентство, то ещё с первых экспериментов с синемографами этим летом, примерно раз в неделю ко мне прилетают запросы от крупных брендов. Я вижу в этом потенциал.

В наших краях подобные снимки только начинают набирать популярность, поэтому вы можете удивить своих подписчиков чем-то новым. На создание моего примера у меня ушло минут 10, каждый следующий «продукт» занимает всё меньше времени. Просто попробуйте, своими результатами я поделюсь немного позже.

Лучший блог про Instagram в социальных сетях. Подписался на свежие статьи?

Telegram-канал
Группа Вконтакте
Страница в Facebook
Youtube-канал


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

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