Advertisement
  1. Design & Illustration
  2. Photo Effects

Создаём Эффект Граффити в Adobe Photoshop

by
Difficulty:IntermediateLength:LongLanguages:

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

Final product image
What You'll Be Creating

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

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

Graffiti Effect with Pop Up Photoshop Action
Экшен Photoshop Эффекты Граффити

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

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

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

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

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

Brick Wall Texture

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

Шаг 1

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

Graffiti Wall Texture

Шаг 2

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

Add Layer Mask in Photoshop

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

Paint Inside the Layer Mask in Photoshop

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

Шаг 1

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

Remove Background in Photoshop

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

Шаг 2

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

Duplicate Layers in Photoshop

Шаг 3

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

Add Stroke Layer Style

Шаг 4

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

Filter Artistic Cutout Photoshop Filter

Cutout Filter in Photoshop

Шаг 5

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

Posterize Adjustment in Photoshop

Шаг 6

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

Brightness and Contrast Adjustment in Photoshop

Шаг 7

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

Hue and Saturation Adjustment in Photoshop

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

Paint Inside the Layer Mask

Шаг 8

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

Create Clipping Mask in Photoshop

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

Blend Mode Lighter Color in Photoshop

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

Paint Inside the Layer Mask in Photoshop

Шаг 9

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

Show Layer in Photoshop

Шаг 10

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

Photocopy Filter in Photoshop

Шаг 11

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

Cutout Filter in Photoshop

Шаг 12

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

Levels Adjustment in Photoshop

Шаг 13

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

Multiply Blend Mode in Photoshop

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

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

Шаг 1

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

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

Merge All Visible Layers in Photoshop

Шаг 2

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

Add Layer Mask in Photoshop

Шаг 3

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

Trim Canvas in Photoshop

Шаг 4

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

Copy Selection in Photoshop

Шаг 5

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

Work with Channels in Photoshop

Шаг 6

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

Use Image as Layer Mask in Photoshop

Шаг 7

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

Bevel and Emboss in Photoshop

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

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

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

Graffiti Effect with Pop Up Photoshop Action
Экшен Photoshop Эффекты Граффити

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

Graffiti Wall Photo Effect Photoshop Tutorial

Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.