Advertisement
  1. Design & Illustration
  2. Photoshop Actions

Создаём Экшен Гангстерский Фото Эффект в Adobe Photoshop

Scroll to top
Read Time: 7 min

() translation by (you can also view the original English article)

Final product imageFinal product imageFinal product image
What You'll Be Creating

Эффект, который создан на изображении выше – я покажу вам, как создать его в этом уроке. Если вы захотите создать более сложные эффекты, как на изображении ниже, с гангстерским фото эффектом, при этом создать данный эффект быстро и легко, то вы можете воспользоваться моим экшеном Grand Theft Photoshop Action.

Action final resultsAction final resultsAction final results

Что вам понадобится

Для создания данного эффекта, вам понадобится следующая фотография:


1. Давайте Приступим

Шаг 1

Вначале, откройте исходную фотографию, с которой вы хотите работать. Чтобы открыть фотографию, идём Файл – Открыть (File > Open), а затем в окне браузера, выберите свою исходную фотографию. Нажмите кнопку Открыть (Open). Теперь, перед тем, как мы приступим, необходимо, чтобы вы уточнили пару моментов:

  1. Ваша исходная фотография должна быть в цветовом режиме RGB8 бит/канал (8 Bits/Channel). Чтобы проверить это, идём Изображение – Режим (Image > Mode).
  2. Для получения наилучшего результата, размеры вашей исходной фотографии должны быть в пределах 1500–3500 px по ширине / высоте. Чтобы проверить это, идём Изображение – Размеры изображения (Image > Image Size).
  3. Ваша исходная фотография должна быть слоем заднего фона. Если она не является таковой, тогда идём Слой- Новый – Задний фон из слоя (Layer > New > Background from Layer). Примечание переводчика: слой с исходной фотографией должен быть с замочком и представлять задний фон.
Checking image size and modeChecking image size and modeChecking image size and mode

Шаг 2

