Create a Realistic Broken Glass Effect in Photoshop

Create a Realistic Broken Glass Effect in Photoshop

Создание эффекта разбитого стекла

В этом уроке я покажу вам, как создать эффект разбитого стекла при помощи кистей в Фотошопе.

Шаг 1

Процесс создания такого эффекта довольно прост, все, что нам нужно, это исходное изображение (чтобы скачать, нужно зарегистрироваться) и набор кистей с разбитыми стеклами (набор кистей платный, но скачать бесплатно можно 1 кисть)

Итак, я скачал панорамное изображение и открыл его в Фотошопе.



Шаг 2

Теперь нам нужно провести небольшую цветокоррекцию. Для этого выбираем Image>Adjustments>Vibrance и устанавливаем значения как на картинке:



Шаг 3

Теперь давайте добавим какой-нибудь текст. Автор использует шрифт Pirulen, цвет шрифта - #56767d



Шаг 4

Чтобы текст лучше сочетался с фоном, выберите инструмент Eraser Tool (E) и скачайте один из наборов гранжевых кистей (кисти опять же платные, бесплатно можно скачать только одну). Выберите одну из кистей и пройдитесь ей по тексту (предварительно слой с текстом нужно растеризовать (для этого кликните на слое с текстом на панели слоев правой кнопкой мыши и выберите Rasterize type). Используйте ластик с выбранной кистью только в нижней части текста, вдоль горизонта



Мне кажется, слой с текстом слишком яркий, поэтому я решил уменьшить Прозрачность до 40%:



Шаг 5

Сейчас мы добавим блик Создайте новый слой (Ctrl+Shift+N) и залейте его черным цветом. Затем выберите Filter>Render>Lens flare. Установите следующие настройки:



Измените режим наложения слоя (Blending mode) с бликом на Screen, чтобы подсветить темные области:



Шаг 6

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

Вы можете получить тот же самый эффект, используя текстуру разбитого стекла. Но кисть использовать проще



Я решил дополнить этот урок способом создания такой кисти "с разбитым стеклом":

[ скрытый текст ]

А как же все-таки сделать кисть из текстуры или из фотографии? Покажу вам, как это делается, на двух примерах.

Возьмем вот такую текстуру:


(Качество картинки оставляет желать лучшего, я нашла ее просто для примера)

1. Переводим картинку с текстурой в ч/б вариант (если она у вас еще не ч/б) – Image -> Adjustments -> Black & White.

2. Далее, сделаем картинку более контрастной, при помощи Уровней (Levels) – нажмите Ctrl+L.

У меня получилось следующее (применительно к этой картинке):



Мне не очень понравились яркие черные края,поэтому я создала маску слоя (Layer -> Layer mask -> Reveal All), взяла кисть с Прозрачностью (Opacity) примерно 50% (кисть серая) и скрыла под маской слишком яркие черные участки:



3. В принципе, наша кисть готова. Если вы создавали маску слоя, то кликните на ней правой кнопкой мыши и выберите “Apply mask”. Далее выбираем Edit -> Define Brush Preset, и назваем кисть по вашему желанию

Помните, что при создании такой кисти, сама кисть должна быть черно-белой, т.е. «трещина» - быть черного цвета а фон – белый. Т.е. если вы нашли отличное изображение вот в таком виде:



То его нужно сначала инвертировать, нажав ctrl+I:



...а потом уже производить вышеописанные действия.

-------------------
прим. Переводчика

Шаг 7

Чтобы эффект выглядел реалистичней, нам нужно слегка размыть задний фон, чтобы создавалось впечатление, что мы смотрим на него через стекло. Для этого на панели слоев выделите все слои (удерживая Ctrl) кроме слоя с отпечатком кисти. Нажмите ALT+Ctrl+E – таким образом мы слили все слои и получили новый слой. Перейдите на этот слой и выберите Filter>Blur>Gaussian blur, настройки следующие (радиус примерно 5 рх):



Шаг 8

Все еще находясь на слое, созданном в Шаге 7, добавим ему маску, нажав вот на эту иконку (“Add layer mask”):



Теперь, выбрав черную кисть и перейдя на маску слоя, вы можете скрыть области, не нуждающиеся в размытии (черная кисть скрывает часть текущего слоя, белая – снова делает видимой). Т.е. в данном случае, нам нужно скрыть под маской среднюю часть изображения.



Шаг 9

Закончив работу с маской слоя, у нас станет видимой часть «резкого» изображения, эффект разбитого стекла теперь стал намного реалистичнее:



Шаг 10

Теперь давайте добавим несколько корректирующих слоев. Для начала добавим корректирующий слой Gradient Map (Layer>New adjustment layer>Gradient map). Выберите градиент, который наверняка есть у вас в наборе : фиолетовый (#6f156c) – зеленый ((#00601b) – оранжевый (#fd7c00). Измените режим наложения слоя Gradient Map на Screen, и уменьшите Прозрачность (Opacity) до примерно 70%:



Шаг 11

Чтобы придать изображению винтажный эффект, давайте немного «поиграемся» с корректирующим слоем Color Balance (Layer>New Adjustment Layer>Color Balance). Я скорректировал цвета в режиме «midtones» следующим образом:




Финальный результат!

Надеюсь, вам понравился этот урок