Как «оживить» фото в Инстаграм: программы и приложения. Эффект размытия в движении в Photoshop

Не так давно "Инстаграм" и другие социальные сети заполонила новая модная тенденция - "живые" фотографии. Как сделать 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 % и выбираем среднее значение мягкости.
  • Переходим на средний слой (фон) и начинаем инструментом "Штамп" скрывать главный объект.

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

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

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

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

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

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

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

Активируйте фоновый слой в панели слоев. Нам нужно его продублировать. К копии мы потом применим фильтр Motion Blur , а оригинал - сохраним неизменным в фоновом слое. Перетащите фоновый слой на значок создания нового слоя внизу окошка слоев или зайдите в Layer > Duplicate.

Теперь наша задача - «испортить» эту копию. Возьмите инструмент Clone Stamp Tool и пройдитесь ей по краям вашего главного героя так, чтобы заклонировать их вовнутрь. Скорее всего, главный герой после этой операции станет малоузнаваемым. Это странное действие нужно для того, чтобы после применения блюра вокруг главного героя не появился неприятный ореол, по которому сразу видно неестественность смаза.

Теперь можно воспользоваться размытием. Убедитесь в том, что активным является дубликат слоя. Кликните Filter > Blur > Motion Blur и включите опцию Preview , чтобы был виден результат работы фильтра. Угол корректируется либо вручную (для этого надо оттянуть направляющую в нужную сторону), либо путем ввода соответствующего значения. В данном случае нужно ввести значение 0 - тогда размытие будет строго горизонтальным, слева направо. Старайтесь придерживаться логики. Если мальчик бежит мимо нас, то он явно движется по горизонтали, но никак не по диагонали. А в случае с падающими объектами лучше использовать вертикальное размытие.

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

Нажмите внизу панели слоев кнопку Add Layer Mask , выберите инструмент Brush . Задайте кисти черный цвет и, постоянно меняя ее размер и жесткость в зависимости от детализации контура начинайте закрашивать маску над объектом, убирая с него размытие.

Этот шаг нужен только в том случае, если в вашем сюжете есть передний план. Наверняка, глядя из окна автомобиля или поезда, вы замечали, что передний план несется с бешеной скоростью, а что-то вдалеке движется по отношению к вам медленнее. Попробуем использовать это наблюдение для усиления объемности сюжета. После того как вы замаскировали размытие в нужных местах, кликните Layer > Duplicate , чтобы продублировать этот слой еще раз. Активируйте новую копию (но не ее маску), нажмите Ctrl+А (копия выделится) и примените еще раз Motion Blur.

Сделайте активной маску верхнего слоя и включите инструмент Gradient. В панели опций выберите пресет Foreground to Transparent и метод Linear . Задав черный цвет переднего плана, кликните и протяните курсор от верха к центру изображения. Градиент уберет лишнюю размытость с дальнего плана.

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

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

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

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

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

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


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

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

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

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


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

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

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


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

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

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

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

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

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