Сейчас мы кадрируем исходное изображение, чтобы удалить лишнюю область над объектом. Используйте инструмент Рамка (Crop Tool (C), а затем трансформируйте область кадрирования, как показано на скриншоте ниже:

Cropping imageCropping imageCropping image

2. Создаём Арт Стиль GTA

Шаг 1

В этой части урока мы создадим арт стиль GTA из нашей фотографии. Идём Слой – Новый – Слой (Layer > New > Layer), чтобы создать новый слой. Назовите этот слой Временный 1 (Temp 1).

Creating a new layerCreating a new layerCreating a new layer

Шаг 2

Теперь нажмите клавиши (Ctrl+Alt+Shift+E), чтобы создать объединённый слой, а затем идём Изображение – Коррекция –Тени/ Света (Image > Adjustments > Shadows/Highlights) и в появившемся окне, установите Тени (Shadows) на 10%, а Света (Highlights) на 2%, как показано на скриншоте ниже:

Adjusting shadows and highlightsAdjusting shadows and highlightsAdjusting shadows and highlights

Шаг 3

Далее, идём Слой – Новый – Слой (Layer > New > Layer), чтобы создать новый слой. Назовите этот слой Временный 2 (Temp 2).

Creating a new layerCreating a new layerCreating a new layer

Шаг 4

Теперь нажмите клавиши (Ctrl+Alt+Shift+E), чтобы создать объединённый слой, а затем идём Фильтр - Усиление резкости - Усиление резкости (Filter > Sharpen > Sharpen). Далее, нажмите клавиши (Ctrl+F), чтобы ещё раз применить данный фильтр.

Adding sharpen filterAdding sharpen filterAdding sharpen filter

Шаг 5

Поменяйте режим наложения для данного слоя на Мягкий свет (Soft Light), а затем идём Фильтр – Другое- Цветовой контраст (Filter > Other > High Pass). Установите Радиус (Radius) на 1.5 px, как показано ниже:

Adding high pass filterAdding high pass filterAdding high pass filter

Шаг 6

Теперь удерживая клавишу (Ctrl), щёлкните по слою Временный 1 (Temp 1), чтобы одновременно выделить оба слоя, а затем нажмите клавиши (Ctrl+E), чтобы объединить эти оба слоя в один.

Merging layersMerging layersMerging layers

Шаг 7

Далее, идём Фильтр – Стилизация- Диффузия (Filter > Stylize > Diffuse). Установите Режим (Mode) на Анизотропный (Anisotropic).

Adding diffuse filterAdding diffuse filterAdding diffuse filter

Шаг 8

Теперь идём Редактирование – Трансформирование – Поворот 90° по часовой (Edit > Transform > Rotate 90° Clockwise), чтобы повернуть данный слой на 90° по часовой стрелке, а затем нажмите клавиши (Ctrl+F), чтобы повторно применить предыдущий фильтр.

Transforming layerTransforming layerTransforming layer

Шаг 9

Идём Редактирование – Трансформирование – Поворот 90° по часовой (Edit > Transform > Rotate 90° Clockwise), чтобы повернуть данный слой ещё на 90° по часовой стрелке, а затем нажмите клавиши (Ctrl+F), чтобы ещё раз применить предыдущий фильтр.

Transforming layerTransforming layerTransforming layer

Шаг 10

Теперь идём Редактирование – Трансформирование – Поворот 180° по часовой (Edit > Transform > Rotate 180° Clockwise), чтобы повернуть данный слой на 90° по часовой стрелке, а затем Фильтр – Резкость – Умная резкость (Filter > Sharpen > Smart Sharpen). Установите Эффект (Amount) на 250%, Радиус (Radius) на 1.5 px и Удалить (Remove) на Размытие по Гауссу (Gaussian Blur), как показано на скриншоте ниже:

Adding smart sharpen filterAdding smart sharpen filterAdding smart sharpen filter

Шаг 11

Идём Фильтр – Шум – Уменьшить шум (Filter > Noise > Reduce Noise). Установите Интенсивность (Strength) на 5, Сохранить детали (Preserve Details) на 0%, Уменьшить шумы цветов (Reduce Color Noise) на 54% и Детали резкости (Sharpen Details) на 0%, как показано на скриншоте ниже:

Adding reduce noise filterAdding reduce noise filterAdding reduce noise filter

Шаг 12

Далее, идём Слой – Новый – Слой (Layer > New > Layer), чтобы создать новый слой. Назовите этот слой Временный 3 (Temp 3).

Creating a new layerCreating a new layerCreating a new layer

Шаг 13

Теперь нажмите клавиши (Ctrl+Alt+Shift+E), чтобы создать объединённый слой, а затем идём Фильтр – Галерея фильтров - Имитация - Аппликация (Filter > Filter Gallery > Artistic > Cutout). Установите Количество уровней (Number of Levels) на 4, Простота краёв (Edge Simplicity) на 0 и  Чёткость краёв (Edge Fidelity) на 3, как показано на скриншоте ниже:

Adding cutout filterAdding cutout filterAdding cutout filter

Шаг 14

Теперь поменяйте режим наложения для данного слоя на Мягкий свет (Soft Light), а также уменьшите Непрозрачность (Opacity) слоя до 56%.

Changing the blending mode and opacityChanging the blending mode and opacityChanging the blending mode and opacity

Шаг 15

Теперь удерживая клавишу (Ctrl), щёлкните по объединённому слою Временный 2 (Temp 2), чтобы одновременно выделить оба слоя, а затем нажмите клавиши (Ctrl+E), чтобы объединить эти оба слоя в один. Назовите новый объединённый слой GTA Art Style.

Merging layersMerging layersMerging layers

3. Создаём Обводку Вокруг Объекта

Шаг 1

В этой части урока мы создадим обводку вокруг изображения объекта. Перейдите на фоновый слой (Background), отключите видимость слоя GTA Art Style, Выберите инструмент Быстрое выделение (Quick Selection Tool (W), а затем выделите задний фон на изображении. Вы можете использовать клавиши (Shift) и (Alt), чтобы добавить / удалить отдельные участки из области выделения. Далее, нажмите клавиши (Ctrl+Shift+I) для инверсии выделенной области, чтобы создать активное выделение вокруг объекта.

Making the selectionMaking the selectionMaking the selection

Шаг 2

Теперь идём Выделение – Модификация – Сгладить (Select > Modify > Smooth). Установите Радиус (Sample Radius) на 5 px. Далее, перейдите на слой GTA Art Style, включите видимость данного слоя, а затем идём Слой- Новый – Слой (Layer > New > Layer), чтобы создать новый слой. Назовите этот слой Обводка Объекта (Subject Stroke).

Creating a new layerCreating a new layerCreating a new layer

Шаг 3

Выберите инструмент Прямоугольная область (Rectangular Marquee Tool (M), установите цвет переднего плана на #000000, щёлкните правой кнопкой мыши в любом месте внутри области холста и в появившемся окне, выберите опцию Выполнить обводку (Stroke). Установите Толщину (Width) на 5 px, Расположение (Location) на Снаружи (Outside), Режим (Mode) на Нормальный (Normal) и Непрозрачность (Opacity) на 100%, как показано на скриншоте ниже:

Adding strokeAdding strokeAdding stroke

4. Проводим Заключительную Цветовую Коррекцию

Шаг 1

В этой части урока мы проведём заключительную цветовую коррекцию всей сцены. Нажмите клавишу ‘D’, чтобы установить цвета по умолчанию, а затем идём Слой- Новый корректирующий слой – Карта градиента (Layer > New Adjustment Layer > Gradient Map), чтобы создать новый корректирующий слой карта градиента. Назовите этот корректирующий слой Общий контраст (Overall Contrast).

Creating gradient map adjustment layerCreating gradient map adjustment layerCreating gradient map adjustment layer

Шаг 2

Теперь поменяйте режим наложения для данного корректирующего слоя на Мягкий свет (Soft Light), а также уменьшите Непрозрачность (Opacity) слоя до 26%.

Changing blending mode and opacityChanging blending mode and opacityChanging blending mode and opacity

Шаг 3

Далее, идём Слой- Новый корректирующий слой – Уровни (Layer > New Adjustment Layer > Levels), чтобы создать новый корректирующий слой уровни. Назовите этот корректирующий слой Общая яркость (Overall Brightness).

Creating new levels adjustment layerCreating new levels adjustment layerCreating new levels adjustment layer

Шаг 4

Теперь дважды щёлкните по миниатюре данного корректирующего слоя и в появившемся окне настроек Свойства (Properties), установите следующие настройки, которые указаны на скриншоте ниже:

Adjusting levelsAdjusting levelsAdjusting levels

Шаг 5

Далее, идём Слой- Новый корректирующий слой –Цветовой тон / Насыщенность (Layer > New Adjustment Layer > Hue/Saturation), чтобы создать новый корректирующий слой цветовой тон / насыщенность. Назовите этот корректирующий слой Общая насыщенность (Overall Saturation).

Creating hue and saturation adjustment layerCreating hue and saturation adjustment layerCreating hue and saturation adjustment layer

Шаг 6

Теперь дважды щёлкните по миниатюре данного корректирующего слоя и в появившемся окне настроек Свойства (Properties), установите следующие настройки, которые указаны на скриншоте ниже:

Adjusting saturationAdjusting saturationAdjusting saturation

Шаг 7

Далее, идём Слой- Новый корректирующий слой –Кривые (Layer > New Adjustment Layer > Curves), чтобы создать новый корректирующий слой кривые. Назовите этот корректирующий слой Красочный вид (Color Look).

Creating curves adjustment layerCreating curves adjustment layerCreating curves adjustment layer

Шаг 8

Теперь дважды щёлкните по миниатюре данного корректирующего слоя и в появившемся окне настроек Свойства (Properties), установите следующие настройки, которые указаны на скриншоте ниже:

Adjusting curvesAdjusting curvesAdjusting curves

Шаг 9

Далее, идём Слой- Новый корректирующий слой –Яркость / Контрастность (Layer > New Adjustment Layer > Brightness/Contrast) , чтобы создать новый корректирующий слой яркость / контрастность. Назовите этот корректирующий слой Фоновая яркость (Background Brightness).

Creating brightnesscontrast adjustment layerCreating brightnesscontrast adjustment layerCreating brightnesscontrast adjustment layer

Шаг 10

Теперь перейдите на маску корректирующего слоя Фоновая яркость (Background Brightness), чтобы она стала активной. Выберите инструмент Кисть (Brush Tool (B), установите цвет переднего плана на #000000, а затем прокрасьте кистью поверх изображения объекта.

Brushing into layer maskBrushing into layer maskBrushing into layer mask

Шаг 11

Теперь дважды щёлкните по миниатюре данного корректирующего слоя и в появившемся окне настроек Свойства (Properties), установите следующие настройки, которые указаны на скриншоте ниже:

Adjusting brightness and contrastAdjusting brightness and contrastAdjusting brightness and contrast

Мы Завершили Урок!

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

Final resultFinal resultFinal result

Если вы захотите создать более сложные эффекты, как на изображении ниже, с гангстерским фото эффектом, при этом создать данный эффект быстро и легко, то вы можете воспользоваться моим экшеном Grand Theft Photoshop Action.

Экшен работает таким образом, что вам нужно всего лишь залить ваш объектом цветом, а затем запустить экшен. Да, это действительно так просто! Экшен сделает всю работу за вас, создав результат с полной палитрой слоёв, которые вы можете дополнительно настроить.

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

Action final resultsAction final resultsAction final results
Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
Advertisement
One subscription. Unlimited Downloads.
Get unlimited downloads