1. Design & Illustration
  2. Add-Ons
  3. Photo Effects

Як застосовувати кисті Shattered Glass в Adobe Photoshop

Scroll to top
Read Time: 4 min

() translation by (you can also view the original English article)

Final product imageFinal product imageFinal product image
What You'll Be Creating

У статті про створення Photoshop Brushes з нуля, я показав процес створення кисті розбитого скла .  Якщо у вас не було можливості прочитати її, я рекомендую вам витратити кілька хвилин і подивитися статтю зараз. Все ще сумніваєтеся? Насправді стаття включає в себе бите скло за допомогою молотка! Дійсно, ви повинні поглянути на це.

Tutorial Assets

Для початку вам потрібне фото розгніваної дівчини або хлопця.

Вам також необхідні кисті Shattered Glass Brushes. Вони прикріпленні до цієї статті. Файл називається: ShatteredGlassBrushes.abr  Щоб встановити кисті, потрібно перейти до: Edit > Presets > Preset Manager. У розділі Brushes, використовуйте кнопку Load, щоб завантажити необхідні кисті.

Loading the Custom Shattered Glass BrushesLoading the Custom Shattered Glass BrushesLoading the Custom Shattered Glass Brushes

Ця команда додасть 12 нових Brush Presets.

1. Створення зображення скла

Ідея полягає в тому, щоб створити ілюзію скла перед моделлю. Одним з найбільш ефективних методів є створення копії фоні, яка візуально відрізняється. Вона повинна відрізнятися від самого фону, щоб можна було розрізнити, де скло.

Крок 1

Завантажуємо і дублюємо фоновий шар Layer> New> Layer Via Copy (Ctrl-J). 

Duplicate the backgorund layerDuplicate the backgorund layerDuplicate the backgorund layer

Крок 2

Затемнюємо шар за допомогою Levels. Переходимо: Image > Adjustments > Levels (Control-L). Виставляємо ліве число на 100.

Darken with LevelsDarken with LevelsDarken with Levels

Крок 3

Тепер розмиваємо шар, перейшовши в Filter> Blur> Gaussian Blur. Встановлюємо значення Radius на 10 пікселів.

Blur the imageBlur the imageBlur the image

Крок 4

Встановлюємо колір переднього плану на блідо-блакитний #dbfaff. Додаємо новий шар з Layer> New> Layer (Shift-Control-N), а потім натискуємо Alt-Backspace,щоб заповнити шар синім кольором. Встановлюємо режим Blend Mode на Multiply.

Add a bluish tint to the glassAdd a bluish tint to the glassAdd a bluish tint to the glass

Крок 5

Цей крок є необов'язковим.  Якщо у вас є Adobe Paper Texture Pro (знаходиться у розділі Windows > Extensions), ви там можете знайти хороші текстури, щоб використовувати для імітації поверхні вікна.  Я використовував текстуру Gertrude_Jekyll, встановив Blend Mode на Linear Burn, і знизив Opacity до 70%

Add a dusty window surface textureAdd a dusty window surface textureAdd a dusty window surface texture

2. Розбите скло

Тепер у нас є текстура скла, щоб продовжувати наш проект. Ідея полягає в тому, щоб використовувати кисті осколків скла  для виготовлення отвору в скляній поверхні.

Крок 1

Додайте New Layer і виберіть одну із кистей розбитого скла - я почав з кисті Shattered Glass 03.  Переконайтеся, що колір фарби встановлений на Black і тільки після цього один раз клацніть на зображенні. 

Set a Glass BrushSet a Glass BrushSet a Glass Brush

Крок 2

Використовуйте Polygonal Lasso Tool (L), щоб ретельно вирізати частину в центрі скла і натисніть клавішу Delete, щоб видалити ці пікселі.  Не забудьте потім скасувати виділення Select> Deselect (Control-D). 

Cutout the central and lower right of the broken glass imageCutout the central and lower right of the broken glass imageCutout the central and lower right of the broken glass image

Крок 3

