В этом уроке вы узнаете, как создать эффект граффити из ваших фотографий в Adobe Photoshop с помощью фильтров и корректирующих слоёв.

Данный эффект граффити является частью Экшена Photoshop Эффекты Граффити, который доступен в моём профиле на Envato Market.

Исходные материалы

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

• Текстура Кирпичной Стены
• Портрет Мужчины
• Гранжевая кисть
• Стена Граффити

1. Создаём Задний Фон из Кирпичной Стены

Создайте новый документ со следующими размерами 850 x 630 px. Конечно же, вы можете использовать другие размеры для вашего рабочего документа, но при этом вы должны пропорционально изменить остальные настройки, используемые в этом уроке.

Откройте исходное изображение с текстурой Кирпичной Стены в программе Photoshop. Переместите данное изображение на наш рабочий документ. Примените масштабирование при необходимости в соответствии с  размерами вашего рабочего документа.

2. Добавляем Текстуру Граффити

Шаг 1

Откройте исходное изображение с текстурой Граффити в программе Photoshop. Переместите данное изображение на наш рабочий документ. Примените масштабирование при необходимости в соответствии с размерами вашего рабочего документа.

Шаг 2

Нажмите второй значок в нижней части панели слоёв, чтобы добавить слой-маску к слою с текстурой граффити.

Установите цвет переднего плана на #000000, а затем выберите инструмент Кисть (Brush Tool). С помощью Гранжевой кисти, прокрасьте внутри слой-маски, чтобы скрыть отдельные участки граффити и показать кирпичную стену. Примечание переводчика: 1. используйте кисть с низкой непрозрачностью 2. автор в основном прокрашивает верхнюю часть изображения 3. не забудьте перейти на слой-маску.

3. Добавляем Эффект Граффити на Изображение

Шаг 1

Откройте исходное изображение с портретом Мужчины в программе Photoshop. Переместите данное изображение на наш рабочий документ. С помощью инструмента Волшебная палочка (Magic Wand Tool), выделите задний фон на данном изображении. В панели управления данного инструмента, установите значение Допуска (Tolerance) на 10, а также поставьте галочку в окошке Смежные пиксели (Contiguous). При выделении удерживайте клавишу (Shift), чтобы создать многократное выделение. Нажмите клавишу (Delete), чтобы удалить выделенный задний фон.

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

Шаг 2

Дважды нажмите клавиши (Ctrl+J), чтобы продублировать слой в выделенным изображением мужчины. Назовите эти дубликаты слоёв Man Portrait 1 и Man Portrait 2. Отключите видимость дубликатов слоёв. Щёлкая по значку глазка рядом с миниатюрой любого слоя, поможет вам отключить / включить видимость этого слоя.

Шаг 3

Возвращаемся к оригинальному слою с изображением мужчины. Добавьте стиль слоя Обводка (Stroke) со следующими настройками: размер 4px, Положение (Position) Из центра (center), Цвет #000000.

Шаг 4

Далее, идём Фильтр - Имитация - Аппликация (Filter > Artistic > Cutout). Установите Количество уровней (Number of Levels) 8, Простота краёв (Edge Simplicity) 0 и Чёткость краёв (Edge Fidelity) 3.

Шаг 5

Идём Слой- Новый корректирующий слой- Постеризация (Layer > New Adjustment Layer > Posterize). Установите Уровни (Levels) на 5. Нажмите третий значок слева, чтобы преобразовать данный корректирующий слой в обтравочную маску к нижнему слою.

Шаг 6

Идём Слой- Новый корректирующий слой- Яркость / Контрастность (Layer > New Adjustment Layer > Brightness/Contrast). Установите значение Яркости (Brightness) на 117, а значение Контрастности (Contrast) на -50. Нажмите третий значок слева, чтобы преобразовать данный корректирующий слой в обтравочную маску к нижнему слою.

Шаг 7

Далее, идём Слой- Новый корректирующий слой- Цветовой тон / Насыщенность (Layer > New Adjustment Layer > Hue/Saturation). Установите значение Цветового тона (Hue) на 129, а значение Насыщенности (Saturation) на 100. Нажмите третий значок слева, чтобы преобразовать данный корректирующий слой в обтравочную маску к нижнему слою.

Выберите инструмент Кисть (Brush Tool), установите гранжевую кисть, цвет кисти #000000. Далее, перейдите на маску корректирующего слоя Цветовой тон / Насыщенность (Hue/Saturation) и с помощью гранжевой кисти, восстановите оригинальные цвета. Примечание переводчика: автор прокрашивает гранжевой кистью поверх кепки мужчины.

