Разбиваем стекло на фото в Фотошоп

В этом уроке вы узнаете, как создать реалистичный эффект разбитого стекла на основе фонового изображения, используя для этого кисти Photoshop. Давайте приступим!
Финальный результат:

(Нажмите для увеличения)

Материалы для урока:

Архив

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

Набор кистей платный, но вы можете бесплатно скачать одну из кистей в качестве образца (есть в архиве).

В качестве фонового изображения я использовал это красивое панорамное фото города.

Загрузите его и откройте в Photoshop.

Шаг 2. Понизьте насыщенность изображения, для этого выберите Image > Adjustments > Vibrance (Изображение – Коррекция – Вибрация), или создайте соответствующий корректирующий слой. Поставьте значения -70 для Saturation (Насыщенность) и +15 для Vibrance (Вибрация).

Шаг 3. Добавим интересные детали в нашу работу, для этого напишем какой-либо текст. Я использовал гладкий с плавными закруглениями бесплатный шрифт Pirulen.
Установите цвет шрифта #56767d.

Шаг 4. Для создания эффекта слияния текста с фоном возьмите инструмент Eraser tool (Ластик), выберите какую-либо кисть из наборов Гранжевых кистей.

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

Сначала нам нужно растрировать слой с текстом, для этого сделайте клик правой кнопкой мыши по названию слоя на палитре слоев и выберете пункт Rasterize type (Растрировать текст). Используйте инструмент Eraser tool (Ластик) с выбранной гранжевой кистью в основном на нижней области текста, вдоль линии горизонта.

На мой взгляд Непрозрачность (Opacity) слоя с текстом слишком большая, понизьте ее до 40%. Вот такой у меня получился результат:

Шаг 5. На этом шаге не помешает добавить блик в работу! Сделаем это, для этого создайте новый слой, залейте его черным цветом. Затем выберите в меню  Filter > Render > Lens flare (Фильтр – Рендеринг - Блик).

Поменяйте режим наложения этого слоя на Screen (Экран/Осветление), чтобы избавиться от черных областей.

Шаг 6. Теперь будем создавать эффект разбитого стекла. Создайте новый слой, возьмите инструмент Brush tool (Кисть) и выберите одну из загруженных и установленных кистей разбитого стекла. Установите черный цвет в качестве основного и сделайте один отпечаток кистью на новом слое.
Вы также можете получить аналогичный результат, используя фотографию разбитого стекла, но использование кисти облегчает работу.

Шаг 7. Для того, чтобы сделать эффект более реалистичным, нам нужно размыть область фона, которая перекрывается стеклом. Выделите на палитре слоев все слои, кроме слоя с отпечатком кистью с разбитым стеклом, и нажмите  Alt+Ctrl+E для объединения их в один слой (таким образом вы создадите объединенную копию выделенных слоев). Примените к объединенному слою фильтр Filter > Blur > Gaussian blur (Фильтр – Размытие – Размытие по Гауссу) с радиусом около 3 пикселей.

Шаг 8. Находясь на размытом слое, добавьте к нему маску слоя, нажав для этого соответствующий значок маски внизу палитры слоев.

Находясь в режиме маски, используйте черную круглую Кисть (Brush tool) для стирания лишних областей размытого фона (нужно закрасить ту область посередине, где нет стекла). При использовании маски слоя черная кисть скрывает области, а белая восстанавливает их обратно, не повреждая при этом пиксели самого изображения.

Шаг 9. После того, как скроете на маске слоя область с отверстием от стекла, у вас станет виден через отверстие исходный неразмытый фон, и вы получите реалистичный эффект разбитого стекла.

Шаг 10. В заключение работы сделаем коррекцию цвета, создав для этого несколько корректирующих слоев. Сначала поменяем цветовую гамму, создайте для этого корректирующий слой Gradient map (Карта градиента) (выберите в меню Layer > New adjustment layer > Gradient map – Слой – Новый корректирующий слой – Карта градиента, или нажмите на соответствующую иконку внизу палитры слоев).

Выберите стандартный градиент от фиолетового (#6f156c) к зеленому (#00601b) к оранжевому (#fd7c00). Поставьте режим наложения для этого корректирующего слоя Screen (Экран/Осветление), Opacity (Непрозрачность) слоя примерно 70%.

Шаг 11. Для придания работе винтажного эффекта создайте корректирующий слой Color balance (Цветовой баланс) (Layer > New Adjustment Layer > Color Balance – Слой – Новый корректирующий слой – Цветовой баланс). Я подкорректировал значения для Midtones (Средние тона) следующим образом:

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

(Нажмите для увеличения)

Автор: Sebastiano
 

Источник: wegraphics.net