Создаём Эффект Граффити в Adobe Photoshop
Russian (Pусский) translation by Marat Sadygaliev (you can also view the original English article)



В этом уроке вы узнаете, как создать эффект граффити из ваших фотографий в 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.



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