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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Не так давно "Инстаграм" и другие социальные сети заполонила новая модная тенденция - "живые" фотографии. Как сделать Live Photo? На данный момент разработано множество различных программ, благодаря которым можно добиться желаемого эффекта. В айфонах с операционной системой iOS 9 и выше данная функция включена в режиме камеры. Сейчас речь идет не о снимках, которые передают реальные эмоции, или о случайных фото, а об анимированных картинках, где "оживает" лишь один определенный эпизод. При всем сходстве с гифками они все же отличаются.

Что такое "живые" фотографии?

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

Чем отличаются "живые" фото от гифок?

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

"Живые" фото - это объединение формата JPG и MOV. Такой гибрид поддерживается только операционной системой iOS 9 и выше. Все остальные гаджеты, если передать этот файл, увидят только картинку JPG. Чтобы показать миру первородный вид такого Live Photo, его конвертируют чаще всего в формат GIF.

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

Как появилась мода на "живые" фото?

Когда 2 года назад вышел в продажу новый продукт Apple, многих пользователей заинтересовало, как сделать "живую" фотографию на iPhone 6. Мало того что качество камеры гаджета стало значительно выше, так еще добавилась функция мини-видео, которое сохранялось в формате "живого" фото путем совмещения JPG и MOV. Несмотря на мегапопулярность, эта новинка все же имела ряд недостатков:

• фото проигрывалось только на iOS 9, чтобы передать эффект движения на других устройствах, нужно было конвертировать файл в формат GIF;
• записывался сопутствующий звук, что мало отличало новый формат от видео и было не всегда удобно;
• айфон записывал 45 кадров, а воспроизводил изображение со скоростью 15 к/с, что очень походило на гифку, но сам файл был намного тяжелее;
• отсутствовала функция и стирания аудиоряда;
• малейшее содрогание рук было чревато испорченным кадром;
• формат Live Photo был очень специфичен, ведь объединял MOV и JPG. Если это "живое" фото пытались отправить по почте, то оставался лишь компонент JPG, самый главный эффект движения исчезал.

Как сделать "живые" фотографии?

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

Если вы обладатель знаменитого "яблочного" смартфона, то обязаны знать, как сделать "живую" фотографию на iPhone. Для этого нужно:

• Открыть приложение "Камера".
• Активировать режим "живых" фото (лайф офф).
• Нажать кнопку затвора.

Если вы обладатель смартфона с операционной системой "Андроид", то один из наиболее подходящих способов для вас - это использование бесплатного приложения Loopsie. О нем расскажем чуть ниже.

Как редактировать фото

Обновленная версия iOS 11 представила несколько новых эффектов для лайв фото. Если раньше они могли только просматриваться, то сейчас есть возможность отключать звук, закольцовывать "живые" фото или проигрывать их вперед и назад. Также добавлена функция длинной выдержки. Разработчики позаботились не только о том, как сделать "живую" фотографию на айфоне, но и о ее редактировании.

Конвертирование "живых" фото

Мы узнали, как сделать на айфоне 7 "живые" фотографии. Но как адаптировать этот формат для других операционных систем? Для этого Live Photo нужно конвертировать. Если вас интересует вопрос о том, как сделать видео из "живых" фотографий, то ответ простой: достаточно загрузить приложение Live Gif. Оно стоит чуть больше 100 рублей и, как вы уже догадались по названию, умеет форматировать лайв фото в формат GIF или видеофайл. После определенных манипуляций в данном приложении, материал станет пригодным для публикации в социальных сетях. Также можно использовать приложение Motion Stills от Google, он действует по похожему принципу.

Как "оживить" фото JPG?

Допустим, у вас есть любимая фотография, которую вам захотелось "оживить". Такое возможно сделать в "Фотошопе" или в специальном приложении Plotagraph. Данная программа имеет панель инструментов и, что немаловажно, справочную информацию, которая поможет разобраться, как сделать "живые" фотографии на айфоне. Данное приложение платное, стоит примерно 400 рублей. Как оно работает?

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

MaskArt

