Уроки Фотоманипуляция Максим Енин 18 февраля 2019

Создаем в Фотошоп эффект для фото в стиле игры GTA

Сложность урока: Средний

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

Скачать архив с материалами к уроку

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

1. Подготовка документа

Шаг 1

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

  • Фото должно быть в цветовом режиме RGB, 8 bits/channel (бит/канал). Чтобы проверить это, переходим Image – Mode (Изображение – Режим).
  • Результат урока будет выглядеть лучше, если установить размер документа в пределах 2000-4000 пикселей в ширину/высоту. Для этого переходим Image – Image Size (Изображение – Размер изображения).
  • Фото должно быть фоновым слоем. Если это не так, применяем к нему Layer – New – Background from Layer (Слои – Новый – Слой из заднего плана).

Шаг 2

Теперь нам нужно расширить рабочее полотно вверх, чтобы было больше свободного пространства для работы. Для этого переходим Image – Canvas Size (Изображение – Размер полотна) и устанавливаем настройки, как показано ниже:

2. Выделяем модель

Шаг 1

В этом разделе мы выделим нашу модель и перенесем ее на отдельным слой. Берем инструмент Quick Selection Tool (Q) (Быстрое выделение) и выделяем фон на фото. С помощью клавиш Shift и Alt вы можете добавлять/удалять области выделения. Закончив с выделением, жмем Ctrl+Shift+I, чтобы инвертировать его.

Шаг 2

Теперь переходим Select – Modify – Smooth (Выделение – Модификация – Сгладить) и устанавливаем Sample Radius (Радиус) на 5 пикселей. После этого переходим Select – Modify – Contract (Выделение – Модификация – Сжать) и устанавливаем Contract By (Сжать на) на 1 пиксель. И снова переходим Select – Modify – Feather (Выделение – Модификация – Растушевка) и устанавливаем Feather Radius (Радиус растушевки) на 1 пиксель.

Шаг 3

Жмем Ctrl+J, чтобы скопировать выделенную область на новый слой и называем его «Модель» (Subject).

3. Создаем фон

Шаг 1

Выбираем слой Background (Фон) и переходим Layer – New Fill Layer – Solid Color (Слой – Новый слой-заливка – Цвет). Называем слой с заливкой «Фоновый цвет» (Background Color) и выбираем черный цвет (#000000), как показано ниже:

Шаг 2

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

Шаг 3

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

Шаг 4

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

Шаг 5

Кликаем правой кнопкой по маске на панели слоев и выбираем Apply Layer Mask (Применить маску). Затем жмем Ctrl+T, чтобы активировать свободную трансформацию, жмем внутри появившейся рамки правой кнопкой мышки, выбираем Distort (Искажение) и трансформируем слой, как показано ниже:

Шаг 6

Добавляем корректирующий слой. Для этого переходим Layer – New Adjustment Layer – Hue/Saturation (Слой – Новый корректирующий слой – Цветовой тон/Насыщенность). Называем слой «Яркость/Насыщенность» (BI_Saturation/Brightness).

Шаг 7

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

4. Стилизуем модель

Шаг 1

В этом разделе мы начнем создавать непосредственно сам эффект в стиле GTA V. Выбираем слой «Модель» (Subject) и применяем к нему фильтр Filter – Sharpen – Unsharp Mask (Фильтр – Усиление резкости – Контурная резкость). Устанавливаем Amount (Эффект) на 500%, Radius (Радиус) – на 1 пиксель и Threshold (Изогелия) – на levels (уровней).

Шаг 2

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

Шаг 3

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

Шаг 4

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

Шаг 5

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

Шаг 6

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

Шаг 7

Добавляем уменьшаем шум Filter – Noise – Reduce Noise (Фильтр – Шум – Уменьшить шум) и вводим следующие настройки:

Шаг 8

Далее Filter – Blur – Surface Blur (Фильтр – Размытие – Размытие по поверхности) и устанавливаем Radius (Радиус) на 2 пикселя и Threshold (Изогелия) – на 15.

Шаг 9

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

Шаг 10

Теперь уменьшаем Opacity (непрозрачность) этого слоя до 25% и называем его «Модель_Уровни» (Subject_Adjustment).

Шаг 11

Зажимаем клавишу Ctrl и кликаем по миниатюре этого слоя на панели слоев. Затем переходим Select – Modify – Smooth (Выделение – Модификация – Сгладить) и устанавливаем Sample Radius (Радиус) на 5 пикселей.

Шаг 12

Теперь создаем новый слой Layer – New – Layer (Слой – Новый – Слой) и называем его «Обводка модели» (Subject Stroke).

Шаг 13

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

Шаг 14

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

Шаг 15

Жмем сочетание клавиш Ctrl+D, чтобы снять выделение.

5. Финальная коррекция

Шаг 1

В этом разделе мы будем работать с корректирующими слоями. Переходим Layer – New Adjustment Layer – Photo Filter (Слой – Новый корректирующий слой – Фотофильтр) и называем появившийся слой «Фототон» (Photo Tint).

Шаг 2

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

Шаг 3

Жмем клавишу D, чтобы сбросить цвета на стандартные, затем переходим Layer – New Adjustment Layer – Gradient Map (Слой – Новый корректирующий слой – Карта градиента). Называем этот слой «Общая контрастность» (Overall Contrast).

Шаг 4

Переключаем режим наложения этого слоя на Luminosity (Яркость) и уменьшаем непрозрачность до 28%.

Шаг 5

Далее переходим Layer – New Adjustment Layer – Vibrance (Слой – Новый корректирующий слой – Сочность) и называем слой «Общая насыщенность» (Overall Vibrance/Saturation).

Шаг 6

Дважды кликаем по миниатюре слоя и на панели Properties (Свойства) устанавливаем Vibrance (Сочность) на +31 и Saturation (Насыщенность) – на +20.

Шаг 7

Переходим Layer – New Adjustment Layer – Levels (Слой – Новый корректирующий слой – Уровни) и называем слой «Общая яркость» (Overall Brightness).

Шаг 8

Дважды кликаем по миниатюре слоя и на панели Properties (Свойства) устанавливаем настройки, как показано ниже:

Шаг 9

Жмем Ctrl+Alt+Shift+E, чтобы создать объединенную копию всех видимых слоев. Затем жмем Ctrl+Shift+U, чтобы обесцветить слой. После этого применяем фильтр Filter – Other – High Pass (Фильтр – Другое – Цветовой контраст) и устанавливаем Radius (Радиус) на 2 пикселя.

Шаг 10

Переключаем режим наложения этого слоя на Hard Light (Жесткий свет) и называем его «Общая резкость» (Overall Sharpening).

Готово!

Поздравляю! Вот так выглядит финальный результат урока:

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

С помощью этого экшена вам совершенно не нужно тратить время на урок! Просто заполняете вашу модель цветом и запускаете экшен, который выполнит всю работу за вас. В результате вы получите многослойный документ, которые легко настраивать. Также экшен создает 20 цветовых вариаций, и вы можете выбрать любую из них.

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

Автор: Marko Kožokar

Источник: design.tutsplus.com

37 тыс. 465
Печать Жалоба

Комментарии 465

Крутейший урок!!!

Вот что получилось у меня)

