We want to learn about your experience with Tuts+. Take part to earn $50! Help us out to earn $50! Get Started
  1. Design & Illustration
  2. Photoshop Actions

Создаём Фото Эффект GTA V в Adobe Photoshop

by
Read Time:8 minsLanguages:
This post is part of a series called Photo Effects.
How to Create a VHS HUD Design and Vintage Photo Effect in Photoshop
How to Create a Rubber Stamp Effect in Adobe Photoshop

Russian (Pусский) translation by Marat Sadygaliev (you can also view the original English article)

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

В этом уроке вы узнаете, как создать потрясающий фото эффект с арт стилем, вдохновлённым видео игрой Grand Theft Auto V. Я постараюсь кратко описать все действия, чтобы любой, кто первый раз открыл программу Photoshop, мог выполнить данный урок.

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

Action final resultAction final resultAction final result

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

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

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

Шаг 1

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

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

Шаг 2

Теперь нам нужно расширить холст сверху, таким образом, у нас будет больше пространства вокруг объекта в этой стороны. Идём Изображение- Размеры холста (Image > Canvas Size), установите следующие настройки, которые указаны на скриншоте ниже:

Expanding canvasExpanding canvasExpanding canvas

2. Выделяем Объект

Шаг 1

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

Making a selectionMaking a selectionMaking a selection

Шаг 2

Теперь идём Выделение - Модификация - Сгладить (Select > Modify > Smooth), установите Радиус образца (Sample Radius) на 5 px. Далее, идём Выделение - Модификация - Сжать (Select > Modify > Contract), установите значение Сжать на (Contract By) на 1 px. После этого, идём Выделение - Модификация – Растушёвка (Select > Modify > Feather), установите Радиус растушёвки (Feather Radius) на 1 px.

Modifying selectionModifying selectionModifying selection

Шаг 3

Нажмите клавиши (Ctrl+J), чтобы продублировать выделение на новый слой, назовите этот слой ‘Subject’.

Creating new layer using selectionCreating new layer using selectionCreating new layer using selection

3. Создаём Задний Фон

Шаг 1

В этой части урока мы создадим задний фон. Перейдите на фоновый (Background) слой, а затем идём Слой – Новый слой-заливка – Цвет (Layer > New Fill Layer > Solid Color), чтобы создать новый слой с заливкой цветом, назовите этот слой ‘Background Color’, установите цвет заливки на #000000, как показано на скриншоте ниже:

Creating new solid color fill layerCreating new solid color fill layerCreating new solid color fill layer

Шаг 2

Теперь идём Файл –Поместить встроенные (File > Place Embedded) и в появившемся окне навигации, выберите второе исходное изображение, а затем нажмите кнопку Поместить (Place). Далее, установите Ширину (Width) и Высоту (Height) текстуры на 180%, как показано на скриншоте ниже, назовите этот слой ‘Background Image’.

Placing imagePlacing imagePlacing image

Шаг 3

Щёлкните правой кнопкой мыши по данному слою и в появившемся окне, выберите опцию Растрировать слой (Rasterize Layer). Далее, идём Фильтр – Галерея фильтров – Имитация – Аппликация (Filter > Filter Gallery > Artistic > Cutout), установите Количество уровней (Number of Levels) на 8, Простоту краёв (Edge Simplicity) на 10, и Чёткость краёв (Edge Fidelity) на 3.

Adding cutout filterAdding cutout filterAdding cutout filter

Шаг 4

Теперь нажмите клавиши (Ctrl+A), чтобы выделить полностью холст. После этого, идём Слой- Слой-маска – Показать выделенную область (Layer > Layer Mask > Reveal Selection), чтобы добавить слой-маску, которая покажет выделенную область фотографии.

Adding layer maskAdding layer maskAdding layer mask

Шаг 5

Щёлкните правой кнопкой мыши по данному слою и в появившемся окне, выберите опцию Применить слой-маску (Apply Layer Mask). Далее, нажмите клавиши (Ctrl+T), далее, щёлкните правой кнопкой мыши по холсту и в появившемся окне, выберите опцию Деформация (Distort), а затем трансформируйте слой, как показано на скриншоте ниже:

Transforming layerTransforming layerTransforming layer

Шаг 6

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

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

Шаг 7

Теперь нажмите клавиши (Ctrl+Alt+G), чтобы создать обтравочную маску. Дважды щёлкните по миниатюре корректирующего слоя Цветовой тон / Насыщенность (Hue/Saturation) и в появившейся панели настроек Свойства (Properties), установите значение Насыщенности (Saturation) на -40, а значение Яркости (Brightness) на +20, как показано на скриншоте ниже:

Adjusting saturation and brightnessAdjusting saturation and brightnessAdjusting saturation and brightness

4. Добавляем Арт Стиль

Шаг 1

В этой части урока мы добавим арт стиль к объекту. Перейдите на слой ‘Subject’, а затем идём Фильтр - Усиление резкости - Контурная резкость (Filter > Sharpen > Unsharp Mask), установите Эффект (Amount) на 500%, Радиус (Radius) на 1 px, и Изогелию (Threshold) на 0 уровней (levels).

Adding unsharp mask filterAdding unsharp mask filterAdding unsharp mask filter

Шаг 2

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

Adding diffuse filterAdding diffuse filterAdding diffuse filter

Шаг 3

Идём Фильтр – Стилизация - Масляная краска (Filter > Stylize > Oil Paint), установите Стилизацию (Stylization) на 2,  Чистоту (Cleanliness) на 10, а также уберите галочку в окошке Освещение (Lighting).

