Синемаграфия приложение – Новое приложение для Android создает синемаграфы

Синемаграфия в Instagram / Parasite

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

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

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

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

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

Настройте отложенные посты в соцсети — мы поддерживаем даже гифки.Начать

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

Многие бренды уже вооружились новой функцией: пример от компании 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:

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

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

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

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

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

parasitelab.com

Cinemagraph Pro — создание «подвижных» фотографий на Mac (видео)

Программа Cinemagraph Pro, которая сейчас продается в Mac App Store с большой скидкой поможет Вам разнообразить свои фотографии с помощью эффекта «движения». Суть работы программы заключается в создании подвижного объекта или области на фото. 

Facebook

Twitter

Вконтакте

Google+

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

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

После съемки перенесите видео на свой компьютер Mac. И приступайте к созданию «подвижных» фотографий:

Запустите программу Cinemagraph Pro. При первом запуске откроется окно, где вы сможете выбрать один из Ваших проектов или создать новый:

Для создания нового документа выберите видео со своего компьютера в следующем окне:

После выбора видео программа предложит создать свой проект в указанной Вами папке:

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

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

Далее Вы можете настроить повтор картинки: сделать это можно с помощью опции Loop. На выбор пользователя доступно два варианта: Repeat — простой повтор движения и Bounce — движение туда-обратно. Для каждого из двух параметров Вы сможете настроить задержку и скорость воспроизведения.

Заключительный этап — применение эффектов. Активируется с помощью вкладки Effects.После завершения процесса редактирования Вы можете экспортировать видео либо в формате видео, либо в виде gif-анимации. Сделать это можно с помощью клавиши Render. Перед экспортом можно также указать разрешение видео, папку для сохранения и настроить количество повторений ролика.

Скачать Cinemagraph Pre (Mac App Store)

Смотрите также:

yablyk.com

Как сделать живые фото для Инстаграм на iPhone/Android

Живые фото в Инстаграм — интересная фишка. Примеры таких живых фото, сделанных с помощью приложения Плотаграф, смотрите в официальном аккаунте Инстаграм @plotaverse. Эти живые фото сделаны из фотографий, но можно делать их и из видео.

Хотите больше идей для фото в Инстаграм? Подпишитесь на нас в Pinterest!

Как сделать такое живое фото и можно ли с помощью айфона или смартфона на андроиде? Можно! Нужно будет установить одно из (или оба) приложений: Plotagraph и Cinemagraph. Их основное отличие — Плотаграф делает живое фото из обычной фотографии, а Синемаграф — из видео. Синемаграф конечно будет реалистичнее, но и Плотаграф даёт интересный эффект. Лично мне Плотаграф нравится даже больше, т.к. можно использовать бесплатные качественные фото и делать из них красоту.

Как сделать живые фото Плотаграф на iPhone/Android

Plotagraph — это оживление части фотографии векторами.

Приложение для iPhone — Plotagraph+ https://itunes.apple.com/us/app/plotagraph-photo-animator/id1244669793
Для Андроид приложения пока нет, но вы можете скачать программу для Windows по этой ссылке http://download.plotagraphapp.com. Нужна будет регистрация на официальном сайте.

После готовое видео-плотаграф можно будет загрузить на Андроид и оттуда в Инстаграм.

Принцип работы в приложении для iPhone и для компьютера одинаковый.

1. Загружаем фото в приложение. Лучше и реалистичнее всего будут выглядеть живые фото, где двигается вода/облака. Вода — это не только море, можно и кофе в кружке, фонтан и т.д.
2. Рисуем стрелочки по направлению движения в той зоне, где нужно «оживить» изображение. Чем короче стрелочки, тем реалистичнее будет итоговый эффект.
3. Ставим ограничительные точки там, где изображение должно остаться неподвижным.
4. Для предпросмотра можно нажать треугольник внизу.
5. Делаем экспорт получившегося живого фото и сохраняем (формат — видео .mp4).
6. Скидываем на телефон и загружаем в Инстаграм. Получившееся видео — это и есть «живое фото»

Как сделать живое фото Синемаграф из видео на айфоне/андроиде

Живое фото из видео будет реалистичнее. Потому что принцип работы — вы замораживаете отдельные участки, а не оживляете. Т.е. движение на фото будет полностью реальным.

Такой эффект можно сделать в приложении для iPhone или Android — Cinemagraph.

Первое, что нужно сделать — подумать, каким будет видео. Какую часть кадра вы заморозите, какой эффект получится? Самый очевидный вариант — вода, река. Ещё можно сделать изображение движущегося отражения в зеркале, разделить движущуюся толпу пополам (одна двигается, вторую заморозить). Лучше всего, если вы будете снимать со штатива или поставив телефон на подставку.

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

