Создаем в Фотошоп эффект для фото в стиле игры GTA
Создаем в Фотошоп эффект для фото в стиле игры GTA
В этом уроке вы узнаете, как создать красочный фото эффект в стиле игры Grand Theft Auto V. Автор постарался объяснить все максимально подробно, чтобы даже новички смогли получить не менее потрясающий результат.Сложность урока: Средний
В этом уроке вы узнаете, как создать красочный фото эффект в стиле игры 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 (Изогелия) – на 0 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
Комментарии 465
Спасибо. Без "масляной краски",не поддерживает
Здорово!
Классно получилось!
svetelena, спасибо.
Отлично!))
Понравилась работа!
Класс!
отлично получилось молодец
Мила, Almiz, J.P.Monk,kettilu0, спасибо большое!
Tanscha, спасибочки.
Крутейший урок!!!
Вот что получилось у меня)
Кому чупа-чупс?
Спасибо за урок!
Спасибо за урок !
Спасибо, очень понравилась работа. Как вообще до такого можно додуматься? Методом перебора? Сколько лет практики?
Отличный урок
Спасибо за урок!
Отлично!
Спасибо за урок. С удовольствием его выполняла. И отдельное спасибо за перевод.
Интересно . Спасибо за урок
Спасибо за урок!
вот что из этого вышло,обводка не получилось у меня фотошоп cs6
Вероятно исходник был плохого качества.
Как то так)
Спасибо за урок!
Интересно очень :)
Не смог остановиться на одном воплощении урока
Здорово
Очень понравилось :)
Круто! Спасибо за урок!
Тоже решила попробовать
класс!