Эффект размытия в движении в Photoshop. Как сделать эффект движения

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

Motion effect

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

Самый простой вариант сделать размытый флеш эффект на фото – это использовать приложение Glitché или Glitch Cam для айфона и Glitch! для андроида. Скачать их можно из официальных магазинов AppStore и Google Play. Но! Приложения условно-бесплатные!

Как сделать эффект движения на фото:

Открыть приложение Glitché на айфоне.
Нажать на Photo Editor и выбрать нужный снимок.
В нижнем меню выбрать пункт Blur .
Пальцем провести по экрану, чтобы эффект движения на фото стал еще более крутым.
С помощью ползунка и режимов Mode можно настраивать глубину эффекта.
Сохранить фото.

Программа довольно часто продается за 29 рублей. Сохранить снимок можно, но необходимо купить PRO версию за 229 рублей.

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

P.S.

Лайфхак для тех, кто дочитал до конца. В Телеграме есть канал The App Box , в котором выкладывается огромное количество приложений для iOS, которые стоят денег в AppStore. Именно там вы можете скачать бесплатно приложение Glitché .

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

Сорви овации

Будьте самыми стильными! Используйте супер эффекты.

Вы можете нажать на конечные и среднюю точки, чтобы их переместить и скорректировать направление размытия:

Если навести мышку на путь, то можно поставить новую точку:

Вы можете переместить путь целиком, для этого надо зажать Ctrl, навести мышку на путь, зажать левую клавишу и перетащить:

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

На панели размытия имеется параметр "Скорость" (Speed). Он определяет степень размытия по заданному направлению. Важно иметь ввиду, что это глобальный параметр, т.е. он действует на все имеющиеся пути:

При включённой опции "Центрированное размытие" (Centered Blur) размытие происходит относительно центра стрелки, и пиксели изображения в центре остаются на месте. При отключенной опции размытие отсчитывается от начала стрелки, и и пиксели смещаются по направлению стрелки.

Работа с конечными точками

Как упоминалось выше, установка "Скорость" (Speed) ??имеет глобальный характер. Поэтому, для того, чтобы регулировать количество размытия, следует настроить значения конечных точек "Скорости". Рассмотрим, как это сделать. Сначала убедитесь, что включена опция "Редактировать формы размытия" (Edit Blur Shapes). Затем нажмите на конечную точку пути для выбора этой точки, после чего Вы заметите, как на концах пути появились две красные стрелки. Они имеют собственные конечные точки. Чтобы изменить значение "Скорости" в конечной точке, перетащите точку стрелки в документе, либо ползунок "Скорость конечной точки" (End Point Speed), или введите значения вручную:

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

Работа с несколькими путями

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

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

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

Совет: Для удобства работы используйте горячие клавиши . Нажмите и удерживайте клавишу H, чтобы временно скрыть траектории путей. Отпустите кнопку, чтобы они снова отображались. Нажмите клавишу P, чтобы выключить/включить предварительный просмотр действия фильтра.

Эффект движения при вспышках стробоскопа

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

Параметр "Интенсивность импульсной вспышки" (Strobe Strength) определяет силу виртуальной вспышки и управляет балансом между светом окружающей среды и светом виртуальной вспышки.
Параметр "Импульсные вспышки" (Strobe Flashes) определяет количество вспышек за экспозицию.

Если "Интенсивность импульсной вспышки" установлена на 0%, то на рисунке будет показано непрерывное размытие, т.е. эффект стробоскопа не отобразится. Если он установлен в 100%, то эффект вспышки становятся чёткими, без смазывания. Значение между 0 и 100 дает эффект смазанных вспышек:

Мы рассмотрели некоторые теоретические моменты создания эффекта движения в 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. Загружаем наш исходный документ в фотошоп. Давайте начнем с создания эффекта крутящего момента для колес нашего автомобиля. Выбираем инструмент Овальная область (Eleptical Marquee Tool) и создаем выделение внутренней части колес.

2. Копируем выделение на новый слой (Ctrl+J). Повторно создаем выделение на нашем новом слою (Ctrl+Клик левой кнопкой мыши по иконке слоя в палитре слоев) и применяем фильтр Радиальное размытие (Radial Blur Filter) (Фильтр > Размытие > Радиальное размытие). Не забываем про и стараемся наиболее грамотно выбирать цвета для ваших работ, так как от них напрямую зависит какие чувство у человека будет вызывать цвет. Выставляем следующие настройки:

Проделываем те же операции со вторым колесом:

3. Создаем копию нашего фонового слоя (я назвал его Motion) и применяем к нему фильтр Размытие в движении (Motion Blur Filter) (Фильтр > Размытие > Размытие в движении). Следующие настройки:

4. Выбираем слой Morion и переходим в меню Слой > Слой-маска > Скрыть все (Layer > Layer Mask > Hide All). Выбираем кисть, размер 50 пикселей, жесткость 0% и обрисовываем маску как указано на картинке ниже (красным я отметил зоны, которые нужно окрасить вам в белый цвет)

5. В завершении давайте добавим блик (Фильтр > Рендеринг > Блик) к слою с нашей машиной.

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

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

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

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

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

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

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

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

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

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

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

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

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

Во время работы над статьёй я обратился за комментариями к