1. Открываете приложение, направляете камеру на предмет съёмки.
2. Нажимаете и удерживаете круглую кнопку внизу.
3. Пальцем закрашиваете те участки, которые будут «живыми». Наверху есть кнопки, чтобы изменить размер кружка, которым закрашиваете, и степень прозрачности.
4. Галочка — готово, дождитесь обработки видео.
5. Можно поделиться получившимся видео (это и будет «живое фото) сразу в Инстаграм или на почту/послать в мессенджеры.

instagrammar.ru

Loopsie: создаём «живые» фотографии в два этапа

Приложение Loopsie позволяет быстро создавать синемаграфы без каких-либо специальных навыков или аксессуаров вроде штатива. И при этом совершенно бесплатно!

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

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

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

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

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

Всё! Синемаграф готов. Загружаем в Instagram или Facebook с хештегами #loopsie и #loopsieoftheday.

Цена: Бесплатно

Цена: Бесплатно

lifehacker.ru

Cinemagraph Tutorial / Урок Синемаграфии

Думаю сейчас синемаграфика уже не редкость и про неё знают все, но и многие хотят сделать сами.
В интернете есть множество уроков, но все они учат делать в фотошопе, это не лучший подход к этому делу. В этом уроке я покажу вам как сделать синемаграфику в Adobe After Effects и немного опишу процесс обработки фотографии.
Сейчас есть много программ для iOS для создания синемаграфики, самая известная это Echograph, также есть и социалка типа Instagram, но вместо фотографий там синемаграфы, в программе можно и создавать и смотреть другие работы- Cinemagram

Но мы раcсмотрим професcиональный способ создания Cinemagraph, также, если вы ни разу не работали в After Effects, то это вам пригодится. Я взял для примера самое простое видео, чтобы проще объяснить основы и принцип.

Есть очевидные вещи, такие как, создавать видео с человеком который меньше шевелится, и прогадывать движения для дальнейшего зацикливания их на видео. Перед созданием продумайте анимацию, и делайте больше пробных видео.
Синемаграфика это не совсем стиль gif картинки, это фотография, на которой показаны лишь основные элементы, небольшие анимированные детали, на которых вы хотите сделать акцент. Старайтесь создавать видео, на котором будет небольшой анимированный участок, иначе это будет и не синемаграфика, и не фотография, а очередной хлам из gif подборок. Мой пример не является идеалом и референсом к выше описанному, это лишь простой пример.
К чему нужно стремиться, это к результату создателя этого жанра фотографии — http://cinemagraphs.com/
Попробую описать вкратце, чтобы не запутать. After Effects довольно непростая программа и требует немало времени для её изучения. Советую посмотреть уроки для начинающих от Video Copilot
1- Перетащите видео в программу
2- Создайте композицию из видео. Перетащите видео на иконку композиции, или кликните правой кнопкой-New Comp from Selection

3- Далее нам нужно выбрать на видео именно тот кусок, который будем использовать в синемографике. Выберите нужный участок потянув за края видео на таймлайне. Я в данном примере просто сделал реверс видео, но чаще всего нужно совместить конец видео с его началом, иногда конец уводят в прозрачность чтобы небыло резкого перехода (но изначально нужно писать видео так, чтобы можно было зациклить конец и начало анимации) прозрачность можно задавать нажав на выделенном видео T, и выставить Opacity.
Принцип анимации в AE, как и везде, действия происходят от одной точки до другой на таймлайне.
Нажмите на иконку StopWatch слева от видео, и выставляйте прозрачность на таймлайне добавляя кейфрэймы. Если вы ни разу до этого не имели дело с After Effect, то для вас я выше указал ссылку с уроками.
На моём примере я скопировал видео и проиграл его наоборот.
Нажмите на видео (в композиции) и выберите- Time/Time-Reverse Layer.

После того как вы выбрали нужный интервал анимации, нам нужно указать продолжительность композиции, настройки композиции, находятся тут- Composition/Composition Settings… Задайте нужное время композиции в закладке Duration, остальные настройки выставим в конце.


(Я предпочитаю DaVinci Resolve для грэддинга и камеру Blackmagic Pocket, но After Effect вам будет проще для начала + любая зеркалка) Самое главное почему нужно использовать AE, это удобная работа с масками и цветокоррекция, свет и т.д
Теперь нам нужно создать статичное видео и элемент с анимацией. Копируем видео и вставляем его поверх. И если у вас (как у меня) на таймлайне два слоя с видео, их нужно объединить- выделите два слоя, в меню Layer/Pre-compose/выберите Move all atributes и жмите OK.
На нижнем видео жмём правой кнопкой и выбираем Time/Freeze Frame , на том месте, где оно должно остановиться.

На верхнем видео мы обводим маской нужный нам участок.Выбираем Pen Tool (G) на выделеном видео и обрисовываем кривой нужный участок.

