Приложения для синемаграфики: Синемаграфия. Как сделать? (Примеры, Программы и Приложения)

Синемаграфия. Как сделать? (Примеры, Программы и Приложения)

Пример Cinemagraphy

Содержание статьи

1. Что такое синемаграфия
2. Примеры синемаграфий
3. Как сделать самому: создаем синемаграфию в Фотошопе
4. Топ Программи Приложений
5. Правила эффективной синемаграфии

Что такое синемаграфия

Синемаграфия – это не фото и не видео. Она даже не похожа на анимацию, какую мы привыкли видеть, поскольку встречаются даже синемаграфии в разрешении 6К. Легкие движения в бесконечном цикле создают эффект «живого»фото. Цикл видео обычно используется от 1 до 5 секунд.

Пример Синемаграфии. Куда лучше чем статическое фото, не так ли?

Синемаграфия и создание живых фотографий – это мощный инструмент электронного маркетинга. Мировые бренды пользуются услугами дорогостоящих фотографов и операторов, которые создадут не просто анимированное изображение, а живую рекламу.

Синемаграфия может использоваться в различных целях:

• Реклама

• Соц. сети

• Презентации

• Сайты

• Заставка

• Галереи

Примеры синемаграфий

Сервис Apple Music использовал данный пост для контекстного продвижения своего продукта в сети Инстаграм.

Фокусный объект, который расположен на динамичном фоне.

Anne Green Gables Cinemagraphy

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

Представьте такую синемаграфию на сайте фотографа. Она свидетельствует о профессионализме, нестандартном мышлении фотографа и о его навыках работы с редакторами.

А такая заставка на экранах в кафе/ресторане пробудит аппетит даже у сытого посетителя, заставив его купить еще.

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

Как сделать самому?

Синемаграфия на компьютере самостоятельно – это просто. Для этого вам не потребуются навыки владения разными программами. Детальная видео инструкция, как сделать синемаграфию в Фотошопе, даст ответы на все вопросы.

Урок на 1 мин

или на русском языке…

Урок по Cinemagraph на русском языке

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

Топ программ и приложений в которых можно сделать синемаграфию

Приложения для синемаграфии могут скачать пользователи компьютеров на ОС Windows и Mac OS, а также владельцы смартфонов на Android и iOS. Разберем детальнее программы для каждого типа устройств.

Photoshop

Adobe Photoshop

Принцип создания «живого фото» в Adobe Photoshop подразумевает работу с анимацией.

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

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

Premiere Pro

Premiere Pro

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

Анимировать объекты помогает кейфрейм – ключевой кадр. При помощи программы объекты на видео можно замораживать, перемещать, изменять размер ит. п.

Сохранить синемаграфию можно в форматах: gif, mp4, mwv.

Рекомендуем к использованию «1500+ Переходов для Adobe Pemiere и After Effects СС (с инструкцией)».

Cinemagraph Pro для Apple

Sinemagraph Pro

Владельцы компьютера на Mac OS имеют возможность создавать «живые фото» в специализированной программе Cinemagraph Pro.

Программу для создания синемаграфий разработала компания Flixel, которая в 2014 году получила награду от Apple Design Award.

Адаптивная версия приложения доступна для смартфонов на iOS.Особенности приложения: удобный интерфейс и неограниченные возможности создания синемаграфий.

Cinemagraph для Android

Cinemagraph

Cinemagraph – одно из самыхпопулярных платных приложений для создания синемаграфии на андроид. Разработанокомпанией Factyle.

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

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

1. Сценарий

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

2. Фокус

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

3. Съемка

Качество медиа зависит от оператора и от модели, если съемка ведется живого человека. Камера должна быть неподвижна, стоять на штативе. Если, например, это реклама одежды на живом манекене, то он должен делать плавные, статичные движения.

Оператор должен обратить внимание на постановку кадра, фокус, количество света и т.п.

4. Обработка

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

5. Размещение

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

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

