Motion Blur эффект

Автор урока Стив Паттерсон.

В этом фотошоп уроке мы попробуем воссоздать тот же цвет и эффект размытия движения, используемый в кино для плаката крупнейшего боевика лета 2007 года «Ультиматум Борна». Мы будем использовать корректирующий слой Цветовой тон/Насыщенность(Hue/Saturation), чтобы закрасить изображение таким же цветом как плакат.
Для создания размытия мы будем использовать классический фильтр фотошопа Motion Blur и доделаем эффект с парой маск слоёв, чтобы сделать намек на телесные тона из исходного изображения, а также удалить эффект размытия с главных объектов изображения.
Для этого эффекта нам понадобится фотография человека идущего по улице или что-то типа этого!

Вот так выглядит сам постер к фильму Ультиматум Борна:

Вот изображение с которым мы будем работать:

А вот так будет выглядеть изображения после наложения эффектов цвета и размытия:

Давайте начнём!

Шаг 1: Скопируйте фоновый слой

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

Давайте дублируем слой с помощью клавиш Ctrl + J (Win)/Command + J (Mac). Теперь, когда я смотрю на панель слоев, то вижу что фотошоп скопировал мой фоновый слой и назвал его «Layer 1». Копия находится выше первоначального фонового слоя:

Шаг 2: Установите цвет, которым хотите закрасить изображение,  как цвет переднего плана

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

При нажатии на нее появится окно Color Picker( Выбор цвета). Вы можете выбрать любой цвет, в качестве оттенка изображения, на ваше усмотрение. Я буду делать эффект похожим на тот, что бы на постере, так что если вы хотите использовать такой же цвет как и я, посмотрите на нижнюю правую часть окна Color Picker и введите 48 для значения R(которая отвечает за красный), 94 для значения G (зеленый) и 116 для значения B (синий):

Когда закончите нажмите OK, чтобы выйти из диалогового окна.

Шаг 3: Закрасить изображение с помощью корректирующего слоя Цветовой тон/Насыщенность(Hue/Saturation)

Теперь когда мы выбрали цвет, которым собираемся закрашивать изображения, нажмите на значок нового корректирующего слоя(New Adjustment Layer) в нижней части панели слоев:

Затем выберите Hue/Saturation из списка, который появится:

Появится диалоговое окно Hue/Saturation. Поскольку мы уже выбрали цвет, которым мы хотим закрасить изображение, всё что остаётся сделать, это выбрать опцию Colorize в правом нижнем углу диалогового окна:

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

Нажмите OK чтобы выйти из диалогового окна Hue/Saturation.

Шаг 4: Выберите инструмент Brush Tool

В постере к фильму «Ультиматум Борна»лицо и руки Мэтта Дэймона содержат небольшой тон оригинального цвета кожи и мы можем сделать то же самое с нашим изображением. Во-первых нам нужен инструмент Brush Tool(кисть), выберите его из палитры инструментов или нажмите B на клавиатуре:

Шаг 5: Установите черный цвет переднего плана

Для того чтобы вернуть некоторые цвета из исходного изображения мы будем использовать нашу кисть и будем рисовать черным по маске корректирующего слоя  Hue/Saturation. Везде, где будем красить мы скроем последствия корректирующего слоя и вернём наш оригинальный цвет. Для того чтобы выбрать чёрный цвет нажмите D на клавиатуре, сбросив тем самым цвета переднего плана и фона, сделая черный цветом переднего плана (белый становится цвет фона). Мы можем увидеть это, если мы посмотрим на передний и задний образцы цвета на панели  инструментов:

Шаг 6: Понизьте непрозрачность кисти до 30%

Мы только хотим вернуть небольшое количество цвета, так что понизим непрозрачность кисти, прежде чем начнем рисовать. Чтобы сделать это, с выбранным Brush Tool перейдите к опции Opacity на панели параметров в верхней части экрана и понизьте непрозрачность кисти до 30%:

Таким образом мы вернём только 30% исходного цвета, а не все 100.

Шаг 7: Выберите маску корректирующего слоя  Hue/Saturation(Цветовой тон/Насыщенность)

Как я уже говорил мы собираемся рисовать черным по маске корректирующего слоя Hue/Saturation, а не на самом изображение, поэтому давайте выберем маску слоя, нажав на иконку маски слоя в панели слоев:

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

Шаг 8: Рисуем на изображение, чтобы вернуть часть тона кожи

У нас выбран инструмент Brush Tool с чёрным цветом переднего плана, мы снизили непрозрачность кисти до 30% и выбрали маску слоя для корректирующего слоя Цветовой тон/Насыщенность в панели слоёв. Теперь нужно просто закрасить любые области, где мы хотим вернуть некоторые цвета из исходного изображения. Я хочу вернуть цвета оттенков кожи обеих людей в моём изображении, так что я собираюсь закрасить их лица и руки. Чтобы изменить размер кисти. Вот я рисую на лице парня:

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

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