Данное приложение бесплатное и без Оно простое в использовании, но умеет создавать эффектные лайв фото из видео. Как с ним работать?

• Открываем программу.
• Выбираем подходящее видео.
• Находим лучший стоп-кадр и нажимаем Done в правом верхнем углу.
• При необходимости обрезаем видео ползунком.
• Кисточкой закрашиваем участок, который должен двигаться.
• Недочеты можно исправить ластиком.
• Заходим в видеоредактор и корректируем цвет. Готово!

Данное приложение работает только на гаджетах Apple.

Loopsie для "Андроида"

Многие сейчас задались вопросом о том, как сделать "живые" фотографии на "Андроиде". Очень просто, для данной операционной системы тоже разработали ряд приложений. Есть дешевые и очень дорогие (200$), существуют и бесплатные.

Приложение "Лупси" условно бесплатное. Спустя несколько дней использования демоверсии появляется водяной знак.

Первый этап - программы. Открываем "Лупси" и снимаем в нем видео, держа руки максимально статично. Можно воспользоваться штативом или другим способом зафиксировать телефон. Так "живое" фото получится наиболее красивым.

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

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

Live Photo в "Фотошопе"

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

Очень важно, чтобы в вашей версии программы была функция создания видео. Как это проверить? Открываете "Окно", далее - "Шкалу времени". Ищите кнопку "Создать шкалу времени". Если ее нет, то функции создания видео тоже, к сожалению, нет.

Теперь давайте разберемся, как сделать "живую" фотографию в "Фотошопе".

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

Если у вас одно фото, которое вы планируете "оживить", то можно сделать это следующим образом:

• Создаем копию слоя в режиме редактирования изображения.
• Отделяем главный объект от фона. Неважно, какой инструмент для выделения вы будете использовать, главное, чтобы эффект был максимально аккуратным.
• После того как вы отделили фон от переднего плана, проверьте, нет ли лишних деталей. При необходимости их также необходимо удалить.
• Уточняем края маски и делаем выделение более ровным.
• Напомним, что все манипуляции нужно проводить с копией слоя.
• Создаем дубль нижнего слоя. Для удобства подписываем слой с главным объектом цифрой 1, а фоновый - цифрой ". Бэкграунд не трогаем.
• Берем инструмент "Штамп", устанавливаем непрозрачность 100 % и выбираем среднее значение мягкости.
• Переходим на средний слой (фон) и начинаем инструментом "Штамп" скрывать главный объект.

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

• Переходим в меню "Окно" и выбираем "Шкалу времени".
• Нажимаем на кнопку "Создать шкалу времени для видео".
• Слева расположены кнопки: "Стоп", "Плей", "Перемотать назад/вперед", "Ножницы" и т. д. Длительность видеокартинки можно изменять специальным бегунком, как в любом другом редакторе.
• Слои автоматически переносятся на таймлайн, что дает возможность работать с каждым из них отдельно.
• Выбираем, например, для фона эффект приближения, щелкая правой кнопкой мыши. Далее воспроизводим видео и смотрим, что получается.
• Для создания воздушной перспективы нужно поработать и со слоем, на котором изображен главный объект. Его тоже можно приблизить или отдалить, а также определить направление движения.
• Конвертируем изображение в гиф-анимацию или видеофайл. Готово!

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

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

Итоговый результат

Исходные материалы:

Шаг 1

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

Откройте изображение “Автомобиль” в программе Photoshop и далее продублируйте изображение с автомобилем Ctrl + J.

Шаг 2

Примените фильтр Размытие в Движении (Motion Blur), для этого идём Фильтр- Размытие - Размытие в Движении (Filter > Blur > Motion Blur).

Шаг 3

К дубликату слоя с размытием добавьте слой-маску, для этого идём (Layer > Layer Mask > Reveal All).

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

На скриншоте ниже, я прокрасил изображение автомобиля красным цветом там, где вы должны прокрасить чёрной кистью на слой-маске слоя, в качестве ориентира.

Результат должен быть, как на скриншоте ниже.

Шаг 4