Спасибо, очень понравилась работа. Как вообще до такого можно додуматься? Методом перебора? Сколько лет практики?

Отличный урок

Спасибо за урок. С удовольствием его выполняла. И отдельное спасибо за перевод.

Интересно . Спасибо за урок

Спасибо за урок!

вот что из этого вышло,обводка не получилось у меня фотошоп cs6

Вероятно исходник был плохого качества.

Не смог остановиться на одном воплощении урока

Тоже решила попробовать

Еще 30
Добавить комментарий / работу

Новые работы пользователей

По заданным фильтрам работы не найдены

Попробуйте изменить критерий поиска или сбросить фильтры


Смотреть все работы

Предыдущая Следующая
Добавлена {{work.date}}
Не удалось загрузить работу. Возможно она была удалена.
GIF {{work.bite}} Мб Загрузить
Редактировать Удалить
18+
Работа имеет содержимое для 18+ лет
{{work.views}} {{work.comments}}
Жалоба

Комментарии {{work.childs.length || 0}}

Видео к работе
Популярные работы автора:
Работа получила награды:
Курсы автора:
Онлайн-курс

Жалоба

Опишите суть жалобы, при необходимости добавьте ссылки на скриншоты

Спасибо! Ваше обращение ушло на рассмотрение.

Название работы

Описание работы (необязательно)

Комментарий

Ваша миниатюра:

Название:
{{name}}
Описание:

Исходник:

{{source.name}} {{source.name}}

Тэги:
#{{tag.label}}

Есть ли у вас исходник к работе?

Исходник — это файл из исходных изображений, которые использовались для создания вашей работы. Исходник позовляет лучше понять вашу работу. Он не обязателен, но работы с исходниками получают больше лайков и имеют право на участие в еженедельных конкурсах.
jpg-файл, максимальный размер 1920x1080px

Пример исходника

Выберете тэги работы:

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

Не более десяти тэгов на одну работу

Комментарии к работе будут отключены, на их месте будет выведена реклама.

После добавления работы:


Запланировать публикацию

Отменить планирование
Запланировать

Используя данный сайт, вы даёте согласие на использование файлов cookie, данных об IP-адрес, помогающих нам сделать его удобнее для вас. Подробнее