Шаг 9: Примените Motion Blur Filter к фону копии слоя («Layer 1»)

Мы собираемся добавить наш эффект размытия движения на изображение и мы будем использовать фильтр «Motion Blur», чтобы сделать это. Мы хотим применить размытие движения к копии фонового слоя, который мы создали еще в начале этого урока, поэтому нажмите на «Layer 1» на панели слоев, чтобы выбрать его. Вы узнаете что он выбран когда он будет выделен синим цветом:

Далее идём в меню Filter в верхней части экрана, выберите Размытие(Blur), а затем выберите Motion Blur. Это вызовет диалоговое окно фильтра Motion Blur. Установите угол на -40 °. Затем перетащите ползунок внизу, чтобы отрегулировать расстояние размытия движения. Значение этого параметра будет зависеть во многом от размера изображения. Я использую маленькое изображение для этого урока и для меня значение около 35 пикселей даст мне примерно тот же эффект, который используется в постере к фильму Ультиматум Борна:

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

Шаг 10: Добавьте маску слоя к слою Размытие движения

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

Это добавит маску слоя к нашему слою размытия движения, и также добавляет маску слоя на миниатюру на панели слоёв:

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

Шаг 11: Рисуйте черным на слое маски, чтобы скрыть Motion Blur

Чёрный по-прежнему цвет переднего плана и выбрана маска слоя на «Layer 1» , я собираюсь снова использовать инструмент Brush Tool , чтобы закрасить участки на изображении, где я хочу скрыть размытость. Я хочу использовать мягкую кисть для этого. Прежде чем начать рисовать, я собираюсь вернуться к панели параметров и установить непрозрачность кисти на 100%:

Я собираюсь рисовать на людях, чтобы убрать с них размытие. Если я сделаю ошибку, и случайно нарисую там где не надо, я могу просто нажать X на клавиатуре, чтобы переключить цвет переднего плана на белый, как я делал на маске слоя Hue/Saturation, затем я снова нажму X, чтобы переключиться обратно на черный и продолжу рисовать:

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

И также убираем размытие с женщины:

Шаг 12: Создайте новый слой в верхней части панели слоев

Осталось сделать наш эффект в значительной степени полным. Мы придали фотографии нужный оттенок, добавили к объектам оригинальный тон кожи, добавили  размытие, а затем убрали размытие на людях. Давайте завершим образ, добавив немного гранжа. Во-первых, нажмите на слой Hue/Saturation на панели слоев, чтобы выбрать его так мы можем добавить новый пустой слой над ним. Затем нажмите на иконку New Layer в нижней части панели слоев:

Фотошоп добавит новый пустой слой в верхней части панели Layers, и назовёт его «Layer 2»:

Шаг 13: Залейте новый слой белым цветом

Мы должны заполнить этот новый слой  белым, и в настоящее время белый- цвет нашего фона, мы можем использовать сочетание клавиш Ctrl + Backspace (Win)/Command + Delete (Mac), чтобы заполнить слой  цветом фона. Теперь изображение полностью заполнено белым.
Я не стану показывать скриншот, так как белое изображение на белом фоне не будет выглядеть очень интересно.

Шаг 14: Примените фильтр «Add Noise Filter» к слою

Перейти к меню Filter в верхней части экрана, выберите Noise, а затем выберите Add Noise. Появится диалоговое окно фильтра «Add Noise». Я собираюсь использовать ползунок чтобы установить величину около 100% или около того, добавив тем самым немного шума. Вы можете установить значение ещё выше, если вы используете высокое разрешение изображения. Кроме того убедитесь что  выбрана опция Gaussian и Monochromatic в нижней части диалогового окна:

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

Шаг 15: Измените режим наложения слоя шума  «Color Burn»

Наша изображение полностью заполнено шумом, который выглядит не так, что мы хотим. Давайте изменим режим наложения слоя шума. Перейти к опции режима наложения в верхнем левом углу панели слоёв, нажмите на стрелочку внизу где написано «Normal» и измените режим смешивания на Color Burn:

Шаг 16: Опустите непрозрачность слоя шума до 10% или меньше

Шум теперь больше гармонирует с изображением, но он слишком интенсивный. Чтобы исправить это перейдите к опции Opacity в правом верхнем углу панели слоёв (прямо рядом с опцией режим наложения) и уменьшите непрозрачность слоя на 10% или меньше. Я собираюсь установить  8%, оставив шум едва заметным:

Вот и всё! наше изображение готово.
Вот для сравнения, моё оригинальное изображение:

А вот конечный результат , эффект размытия движения в стиле постера к фильму»Ультиматум Борна» :