Adding oil paint filterAdding oil paint filterAdding oil paint filter

Шаг 4

Теперь идём Фильтр - Усиление резкости - Контурная резкость (Filter > Sharpen > Unsharp Mask), установите Эффект (Amount) на 500%, Радиус (Radius) на 3 px, и Изогелию (Threshold) на 0 уровней (levels).

Adding unsharp mask filterAdding unsharp mask filterAdding unsharp mask filter

Шаг 5

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

Adding diffuse filterAdding diffuse filterAdding diffuse filter

Шаг 6

Идём Фильтр - Усиление резкости - Контурная резкость (Filter > Sharpen > Unsharp Mask), установите Эффект (Amount) на 500%, Радиус (Radius) на 1 px, и Изогелию (Threshold) на 0 уровней (levels).

Adding unsharp mask filterAdding unsharp mask filterAdding unsharp mask filter

Шаг 7

Идём Фильтр – Шум – Уменьшить шум (Filter > Noise > Reduce Noise). Установите следующие настройки, которые указаны на скриншоте ниже:

Adding reduce noise filterAdding reduce noise filterAdding reduce noise filter

Шаг 8

Теперь идём Фильтр – Размытие – Размытие по поверхности (Filter > Blur > Surface Blur), установите Радиус (Radius) на 2 px, а значение Изогелии (Threshold) на 15.

Adding surface blur filterAdding surface blur filterAdding surface blur filter

Шаг 9

Нажмите клавиши (Ctrl+J), чтобы продублировать данный слой. Далее, идём Фильтр – Галерея фильтров – Имитация – Аппликация (Filter > Filter Gallery > Artistic > Cutout), установите Количество уровней (Number of Levels) на 8, Простоту краёв (Edge Simplicity) на 3, и Чёткость краёв (Edge Fidelity) на 3.

Adding cutout filterAdding cutout filterAdding cutout filter

Шаг 10

Теперь уменьшите Непрозрачность (Opacity) данного слоя до 25%, а затем назовите этот слой ‘Subject_Adjustment’.

Changing opacityChanging opacityChanging opacity

Шаг 11

Удерживая клавишу (Ctrl), щёлкните по миниатюре данного слоя, чтобы загрузить активное выделение. Далее, идём Выделение – Модификация – Сгладить (Select > Modify > Smooth), установите Радиус образца (Sample Radius) на 5 px.

Modifying selectionModifying selectionModifying selection

Шаг 12

Теперь идём Слой – Новый- Слой (Layer > New > Layer), чтобы создать новый слой, назовите этот слой ‘Subject Stroke’.

Creating new layerCreating new layerCreating new layer

Шаг 13

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

Adding strokeAdding strokeAdding stroke

Шаг 14

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

Adding strokeAdding strokeAdding stroke

Шаг 15

Нажмите клавиши (Ctrl+D), чтобы отменить активное выделение.

Deselecting selectionDeselecting selectionDeselecting selection

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

Шаг 1

В этой части урока мы проведём заключительную цветовую коррекцию все сцены. Идём Слой- Новый корректирующий слой- Фото Фильтр (Layer > New Adjustment Layer > Photo Filter), чтобы создать новый корректирующий слой фото фильтр, назовите этот слой ‘Photo Tint’.

Creating new photo filter adjustment layerCreating new photo filter adjustment layerCreating new photo filter adjustment layer

Шаг 2

Дважды щёлкните по миниатюре корректирующего слоя Фото Фильтр (Photo Filter) и в появившейся панели настроек Свойства (Properties), установите Фильтр (Filter) на Оранжевый (Orange) и Плотность (Density) на 15%, как показано на скриншоте ниже:

Adjusting photo filterAdjusting photo filterAdjusting photo filter

Шаг 3

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

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

Шаг 4

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

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

Шаг 5

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

Creating new vibrance and saturation adjustment layerCreating new vibrance and saturation adjustment layerCreating new vibrance and saturation adjustment layer

Шаг 6

Дважды щёлкните по миниатюре корректирующего слоя Вибрация (Vibrance) и в появившейся панели настроек Свойства (Properties), установите значение Вибрации (Vibrance) на +31, а значение Насыщенности (Saturation) на +20.

Adjusting vibrance and saturationAdjusting vibrance and saturationAdjusting vibrance and saturation

Шаг 7

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

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

Шаг 8

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

Adjusting levelsAdjusting levelsAdjusting levels

Шаг 9

Нажмите клавиши (Ctrl+Alt+Shift+E), чтобы создать объединённый слой, а затем нажмите клавиши (Ctrl+Shift+U), чтобы обесцветить данный слой. Далее, идём Фильтр – Другое- Цветовой контраст (Filter > Other > High Pass), установите Радиус (Radius) на 2 px.

Adding high pass filterAdding high pass filterAdding high pass filter

Шаг 10

Теперь поменяйте режим наложения для объединённого слоя на Жёсткий свет (Hard Light), а затем назовите этот слой ‘Overall Sharpening’.

Changing blending modeChanging blending modeChanging blending mode

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

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

Final resultFinal resultFinal result

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

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

Также есть 16 экшенов с различными фоновыми фигурами, экшен по добавлению дополнительных элементов к дизайну, экшен по созданию текстового эффекта, вдохновленного стилем GTA, с использованием собственного текста и экшен для анимации результатов!

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

Action final resultAction final resultAction final result

Возможно вам также понравятся следующие уроки:


One subscription.
Unlimited Downloads.
Get unlimited downloads