В то время как большинство фотографов стремится получить реалистичные, детализированные снимки, некоторые экспериментируют и демонстрируют нам совершенно неожиданные результаты. Фотоизображения сами по себе могут быть красивыми и интересными, однако в наш век хочется, чтобы фотографии были еще и динамичными. В этой связи в последние годы среди фотографов стала популярна такая техника, как 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. «Живые» фотографии – действительно очень интересная техника, которая уже успела очаровать многих. Во всяком случае, на просторах Интернета появляется все больше фотоизображений с подвижным объектом или областью. Вы также можете попробовать свои силы в этом активно развивающемся жанре.

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

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

Урок сделан по мотивам книги "Adobe Photoshop CS6. Мастер-класс Евгении Тучкевич ".

Подобные публикации:

• Эффект фокусировки

Откроем исходное изображение.

Наша задача отделить машину от фона. Проще всего это сделать с помощью пера (Р ). Так как изучение работы с пером это отдельная большая тема в фотошопе, то я процесс работы с пером расписывать не буду. Я отделил пером машину от фона, перевёл контур в выделение и с помощью сочетания клавиш Ctrl+J скопировал выделение на новый слой. Вот так сейчас выглядит палитра "Слои ".

Сделаем активным фоновый слой. Перейдём в "Фильтр - Размытие - Размытие в движении ".

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

Вот что получилось на этом этапе.

Делаем активным верхний слой. Выбираем инструмент "Овальная область " (М ) с параметрами, установленными по умолчанию. Обводим колесо.

Если у Вас не получилось с первого раза выделить колесо по периметру, то перейдите в "Выделение - Трансформировать выделенную область " и подгоните выделение под размер колеса.

Переходим в "Фильтр - Размытие - Радиальное размытие ".

Ставим примерно вот такие параметры. Возможно, Вам придётся несколько раз применить этот фильтр снова, пока Вы не подберёте необходимое значение степени размытия. Мне пришлось возвращаться и применять этот фильтр снова 4 раза.

Снимаем выделение - Ctrl+D . Получаем эффект движущегося колеса.

Точно так же, как и описано выше, выделяем второе колесо.

Применяем к нему фильтр "Радиальное размытие " с теми же параметрами - Ctrl+F и снимаем выделение - Ctrl+D .

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

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. Вновь включаем видимость оригинального изображения. В результате получается очень динамическое изображение, создается эффект движения .

Хотите удивить близких и друзей? Сделайте слайд-шоу с элементами синемаграфии! В программе «ФотоШОУ PRO» вы найдете все необходимые инструменты для создания подобного проекта. Прочитайте статью и узнайте обо всех нюансах разработки слайдов с «живыми» фотографиями в этом приложении. А если у вас ещё не установлено «ФотоШОУ PRO», то исправьте это прямо сейчас: с нашего сайта.

Как сделать синемаграфию из фото для слайд-шоу

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

Создать эффект движущегося изображения в слайд-шоу не так уж и сложно. Для работы вам потребуется «ФотоШОУ PRO» и фоторедактор. Совсем необязательно устанавливать на ПК и осваивать сложный Adobe Photoshop или другой софт, который используют профессионалы. Подготовить материалы для создания синемаграфии можно буквально за три шага в редакторе .

• Шаг 1. Загрузите фотографию в программу. В меню «Эффекты» выберите опцию «Замена фона».

• Шаг 2. Выделите область, которую хотите анимировать. Размойте границы фрагмента, передвинув бегунок на одноименной шкале вправо.

• Шаг 3. Сохраните элемент. Установите переключатель на пункт «Без фона» и кликните «Сохранить в файл…». Выберите PNG, дайте изображению имя и поместите его в нужную вам папку.

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

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

Если обрезка вышла «грубой» и у фрагмента выделяется одна из сторон, то примените к слою маску.

Теперь перейдем к оживлению изображения. Добавьте второй ключевой кадр и задайте настройки для слоя в конце показа. В нашем примере для создания эффекта движущейся реки нужно сдвинуть слой вправо и увеличить его. Это можно сделать вручную или во вкладке «Анимация».

Если движению не хватает плавности, то увеличьте длительность слайда.

Синемаграфия готова! При желании вы можете продолжить работу над слайдом. Кадр станет еще интереснее, если вы воспользуетесь функцией «3D-камера». С ее помощью вы сможете . Добавьте ключевой кадр в конец таймлайна и потяните бегунок на шкале «Приближение» вправо.

Бушующее море и таинственный туман: идеи для синемаграфии

С «ФотоШОУ PRO» вы быстро почувствуете себя настоящим волшебником! Добавляя движение в одну из частей снимка, вы сможете добиться поистине фантастического результата за короткие сроки. Но и это далеко не всё! Фото можно дополнить эффектом реалистичного тумана. Просто наложите на исходную картинку фрагмент соответствующей текстуры и настройте ее. Добавьте второй ключевой кадр и сделайте слой с туманом меньше.

Для исходной фотографии тоже добавим ещё одну ключевую точку. Здесь слой будет медленно и плавно увеличиваться.

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

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

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

Хотите узнать, как сделать данную синемаграфику ещё более зрелищной? Воспользуйтесь инструментом 3D-камера: поэкспериментируйте с приближением, добавьте движение влево, вправо, вверх или вниз.

Сохраняйте готовую анимацию в удобном вам виде! Экспортируйте проект в любом видеоформате вместе с другими слайдами. Также вы можете сохранить созданный слайд отдельно и позже преобразовать его в GIF. Загружайте готовые синемаграфии в сеть и делитесь ими с людями со всех уголков планеты!