Как создать эффект движения в 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é .

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

Сорви овации

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

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

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

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

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

Эффект размытия на снимке

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

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

Затем вы узнаете, как работать с маской слоя и выборочно уменьшать эффект в некоторых зонах изображения, чтобы обнажить детали объекта.

Также мы продемонстрируем, как правильно работать с маской слоя, которая поможет компоновать в кадре дополнительные объекты, с помощью которых вы сможете сделать более интересными передний и задний планы.

Как создать эффект размытия в движении

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

Для начала загрузите наши исходные файлы Master motion blur . Откройте документ blur_before01.jpg. В панели слоев дважды кликните по миниатюре фонового слоя, чтобы разблокировать его. В панели инструментов выберите Magic Wand tool (Волшебная Палочка) и установите значение Tolerance (Допуск) 20. Поставьте галочки напротив графы Contiguous (Смежные пиксели). Кликните по изображению, чтобы выделить белое небо.

2. Сглаживаем края

Края выглядят не совсем ровными, мы должны их немного сгладить. Выбираем Select>Inverse (Выделение>Инверсия). Нажимаем на кнопку Refine Edge (Уточнить край), которая находится в панели параметров инструмента. Переводим вид (View) на На черном (On Black). Ставим галочку напротив параметра Smart Radius (Умный Радиус) и устанавливаем значение для радиуса равное 2.9 пикселям, а для Feather (Растушевка) 1.7. В графе Output to выбираем ‘New layer with layer mask’. Нажимаем Ok.

3. Корректируем маску

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

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

4. Добавляем изображение неба

В списке исходных файлов выберите документ blur_before01.jpg и откройте его в программе. Выберите Select>All (Выделить>Все) и затем Edit>Copy (Правка>Копировать). Перейдите во вкладку главного изображение и нажмите Edit>Paste (Правка>Вставить). Небо появится в панели слоев, как Layer 1. Перетащите этот слой на позицию над слоем с поездом. Воспользуйтесь инструментом Move (Перемещение), чтобы поместить драматичные облака непосредственно над поездом.

5. Применяем фильтр

Кликните по верхнему слою с маской (Layer 0 copy). Нажмите клавиши Ctrl/Cmd+J, чтобы продублировать его. Переименуйте слой в ‘Blur layer’. Перейдите во вкладку Filter>Blur>Radial Blur . Установите метод размытия Zoom, а качество выставите на Best. Переместите центр размытия таким образом, чтобы линии размытия соответствовали углу линий поезда.

6. Увеличиваем скорость

В предыдущем шаге, чтобы добавить размытие мы выставили значение 10 для Amount. Чтобы придать ощущение еще большей скорости, продублируем этот эффект, зажав клавиши Ctrl/Cmd+F. Теперь поезд стал настолько размытым, что нам сложно различать детали. Земля, как вы видите, также размыта. Нам необходимо изменить маску слоя.

7. Уменьшаем размытие

Уменьшите Opacity (Непрозрачность) слоя до 94%, чтобы выявить чуть больше деталей из нижнего слоя. Вооружитесь инструментом Кисть (Brush). Выберите круглую мягкую кисть в меню с пресетами для кисти. Для кисти установите размер 600 пикселей и непрозрачность (Opacity) 25%. Кликните по маске слоя. Уменьшите размытие в области, где находится машинист и области номера двигателя, прорисовав эти части кистью.

8. Прорисовываем детали

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

9. Выделяем пар

Откройте файл blur_before05.jpg. Выберите инструмент Lasso (Лассо). Установите значение Feather (Растушевка) равное 45 пикселям. Нарисуйте ровное выделение вокруг столба дыма. Выберите Enhance>Auto Contrast (Улучшение>Авто Контраст), а затем Edit>Copy (Правка>Копировать). Переходим в File>New>Blank File (Файл>Новый>Новый пустой файл). Кликаем по Ok и затем переходим во вкладку Edit и выбираем Paste (Вставить).

10. Инвертируем слои