Рекомендуем также посмотреть «33 урока по созданию анимации». А так же «Как сделать гифку из видео за 30 секунд».

Синемаграфия в Instagram / Паразайт

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

Синемаграфия как новая функция

Большинство из нас узнали о функции «живых» фотографий, когда читали описания нововведений следующей версии айфона: iPhone 6s и iPhone 6s Plus — это первые модели телефона, которые обладают встроенной функцией живых кадров. Она дает возможность просматривать снимки, созданные в записи, при помощи 3D Touch.

Пример синемаграфии — симпатично и просто

Синемаграфия — это синергия фото и видео формата. Технически кадр является файлом в gif-формате. Публикуя такое изображение, вы привлекаете больше внимания к своему контенту: изображение с одной стороны остается статичным, как фото, но одна деталь (часть картинки) становится анимированной, как видео.

Quickley — первая официальная CRM для Instagram.Узнать больше

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

Многие бренды уже вооружились новой функцией: пример от компании Lindt

На самом деле «живые» фото придумали довольно давно, еще в 2011 году: два журналиста-фотографа из Нью-Йорка, Кевин Барг и Джейми Бек, делали материалы про моду более интерактивными, а иллюстрации более запоминающимися, оживляя фотографии. Теперь их задумкой призываем пользоваться и мы. Тем более что сейчас делать синемаграфии можно не только в фотошопе, но и с помощью мобильных устройств.

Приложения для работы

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

Простая синемаграфия в аккаунте блогера

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

1. Livemaker: приложение для iOS
2. Lively: работает на iOS, может перевести созданные с помощью встроенной функции живые фото в gif-формат
3. IntoLive: приложение по созданию живых обоев на телефон
4. Camera MX: приложение для Android
5. Loopsie: приложение подходит для обеих ОС
6. Cinemagram: еще одно приложение для Android и iOS
7. Fotodanz: приложение для Android

Комментарий Ксении Ясюлевич, SMM-директора Painty:

Сейчас у блогеров и брендов такие прокачанные Инстаграмы (особенно у западных), что приходится все время прыгать выше головы и удивлять свою аудиторию.

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

Если мне нужно сделать что-то очень простое, быстрое, но красивое, я использую «Гугл фото». Делаю несколько кадров с одного ракурса (как бы имитируя передвижение объекта) и создаю из этого анимацию.

Повторить и запомнить

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

Инструкция по созданию синемаграфии в бесплатной программе VSDC

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

В первую очередь установите подходящее ПО на компьютер

Поскольку основа синемаграфии состоит из статичных изображений, многие считают, что для работы с ними необходим фотошоп или любой другой фоторедактор. Однако если у вас нет опыта работы в Adobe Photoshop, чтобы разобраться в программе, у вас уйдёт немало времени. Для одной лишь задачи создания «живой картинки» это не всегда рационально. Мы предлагаем противоположный подход. Для инструкции ниже мы будем использовать видеоредактор VSDC, и если вы начинающий пользователь, это одна из наиболее подходящих для вас программ:

• VSDC создан для работы с видео и, в отличие от редакторов изображений, включает в себя все инструменты, необходимые для создания синемаграфов;
• Эта программа доступна в абсолютно бесплатной версии;
• Для создания синемаграфий в VSDC вам не потребуется ни опыт монтажа, ни какие-либо специальные знания.

Как создать синемаграфию на компьютере: метод №1

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

Если вы предпочитаете видеоуроки, можете воспользоваться этой короткой инструкцией:

1. Запустите VSDC на вашем компьютере.
2. На стартовом экране выберите опцию «Импортировать контент».
3. Выберите видео, которое вы планируете использовать для синемаграфа и нажмите ОК. Видео будет автоматически добавлено на шкалу времени в редакторе.
4. Левой кнопкой мыши кликните на том моменте в видео, который вы хотите «заморозить» и использовать в качестве статичного фона.
5. Перейдите в раздел «Удаление и разбивка», расположенный в верхнем меню, и нажмите на иконку с изображением гаечного ключа. В выпадающем меню выберите опцию «Создать скриншот». Изображение будет добавлено в окно ресурсов справа (раздел «Изображения»).
6. Вернитесь на шкалу времени и переместите курсор в самое начало видео. Таким образом, все последующие объекты будут автоматически добавлены в начало клипа.

