Unlimited WordPress themes, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Photo Effects
Design

Створюємо Ефект Графіті в Adobe Photoshop

by
Difficulty:IntermediateLength:LongLanguages:

Ukrainian (українська мова) translation by Andy Yur (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. Натисніть третій значок зліва, щоб перетворити цей шар, що коректує в обтравочну маску(Clipping Mask) до нижнього шару.

Posterize Adjustment in Photoshop

Крок 6

Йдемо Шар- Створити коригуючий шар Яскравість / Контрастність (Layer> New Adjustment Layer> Brightness / Contrast). Встановіть значення Яскравості (Brightness) на 117, а значення контрастності (Contrast) на - 50. Натисніть третій значок зліва, щоб перетворити цей шар, що коректує в обтравочній масці (Clipping Mask) до нижнього шару.

Brightness and Contrast Adjustment in Photoshop

Крок 7

Далі, йдемо Шар- Створити коригуючий шар Тон / Насиченість (Layer> New Adjustment Layer> Hue / Saturation). Встановіть значення Колірного тони (Hue) на 129, а значення насиченості (Saturation) на 100. Натисніть третій значок зліва, щоб перетворити цей шар, що коректує в обтравочній масці (Clipping Mask) до нижнього шару.

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
Graffiti Effect with Pop Up Photoshop Action

Ви можете побачити підсумковий результат на скріншоті нижче.

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.