Нажмите клавиши Ctrl + Shift + Alt + E, чтобы объединить все видимые слои в один слой, а затем с помощью инструмента Овальная область (Elliptical Marquee Tool), создайте выделение вокруг переднего колеса автомобиля.

Шаг 5

Далее, к выделенной области, примените фильтр Радиальное Размытие (Radial Blur), для этого идём Фильтр - Размытие - Радиальное Размытие (Filter > Blur > Radial Blur). В параметре Метод (Method Blur), выберите опцию Кольцевой (Spin) и сместите бегунок параметра Степени (Amount) до конца вправо. В этом шаге, мы применим Кольцевое Размытие (Spin Blur) к нашему колесу, чтобы оно выглядело, как будто быстро вращается.

Колесо должно выглядеть, как показано на скриншоте ниже:

Шаг 6

Повторите действие с радиальным размытием к заднему колесу. Результат должен быть, как на скриншоте ниже.

Шаг 7

Добавьте слой-маску к слою с радиальным размытием, идём Слой - Слой-маска - Показать всё (Layer > Layer Mask > Reveal All) и с помощью мягкой чёрной кисти с непрозрачностью 50%, прокрасьте вокруг краёв вращающихся колёс, чтобы скрыть какие-либо заметные / грубые линии.

Шаг 8

Создайте ещё один объединённый слой из всех видимых слоёв, нажав клавиши Ctrl + Shift + Alt + E. А затем к объединённому слою, добавьте Размытие в Движении (Motion blur), установите значение Смещения (Distance) 700px.

Результат Размытия в Движении (Motion Blur):

Шаг 9

Поменяйте режим наложения для данного слоя на Осветление (Screen), далее, добавьте слой-маску, для этого идём (Layer > Layer Mask > Hide All).

Прокрасьте на слой-маске слоя поверх задней части автомобиля, создавая ощущение движения.

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

Продублируйте данный слой, нажав клавиши Ctrl + J. Далее, нажмите Alt + Backspace, чтобы залить слой-маску чёрным цветом, затем сместите слой немного верх (удерживая клавиши Ctrl + Shift + нажмите клавишу со стрелкой ВЕРХ один раз):

Прокрасьте на слой-маске белой кистью, как показано на скриншоте ниже:

Итоговый результат:

Другие типы Размытия

Ещё один интересный эффект, который вы могли бы применить к объекту или человеку, создавая ощущение, что он бежит очень быстро, это Линейное Размытие (Zoom Blur).

Откройте изображение “Бегущий человек”, также продублируйте слой с изображением бегущего человека.

Слой- Слой-маска - Скрыть всё (Layer > Layer Mask > Hide All). Аккуратно прокрасьте с помощью белой кисти на слой-маске слоя, чтобы проявилось только изображение бегущего человека, а также немного прокрасьте участок земли перед человеком. Результат должен быть, как на скриншоте ниже.

Другая техника - это применение фокуса к изображению объекта или человека с помощью Размытия по Гауссу (Gaussian Blur) и размытия картинки за исключением объекта / человека, на котором мы хотим сфокусироваться. Итак, давайте попробуем.
Откройте изображение “Тинэйджеры”, также продублируйте слой с изображением тинэйджеров.

Примените Размытие по Гауссу (Gaussian Blur), установите радиус размытия 3.5px. Для этого идём Фильтр - Размытие- Размытие по Гауссу (Filter > Blur > Gaussian Blur).

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

К дубликату слоя с размытием, добавьте слой-маску, для этого идём Слой - Слой-маска - Показать всё (Layer > Layer Mask > Reveal All) и с помощью мягкой чёрной кисти, прокрасьте поверх верхней части девушки, которая расположена в середине. При прокрашивании, будьте аккуратны, не заходите кистью дальше от объекта фокусирования. Как вы можете увидеть, эффект - нежный, но ощутимый.

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

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

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 пикселей с мягкими краями. Обрисуйте маску слоя белым цветом, как показано ниже (красный цвет показывает те области, которые нужно обрисовать).

Отчетность