Візьміть інструмент Move Tool (V) і потримайте Alt при перетягуванні шару вниз. Це створить дублікат шару і помістить його нижче оригіналу.

Duplicate the layerDuplicate the layerDuplicate the layer

Крок 4

Натисніть маленький значок Lock над шаром ескізів, щоб зафіксувати прозорість цього шару.  Переконайтеся, що ваш колір фону встановлений на White і натисніть Control-Backspace, щоб заповнити шар кольором. Замкнена  прозорість дозволить нам пофарбувати лише видимі пікселі. Це швидкий і легкий спосіб зміни кольору пікселів в шарі, не зачіпаючи інші властивості. 

Fill the pixels with WhiteFill the pixels with WhiteFill the pixels with White

Крок 5

Натисніть клавішу зі стрілкою вгору три рази, потім ліву клавішу зі стрілкою двічі, це дозволить підштовхнути шар. Це забезпечить товщину скла.

Nudge the white area slightlyNudge the white area slightlyNudge the white area slightly

Крок 6

Повторіть процес додавання скла, ще кілька разів. Тут я використовував чотири різних пари розбитого скла.

Крок 7

Утримуючи Shift, виберіть всі шари, крім фонового шару. Перейдіть до Layer> Group Layers (Control-G), щоб помістити їх усіх в одну групу шарів.

Group the layers togetherGroup the layers togetherGroup the layers together

Крок 8

Використайте Polygonal Lasso Tool, щоб вибрати внутрішню площу отвору в склі.  Перейдіть до Layer> Layer Mask> Hide Selection, щоб додати маску до групи і показати фон у отворі скла.  У панелі Properties для маски, встановіть Feather до 4,0 пікселів, так щоб край отвору здавався справжнім. 

Mask out the hole in the glassMask out the hole in the glassMask out the hole in the glass

3. Відлітаючі фрагменти

Якщо ця, жінка справді розбила скло, то крихітні фрагменти скла відкололися б.  Кисті містять кілька уламків скла. Використаємо їх, щоб надати реальності.

Крок 1

Повторіть той же самий процес, як описано вище, щоб створити уламок від скла. 

Creating glass shardsCreating glass shardsCreating glass shards

Крок 2

Створіть новий шар New Layer вище попереднього. Використайте Polygonal Lasso Tool, щоб обробити внутрішню частину осколків скла. Залийте виділення в блакитно-зелений відтінок - я використовував #bbd2d9  і  встановив режим змішування на Overlay.  Не забудьте скасувати виділення Select> Deselect (Control-D). 

Color in the glass shardsColor in the glass shardsColor in the glass shards

Крок 3

Виберіть шари уламків і згрупуйте їх Layer> Group Layers (Control-L). Потім двічі клацніть на область праворуч від імені групи, щоб відкрити діалогове вікно Layer Style. Додайте Gradient Overlay з наступними настройками:

  • Blend Mode: Multiply
  • Opacity: 57%
Gradient Overlay settingsGradient Overlay settingsGradient Overlay settings

Результат повинен виглядати наступним чином.

Layer styles on the glass shards groupLayer styles on the glass shards groupLayer styles on the glass shards group

Крок 4

Створіть ще шари, використовуючи той же процес або просто дублюйте першу групу і використайте Edit> Free Transform Tool, щоб перемістити, масштабувати і повернути дублікати в нові позиції. 

Create more shards in the glassCreate more shards in the glassCreate more shards in the glass

Ось кінцевий ефект!

FInal effect angry woman punching glassFInal effect angry woman punching glassFInal effect angry woman punching glass

Хочеш більше?

Цей проект показує наскільки корисно мати користувацькі кисті у своєму рпозпорядженні. Як легко ми додали Тріщини у склі! Якщо ви хочете побачити більше, то можете подивитися на наступні уроки про кисті: Photoshop Brushes From Scratch. Я хотів би подивитися на ваші роботи у коментарях.

Крім того ви можете подивитися на інші мої роботи у профілі. Просто перейдіть за посиланням: my profile.

Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
One subscription. Unlimited Downloads.
Get unlimited downloads