7. Теперь перетащите скриншот на рабочую область – он автоматически будет добавлен и на шкалу времени.
8. В меню с левой стороны найдите зелёную иконку «Добавить свободную фигуру». Добавьте фигуру на сцену, нажав ОК.
9. Сформируйте фигуру, удерживая левую кнопку мыши и двигая курсор по рабочей области редактора.
10. Сделайте двойной щелчок по слою «Свободная фигура» на шкале времени.
11. Удалите все «Точки фигуры».
12. Перейдите в верхнюю часть интерфейса программы и найдите вкладку «Свободная фигура». Слева нажмите иконку «Вставить точку».
13. Используйте левую кнопку мыши, чтобы выделить область, которая должна «ожить» на синемаграфии.
14. Вернитесь во вкладку «Сцена 0» по левой стороне шкалы времени.
15. Перейдите в «Окна свойств» — просто щёлкните правой кнопкой мыши по слою свободной фигуры и выберите «Свойства» – и закрасьте свободную фигуру чёрным цветом. Убедитесь в том, что при заливке цветом вы используете инструмент «Кисть», а не «Карандаш».

16. Правой кнопкой мыши кликните по слою с видео и выберите «Вырезать».
17. Сделайте двойной щелчок по слою «Свободная фигура» на шкале времени.
18. Перейдите в верхнее меню, выберите «Видеоэффекты —> Прозрачность —> Обтравочная маска».
19. Слой обтравочной маски автоматически будет добавлен на шкалу времени – сделайте по нему двойной щелчок.
20. Правой кнопкой мыши щёлкните по рабочей области и выберите «Вставить». Таким образом, вы добавите видео в область обтравочной маски.
21. Нажмите красную кнопку предпросмотра над шкалой времени, и убедитесь в том, что всё выглядит так, как вы планировали.
22. Перейдите во вкладку «Экспорт проекта» в верхней части интерфейса редактора.
    Выберите формат для вашего проекта, а также расположение на ПК и сохраните готовый синемаграф.
23. Завершите процесс нажатием на красную кнопку «Экспортировать проект».

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

Как создать синемаграфию на компьютере: метод №2

Во втором методе мы будем использовать инструмент маски. Это удобный способ создать эффект «живой картинки», однако, вы должны знать, что маска – это инструмент премиальной версии VSDC, и чтобы использовать её, вам необходимо приобрести подписку ($19,99 в год). Видео, иллюстрирующее метод №2, расположено ниже:

1. Повторите первые 6 шагов из метода №1.
2. Щёлкните левой кнопкой мыши по рабочей области редактора. Таким образом, вы снимите выделение со слоя видео на шкале времени, и все последующие объекты будут добавляться поверх.
3. Перетащите скриншот на рабочую область редактора из окна ресурсов. Он автоматически будет добавлен в начало сцены.
4. Сделайте двойной щелчок по новому слою «Изображение».
5. Выберите зелёную кнопку «Вставить эллипс» из меню слева и нажмите ОК. В зависимости от типа изображения, с которым вы работаете, вы можете выбрать прямоугольную фигуру или снова воспользоваться инструментом “Свободная фигура”.
6. Добавьте эллипс на сцену, удерживая левую кнопку мыши.
7. Разместите его таким образом, чтобы он точно закрывал ту область, которую вы планируете «оживить» в последствии.
8. Перейдите в окно свойств и закрасьте эллипс чёрным цветом. Убедитесь в том, что вы используете инструмент «Кисть», а не «Карандаш».
9. В левой части шкалы времени найдите меню «Режим смешивания» и выберите опцию «Маска».
10. Используйте кнопку предпросмотра, чтобы убедиться в том, что всё выглядит так, как вы задумывали.
11. Перейдите во вкладку «Экспорт проекта» в верхней части меню редактора. Выберите необходимый формат для вашего проекта, а также расположение на ПК и сохраните готовый синемаграф.
12. Завершите процесс нажатием на красную кнопку «Экспортировать проект».

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