Шаг 8

Создайте новый слой, назовите этот слой Эффект граффити (Graffiti Effect). Вклейте исходное изображение стены граффити на этой слой. Щёлкните правой кнопкой мыши по данному слою и в появившемся окне. выберите опцию Создать обтравочную маску (Create Clipping Mask). Примечание переводчика: откройте исходное изображение с текстурой граффити, выделите всё изображение (Ctrl+A), скопируйте выделенное изображение (Ctrl+C), а затем вклейте скопированное изображение на новый слой (Ctrl+V). 

Поменяйте режим наложения для слоя Эффект граффити (Graffiti Effect) на Светлее (Lighter Color).

Нажмите второй значок в нижней части панели слоёв, чтобы добавить слой-маску к слою Эффект граффити (Graffiti Effect). Выберите инструмент Кисть (Brush Tool), установите гранжевую кисть, цвет кисти #000000. Далее, перейдите на маску слоя Эффект граффити (Graffiti Effect) и с помощью гранжевой кисти. скройте отдельные детали.

Шаг 9

Щёлкните по глазку рядом с миниатюрой слоя Man Portrait 1, чтобы включить видимость этого слоя. Установите цвет переднего плана на #000000, а цвет заднего плана на #ffffff.

Шаг 10

Далее, идём Фильтр - Эскиз - Ксерокопия (Filter > Sketch > Photocopy). Установите значение Детализации (Detail) на 3, а значение Затемнённости (Darkness) на 50.

Шаг 11

Далее, идём Фильтр - Имитация - Аппликация (Filter > Artistic > Cutout). Установите Количество уровней (Number of Levels) 3, Простота краёв (Edge Simplicity) 3 и Чёткость краёв (Edge Fidelity) 3.

Шаг 12

Идём Изображение - Коррекция - Уровни (Image > Adjustments > Levels). Установите Входные уровни (Input Levels), как показано на скриншоте ниже.

Шаг 13

Поменяйте режим наложения для слоя Man Portrait 1 на Умножение (Multiply).

Если хотите, то вы можете повторить тот же самый процесс, но только с другими настройками для слоя Man Portrait 2, хотя этот шаг является выборочным.

4. Создаём Эффект Кирпичей

Шаг 1

Нажмите клавиши (Shift+Ctrl+N), чтобы создать новый слой поверх всех остальных слоёв.

Далее, нажмите клавиши (Shift+Ctrl+Alt+E), чтобы объединить все видимые слои. Назовите объединённый слой Эффект Кирпичей (Brick Effect).

Шаг 2

Добавьте слой-маску к слою Эффект Кирпичей (Brick Effect).

Шаг 3

Далее, идём Изображение - Тримминг (Image > Trim). Установите На основе (based on) Прозрачных пикселов (transparent pixels).

Шаг 4

Возвращаемся на слой Кирпичная стена (Brick Wall). Создайте выделение вокруг кирпичной стены с помощью инструмента Прямоугольная область (Rectangular Marquee Tool). Нажмите клавиши (Ctrl+C), чтобы скопировать выделенную область.

Шаг 5

Возвращаемся на слой Эффект Кирпичей (Brick Effect), далее, переходим во вкладку Каналы (Channels) и щёлкаем по глазку рядом с миниатюрой слоя Маска Эффекта Кирпичей (Brick Effect Mask), чтобы включить видимость слоя. Нажмите клавиши (Ctrl+V), чтобы вклеить скопированное выделение на данную маску.

Шаг 6

Возвращаемся во вкладку Слои (Layers), а затем нажмите клавиши (Ctrl+D), чтобы отменить активное выделение. А также щёлкните по миниатюре слоя Эффект Кирпичей (Brick Effect), чтобы слой был активным, а не маска.

Шаг 7

Откройте окно Стилей слоя (Layer Style), чтобы добавить стиль слоя Тиснение (Bevel and Emboss) к слою Эффект Кирпичей (Brick Effect). Установите следующие настройки, которые указаны на скриншоте ниже.

Поздравляю! Мы завершили урок!

В этом уроке вы узнали, как создать эффект граффити с нуля в Adobe Photoshop с помощью кистей и текстур. Надеюсь, что вам понравился этот урок.

Если вы хотите получить мгновенный результат, тогда скачайте Экшен Photoshop Эффекты Граффити, который доступен в моём портфолио на Envato Market.

Вы можете увидеть итоговый результат на скриншоте ниже.