Students Save 30%! Learn & create with unlimited courses & creative assets Students Save 30%! Save Now
Advertisement
  1. Design & Illustration
  2. Adobe Photoshop
Design

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

by
Difficulty:BeginnerLength:ShortLanguages:

Ukrainian (українська мова) translation by Oleksandr Kostyuk (you can also view the original English article)

Final 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 Brushes

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

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

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

Крок 1

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

Duplicate the backgorund layer

Крок 2

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

Darken with Levels

Крок 3

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

Blur the image

Крок 4

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

Add 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 texture

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

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

Крок 1

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

Set a Glass Brush

Крок 2

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

Cutout the central and lower right of the broken glass image

Крок 3

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

Duplicate the layer

Крок 4

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

Fill the pixels with White

Крок 5

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

Nudge the white area slightly

Крок 6

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

Крок 7

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

Group the layers together

Крок 8

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

Mask out the hole in the glass

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

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

Крок 1

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

Creating glass shards

Крок 2

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

Color in the glass shards

Крок 3

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

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

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

Layer styles on the glass shards group

Крок 4

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

Create more shards in the glass

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

FInal effect angry woman punching glass

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

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

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

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.