Ключевые различия между двумя вышеописанными методами отражены в данной таблице.

 

	Метод #1 (бесплатно)	Метод #2 (версия Pro)
Сколько слоёв на сцене?	Два: Свободная фигура и изображение (скриншот)	Два: Видео и изображение (скриншот)
Какой слой является фоновым?	Изображение (скриншот)	Видео
С каким слоем ведётся основная работа (редактирование)?	Слой со свободной фигурой и обтравочной маской	Слой с изображением
Какой эффект применяется?	Вставка обтравочной маски с видео в свободной форме внутри.	Вставка эллипса или прямоугольника с применением маски на слое изображения

 

На этом всё. Выбирайте наиболее подходящий для вас метод и приятного редактирования!

Синемаграфия: 10 вдохновляющих примеров

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

Благодарить за создание новой техники нужно фотографов Кевина Бурга (Kevin Burg) и Джеймса Бека (James Beck), которые ввели термин «синемаграфия» в 2011 году. Спустя 5 лет эта концепция все еще остается одним из актуальных трендов веб-дизайна. «Живые картинки» в gif-формате используются как альтернатива привычным видеозаставкам, захватывая все внимание пользователей (доказано, что живая картинка привлекает покупателей намного больше, чем статичное изображение).

Для создания эффекта синемаграфии можно использовать Adobe Photoshop, After Effects и другие программы; в последние годы появились даже приложения для iPhone и Android. Вашему вниманию — 10 завораживающих примеров использования этой техники, которые никого не оставят равнодушным.

1. Отражение

Это ожившее фото от Toma Iakopo передает все оттенки движения в отражении солнцезащитных очков женщины. 

2. Бабочка в колокольчике

«Живая картинка» от студии Ann Street притягивает взгляд мягким освещением и сдержанными, приятными цветами. В первую очередь, зрители замечают анимированную бабочку и позже переключаются на мерцание огонька свечи на заднем фоне.

3. Знойное утро

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

4. Рей на планете Такодана

Даже если вы не фанат Звездных войн, живая картинка из эпизода VII «Пробуждение Силы» («The Force Awakens») достойна внимания. Течение воды и игра света как нельзя лучше передают важность момента — первого визита Рея на планету Такодана.  

Фоновое видео на вашем лендинге: польза или вред?

5. Ниагарский водопад

От движения огромной массы воды и исходящего от нее пара просто захватывает дух! Именно на этот эффект и рассчитывали мастера из Orbo Cinemagraphs.

6. Паровоз в зимнем лесу

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

7. Бруклинский мост в движении

Мишель Молдер (Michel Molder) известен благодаря своей библиотеке «живых картинок». Его Бруклинский мост — отличный пример того, как привычное движение может стать удивительным, если убрать все отвлекающие факторы. 

8. Высокая мода

Эффект синемаграфии помогает автору этого снимка Шерифу Мокбель (Sherif Mokbel) подчеркнуть изысканную одежду модели, создавая резкий контраст с industrial-фоном.

9. Гамлет (Hamlet at Elsinore)

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

10. Виски и сигареты

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

Встречали яркие примеры синемаграфии? Поделитесь ими в комментариях!

Высоких вам конверсий!

По материалам: ceros.com

18-11-2016

Как сделать живое фото (синемаграфию) в Инстаграм

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

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

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

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

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

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

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

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

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

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

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

Существует два способа делать живые фото: Фотошоп и мобильные приложения для Андроид и 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 для создания креативных фото с эффектами.