Техника Cinemagraph — оживляем фотографию. Эффект движения в фотошопе

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

A post shared by PLOTAGRAPH OFFICIAL (@plotagraph) on Nov 15, 2017 at 5:03am PST

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

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

Как превратить видео в Живое фото с помощью Cinemagraph.

Иногда сделать живое фото из видео проще, а еще оно выглядит реалистичнее, чем созданное в Платограф. Для создания живых фото с помощью видео есть специальная программа Синематограф. Она доступна для мобильных телефонов на IOS и Android.
В видео все движения реалистичны и все объекты находятся в постоянно движении с их реальной скоростью и частотой. Если делать лайф-фото с помощью фотографий, то двигаться будут только выбранные вами участки. В общем выбирайте сами, а лучше попробуйте оба варианта и в зависимости от ситуации и задача, используйте одну из программ.

Чтобы найти приложение введите его название «Cinemagraph» в поиск App Store или Google Play.

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

Пошаговая инструкция по созданию живого фото в Синематограф

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

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

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

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

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

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

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

Шаг 1 . Открываем фотографию, где мы хотим применить эффект движения.

Шаг 2 . Дублируем слой «Слой — Продублировать слой» . Применяем фильтр, на только что продублированном слое «Фильтр — Размывание — Размывание движением» с следующими настройками. Нажимаем ОК.

ВАЖНО! В каждом конкретном случае настройки разные, но надо следить за тем, что бы полосы размывания повторяли траекторию движения объекта.

В результате применения фильтра получим следующую картину.

Шаг 3. Добавляем альфа-канал к редактированному слою. Затем с помощью кисти с мягкими краями стираем наш объект, так чтобы остался эффект движения только позади. На следующим изображении можно приблизительно посмотреть, что у вас должно получится. Для простоты я отключил показ оригинального изображения, щелкнув по «глазику» около слоя.

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

Конечный результат:

1. Для урока нам понадобится фотография машины. Можете использовать мою, или найти что-нибудь подходящее в интернете. Откройте её в Фотошопе.

2. Мы начнём с создания эффекта крутящихся колёс. Инструментом Овальная область (

",this,event,"320px");">Elliptical Marquee Tool) создайте выделение внутренней части колеса:

3. Скопируйте выделение на новый слой (Ctrl + J). Сделайте выделение слоя со скопированной частью (

",this,event,"320px");">Ctrl+Click) и примените фильтр Радиальное размытие ( *Фильтр Radial Blur (Радиальное размытие) позволяет имитировать эффект размытия при увеличении или при вращении.
В поле Amount (Эффект) устанавливается степень размытия в диапазоне от 1 до 100, а группа переключателей Blur Method (Метод) позволяет выбрать один из методов размытия:
* метод Spin (Кольцевой) - имитирует размытие объекта при вращении;
* метод Zoom (Линейный) - имитирует размытие объекта при увеличении.
Группа переключателей Quality (Качество) определяет качество размытия:
* Draft (Среднее);
* Good (Хорошее);
* Best (Наилучшее).
В поле Blur Center (Центр) можно вручную, с помощью мыши, перемещать центр размытия. ",this,event,"320px");">Radial Blur Filter) с настройками, показанными ниже. Потом проделайте то же самое для второго колеса.

4. Сделайте копию фонового слоя с фотографией, назовите его “motion” и примените к ней фильтр Размытие в движении (

",this,event,"320px");">Motion Blur Filter).

5. Выберите слой “motion” и перейдите в меню Слой»Слой-маска»Скрыть все (Layer >

",this,event,"320px");">Layer Mask > Hide All). Выберите инструмент Кисть ( ",this,event,"320px");">Brush Tool) размером 50 пикселей с мягкими краями. Обрисуйте маску слоя белым цветом, как показано ниже (красный цвет показывает те области, которые нужно обрисовать).

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

Cinemagraph — гибрид фото и видео

Ludmila Vilarinhos / Foter / CC BY

Суть техники Cinemagraph заключается в том, что большая часть фотографии остается статичной и только какой-то один ее небольшой фрагмент движется. Получается «живая» фотография, которая выглядит довольно интересно, а порой и очень забавно. Такие фотоизображения чем-то напоминают обычную анимацию, сделанную с помощью использования формата растрового изображения GIF. Как известно, гифки делают возможным визуализацию любого движения. Подобная техника анимации на самом деле появилась еще в конце 80-х годов. Однако в случае с GIF-анимацией мы имеем дело, как правило, с достаточно неровными, резкими движениями.

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

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

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

Как сделать Cinemagraph в фотошопе

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

mendhak / Foter / CC BY-SA

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

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

1. Устанавливаем камеру на штатив и запускаем видеосъемку сцены. Убедитесь в том, что штатив установлен на твердой поверхности, чтобы исключить малейшие колебания фотоаппарата. Нужен качественный, короткий видеоролик примерно на десять – тридцать секунд. Для получения нормальной детализации и хорошего качества снимать лучше всего в формате 1080p с частотой 25 кадров в секунду. Отснятые видеофайлы должны быть формата MOV или AVI, чтобы их можно было без проблем в дальнейшем открыть в редакторе.

1. Открываем видеофайл в фотошопе (Import > Video Frames to Layers). Здесь Вам предлагается импортировать весь файл на кадры или только выбранную часть видеоролика. Чтобы не слишком загружать свой компьютер, лучше выбрать второй вариант и в дальнейшем вырезать именно тот момент, когда происходит интересующее Вас движение.

moniqca / Foter / CC BY-ND

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

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

1. Наиболее типичная проблема при создании подобных анимированных фотоизображений – это не самое плавное движение. Вам, вероятно, нужно будет поэкспериментировать с кадрами и слоями, чтобы сделать движение на итоговой картинке плавным. Выделите все кадры, скопируйте и вставьте их после оригинальных. Далее в меню анимации используйте опцию Reverse frame. Сглаживание перехода также можно достичь путем обратного кадрирования с временной задержкой на первом и последнем кадрах. Собственно, плавный переход и является той особенностью, которая отличает Cinemagraph от обычной анимации.

1. На этом Ваша работа не закончена. В фотошопе можно немного поработать с цветами, поиграть с корректирующей маской. Дело в том, что при преобразовании файла в GIF наполненные ярким цветом кадры могут немножко поблекнуть. Чтобы этого не случилось, желательно применить различные color-processing эффекты для всех слоев. Если Вы собираетесь опубликовать итоговую картинку на каком-либо веб-ресурсе, то, возможно придется несколько уменьшить размер изображения (Image > Image Size), поскольку многие сайты не очень дружны с файлами GIF значительного объема. После этого Вы уже готовы сохранить анимированное изображение в GIF. На выходе у Вас получается оригинальное «ожившее» фото.

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

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