Кликните по белому фоновому слою и нажмите клавиши Ctrl/Cmd+I, чтобы инвертировать его в черный. Затем выделите слой с изображением пара и зажмите клавиши Ctrl/Cmd+I, чтобы инвертировать слой в белый. Таким образом, мы получим изображение белого пара на черном фоне. Воспользуйтесь ластиком, чтобы удалить следы трубы. Затем перейдите в Layer>Flatten Image .

11. Вставляем и располагаем

Выберите Enhance>Adjust Color>Remove Color (Улучшение>Настройки цвета>Обесцветить), а затем Enhance>Auto Contrast. Следующим этапом перейдите в Select>All , чтобы сделать выделение и затем Edit>Copy, чтобы скопировать выделенное. Перейдите к файлу, с которым мы работали до этого и нажмите Edit>Paste (Правка>Вставить). Измените режим наложения слоя с паром на Screen, чтобы избавиться от черного цвета. Используйте инструмент Move (Перемещение), чтобы расположить дым в необходимом месте.

12. Масштабируем

Нажмите клавиши Ctrl/Cmd+J, чтобы продублировать слой с паром. Затем воспользуйтесь комбинацией Ctrl/Cmd+T, чтобы активировать инструмент Free Transform (Свободная Трансформация). В настройках инструмента выставите значение для Angle (Угол) равное -180. Уберите галочку напротив Constrain Proportions . Для W выставите значение 200%, а для H 150%. Внутри рамки перетащите изображение пара, как показано на фотографии. Непрозрачность слоя уменьшите до 85%.

13. Открываем изображение с багажом

Откройте файл blur_before03.jpg. Используйте инструмент Rectangular Marquee Tool (Прямоугольная область), чтобы выделить секцию с багажом. Выберите Edit>Copy . Перейдите во вкладку нашего проекта и нажмите Edit>Paste . Перейдите в Image>Rotate>Flip Layer Horizontal (Изображение>Ориентация>Отразить по горизонтали).

14. Делаем ровное выделение

Чтобы сделать ровное выделение и отделить багаж от прежнего фона, выбираем инструмент Quick Selection (Быстрое Выделение). Устанавливаем размер на 50. Кликаем по иконке New selection. Проводим инструментом по багажу, чтобы сделать ровное выделение. Нажмите на иконку Subtract from selection (Вычитание из Выделенной области), чтобы удалить ненужную область выделения, в Photoshop для этого необходимо зажать клавишу Alt.

15. Сгладживаем края

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

16. Регулировка тонов

Сейчас багаж выглядит немного переэкспонированным на фоне общей картины. Кликните по миниатюре слоя с багажом (не по маске слоя). Перейдите в Enhance> Adjust Lighting>Levels (Улучшение>Коррекция Света>Уровни). Перетащите слайдер, отвечающий за уровень черного, на 27, чтобы сделать темнее тени багажа. Нажмите Ok.

17. Добавляем тени

Используйте инструмент Move Tool , чтобы расположить багаж на платформе. Чтобы добавить тени создайте новый слой: Layer> New>Layer . Перенесите новый слой под слой с багажом и измените его режим наложение на Overlay . Вооружитесь инструментом Brush . Установите черный фоновый цвет и выберите круглую мягкую кисть. Нарисуйте тень от багажа на платформе.

18. Завершающие штрихи

Откройте файл blur_before04.jpg. Используя технику выделения, которой мы пользовались при работе с багажом, переместите цветы из открытого документа на нашу картинку. Масштабируйте их до 40%, продублируйте слой и разместите больше цветов в правом углу. Используйте инструмент Free Transform , чтобы изменять их положение.

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

Синематография в Инстаграм

Многие из вас сейчас подумали «Что за живые фото? ». Всё же нет, отличия есть. Кто-то так же мог подумать, что это просто GIF-анимация. И отчасти эти люди будут правы. С одной поправкой – гифки не загружаются в Инст. Так что, это видео, но с особенной обработкой.

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

Как делать фото или видео живыми?

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

Поможет сделать анимированные фото в Инстаграм программа Фотошоп. Там довольно длинный алгоритм действия. Этот способ можно отнести к сложным (а для некоторых даже к очень сложным), поэтому это тема для отдельной статьи. Мы же поговорим о более простых решениях.