И самое удобное, мы можем создавать полупрозрачные края маски, см. скриншет Mask Feather.
Смысл прост, внизу видео статичное поверх видео с анимацией (нужный участок в маске). Далее переходим к цветокоррекции.
Но сначала нам нужно опять создать единую композицию, как я уже выше писал- выделите два слоя, в меню Layer/Pre-compose/выберите Move all atributes и жмите OK.
Теперь немоло важный момент, на выходе у нас будет gif, у gif всего 256 цветов, поэтому он невсегда выглядит сглаженным и красивым, есть 2 пути решения этой проблемы. Первый это уменьшение картинки в коде, я сохранял картинку шириной в 800 px, учитывая что в блог я вставлю её шириной 700 px, при уменьшении её в коде, gif получается более сглаженный и чёткий. Второй момент это цветность, чем больше насыщенность цветов в фотографии тем меньше её качество на выходе (поскольку в gif 256 цветов), поэтому можно заметить что в основном на всех синемаграфах пастэльные тона, мягкие цвета и фотография ненасыщенная, или ч.б.
Поэтому чтобы перейти к обработке, учтём первый момент.
После того как мы всё объединили, мы заходим в меню Composition/Composition Settings и выставляем нам нужный размер по ширине (на 100-200 пикселей больше чем нужный размер при вставке на сайт)

Выставляем размеры, 24-25 кадров в секунду (или меньше, принимая во внимание вашу анимацию) и жмём OK

Далее нужно обработать фотографию.
AE ничем не хуже Photoshop, тут есть весь набор инструментов. Самые базовые в меню- Effect/ Color Correction
Я использовал кривые (Curves), чб фильтр (Black & White), чёрные/белые шэйпы с мультиплай и синий слой для холодного оттенка.
Для работы, помимо стандартных инструментов, советую воспользоваться плагином Magic Bullet Looks
Также советую посмотреть видео уроки по цветокоррекции тут и само собой на VideoCopilot.net
После того, как вы обработали видео, и сделали всё необходимое, нужно отрендерить видео, и получить gif картинку для сайта.
Тут всё проще:
1- Выбираем в меню Composition/Pre-render…

2- Выбираем Output Module и жмём на Custom: QuickTime

3- Жмём на Format Option и выбираем Video Codec- Animation и жмём OK.

4- Жмём везде ок, выбираем название файла и путь для сохранения. Справа от Output Module жмём на Output To.
5- Жмём на кнопку Render.
Теперь нам нужно открыть Photoshop, открыть в нём наше отрендереное видео и сохранить его как gif.
Выбирайте File/Save for Web…

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

Вот и всё. Смотрите видео уроки по Adobe After Effects, либо осваивайте несложные действия по этому уроку. Если у вас возникли вопросы, то ниже их можно задать в комментах. Ставьте Лайк и делайте репост.

Cinemagraph, Tutorials post by 513.

i513.pro

Cинемаграфия — живые фотографии | Дизайн в жизни

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

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

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

Эффект синемаграфии может быть создан как в Adobe Photoshop и After Effects так и в других специально созданных под данные нужды программах. Сейчас разработано достаточно много приложений под iPhone и Android, позволяющих делать из видео фото с синемаграфией. Например, Cinemagr.am для  iPhone и Fotodanz для Android. Принцип их работы один и тот же — из выбранного небольшого кусочка видео с желательно зацикленным движением какого-либо объекта вычленяется та часть, которая будет двигаться, а остальные остаются неизменными как в первом кадре.

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

А могут быть и такие забавные примеры.

Хотите научиться делать так же? Синемаграфию может создать каждый, и как это сделать, я расскажу в своей статье «Синемаграфия. Как создать живое фото«.

Если мои публикации заинтересовали вас, то предлагаю оформить подписку на новые статьи, чтобы быть в курсе последних обновлений на сайте Des-life.ru.

Так же вы можете поддержать автора статьи, просмотрев небольшой рекламный ролик:

(Visited 15 289 times, 2 visits today)

des-life.ru

Анимация для iPhone с приложением Cinemagram

Примерно два года назад в сети интернет появились первые синемаграмы — анимированные изображения, которые кардинально отличались от стандартных gif-картинок плавной анимацией, а также использованием дополнительных эффектов. В то время для создания синемаграмы пользователям нужно было разбираться в инструментах Adobe Photoshop, что представляло некоторую трудность для многих людей. Теперь же все стало проще — для создания синемаграмы вам достаточно воспользоваться специальным приложением для iOS под названием Cinemagram.

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

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

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

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

И в качестве завершающего этапа, Cinemagram предложит вам выбрать один из доступных фильтров, чтобы сделать вашу синемаграму более привлекательной. Набор фильтров почти точно такой же, какой мы могли видеть в Instagram. Вот и все. Кликнув на галочку, расположенную в правом верхнем углу, вы сразу же опубликуете вашу синемаграму.

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

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

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

Приложение Cinemagram распространяется совершенно бесплатно. Полноценно использовать Cinemagram могут только владельцы смартфонов iPhone и плееров iPod Touch.

[iTunes link] – Бесплатно

ibobr.ru