Сравнение характеристики перечисленных программ

Протестировав эти приложения, сложилась мною вот такая сравнительная таблица:

Приложение	Совместимость	Удобство	Бесплатность
Plotograph	IOS. Ещё наткнулась на предложение скачать его на компьютер, но ссылка сомнительна.	Удобен настолько, насколько может быть удобна работа с изображениями в гаджетах. 7 из 10	Никакого спуска халявщикам. Только платная версия.
Cinemagraph	Также только для IOS. Но можно скачать и на Mac.	7 из 10	Условно-бесплатна.
Loopsie	Андроид.	Они все работают по одному принципу, поэтому я даже не знаю, за что снимать или убавлять баллы.	10 евреев из 10.
Lumyer	Работает с Андроид.	Эта колонка была создана как раз для этого приложения. Отстаёт по сравнению с остальными. 5 из 10	Такая бесплатность, что ты чувствуешь, что тебя обманули.

Заключение

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

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

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

Живые фото в Инстаграм — интересная фишка. Примеры таких живых фото, сделанных с помощью приложения Плотаграф, смотрите в официальном аккаунте Инстаграм @plotaverse . Эти живые фото сделаны из фотографий, но можно делать их и из видео.

Хотите больше идей для фото в Инстаграм? Подпишитесь на нас в Pinterest !

Как сделать такое живое фото и можно ли с помощью айфона или смартфона на андроиде? Можно! Нужно будет установить одно из (или оба) приложений: Plotagraph и Cinemagraph. Их основное отличие — Плотаграф делает живое фото из обычной фотографии, а Синемаграф — из видео. Синемаграф конечно будет реалистичнее, но и Плотаграф даёт интересный эффект. Лично мне Плотаграф нравится даже больше, т.к. можно использовать и делать из них красоту.

Plotagraph — это оживление части фотографии векторами.

Приложение для iPhone — Plotagraph+ https://itunes.apple.com/us/app/plotagraph-photo-animator/id1244669793
Для Андроид приложения пока нет, но вы можете скачать программу для Windows по этой ссылке http://download.plotagraphapp.com . Нужна будет регистрация на официальном сайте.

После готовое видео-плотаграф можно будет загрузить на Андроид и оттуда в Инстаграм.

Принцип работы в приложении для iPhone и для компьютера одинаковый.

Загружаем фото в приложение. Лучше и реалистичнее всего будут выглядеть живые фото, где двигается вода/облака. Вода — это не только море, можно и кофе в кружке, фонтан и т.д.
Рисуем стрелочки по направлению движения в той зоне, где нужно «оживить» изображение. Чем короче стрелочки, тем реалистичнее будет итоговый эффект.
Ставим ограничительные точки там, где изображение должно остаться неподвижным.
Для предпросмотра можно нажать треугольник внизу.
Делаем экспорт получившегося живого фото и сохраняем (формат — видео.mp4).
Скидываем на телефон и загружаем в Инстаграм. Получившееся видео — это и есть «живое фото»

Как сделать живое фото Синемаграф из видео на айфоне/андроиде

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

Такой эффект можно сделать в приложении для iPhone или Android — Cinemagraph.

Первое, что нужно сделать — подумать, каким будет видео. Какую часть кадра вы заморозите, какой эффект получится? Самый очевидный вариант — вода, река. Ещё можно сделать изображение движущегося отражения в зеркале, разделить движущуюся толпу пополам (одна двигается, вторую заморозить). Лучше всего, если вы будете снимать со штатива или поставив телефон на подставку.

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

Открываете приложение, направляете камеру на предмет съёмки.
Нажимаете и удерживаете круглую кнопку внизу.
Пальцем закрашиваете те участки, которые будут «живыми». Наверху есть кнопки, чтобы изменить размер кружка, которым закрашиваете, и степень прозрачности.
Галочка — готово, дождитесь обработки видео.
Можно поделиться получившимся видео (это и будет «живое фото) сразу в Инстаграм или на почту/послать в мессенджеры.