Добавляем к Фотографии Эффект Разбитого Стекла

В серии уроков по Созданию Собственных Кистей, вы можете ознакомиться с моим уроком по Созданию Кистей Разбитое Стекло. Если у вас не было возможности ознакомиться с указанным уроком, то я рекомендую сейчас уделить несколько минут данному уроку. Все еще не уверены? В реальности, для создания данного эффекта, вам потребуется молоток, чтобы разбить стекло! Реально, вы должны это увидеть.

Исходные материалы

Для выполнения данного урока, вам понадобится исходное изображение агрессивной девушки.

Вам также понадобятся кисти Разбитое Стекло. Скачайте файл ShatteredGlassBrushes.abr в приложении к уроку. Чтобы загрузить кисти, идём Редактирование – Наборы- Управление наборами (Edit > Presets > Preset Manager). В появившемся окне, нажмите кнопку Загрузить (Load) и выберите исходной файл.

Таким образом, 12 новых кистей Разбитое Стекло добавится к вашему набору кистей.

1. Создаём Эффект Стекла на Изображении

Основная идея- это создать ощущение оконного стекла перед моделью. Одним из наиболее эффективных методов для этого является создание дубликата исходного изображения, который будет визуально отличаться от исходного. Между ними будет достаточно небольшое различие, которое будет видно, когда мы создадим эффект разбитого стекла, и будет очевидно, что оба изображения отличаются друг от друга.

Откройте исходное изображение с моделью. Создайте дубликат слоя (Ctrl+J) или идём Слой - Новый - Скопировать на новый слой (Layer > New > Layer Via Copy).

Затемните дубликат изображения с помощью коррекции Уровни (Levels). Для этого, идём Изображение – Коррекция – Уровни (Image > Adjustments > Levels (Ctrl+L). Сместите левый бегунок вправо до тех пор, пока нижнее значение не покажет цифру 100.

Теперь, размойте дубликат изображения с помощью фильтра Размытие по Гауссу (Gaussian Blur). Для этого, идём Фильтр – Размытие- Размытие по Гауссу (Filter > Blur > Gaussian Blur). Установите радиус размытия 10 px.

Установите цвет переднего плана на бледно-голубой оттенок #dbfaff . Создайте новый слой, идём Слой- Новый – Слой (Layer > New > Layer) или нажмите клавиши (Shift+Ctrl+N), а затем, нажмите клавиши (Alt+Backspace), чтобы залить слой выбранный цветовым оттенком. Поменяйте режим наложения для данного слоя на Умножение (Multiply).

Данный шаг является выборочным. Если у вас есть расширение Adobe Paper Texture Pro (данную опцию можно найти через Окно – Расширения (Windows > Extensions), то вы можете подобрать отличную текстуру для имитации грязи или пыли на поверхности стекла. Я использовал текстуру Gertrude_Jekyll, установите режим наложения для данного слоя с текстурой на Линейный затемнитель (Linear Burn), а также уменьшите непрозрачность слоя до 70%. Примечание переводчика: для тех, у кого стоит более ранняя версия программы Photoshop, попробуйте применить фильтр Добавить шум (Add noise), чтобы воссоздать текстуру стекла или подберите подходящую имеющуюся в наборе текстуру, создав возможно витражное стекло.

2. Разбиваем Стекло

Итак, мы подготовили оконное стекло, которое разобьет наша героиня. Идея состоит в том, чтобы с помощью кисти Разбитое Стекло, создать сколотое отверстие на стеклянной поверхности.

Создайте новый слой, выберите одну из кистей Разбитое Стекло—Я начал с кисти ‘Shattered Glass 03’. Убедитесь, чтобы цвет кисти был чёрный и просто один раз щёлкните кистью по слою.

Далее, с помощью инструмента Прямолинейное лассо (Polygonal Lasso Tool (L), аккуратно выделите по контуру центральную часть разбитого стекла, полностью нижнюю правую часть. Нажмите клавишу (Delete), чтобы удалить выделенную область. Не забудьте отменить активное выделение (Ctrl+D) или идём Выделение – Отменить выделение (Select > Deselect).

Выберите инструмент Перемещение (Move Tool (V). Удерживая клавишу (Alt) + перетащите слой с эффектом разбитого стекла вниз, таким образом, вы создадите дубликат слоя, расположив его ниже оригинального слоя.

Находясь на дубликате слоя с эффектом разбитого стекла, нажмите на значок Сохраняет прозрачность пикселей (Lock the Transparency) слоя, который расположен над миниатюрой слой в инструментах палитры слоёв. (Примечание переводчика: не перепутайте с чёрным замочком). Убедитесь, что цвет заднего плана установлен на белый цвет. Теперь, нажмите клавиши (Ctrl+Backspace), чтобы залить слой цветом заднего плана. Функция Сохраняет прозрачность пикселей (locked transparency) означает, что только видимые пиксели будут залиты цветовым оттенком. Это очень простой и лёгкий способ изменить цвет пикселей слоя без применения других настроек.

Нажмите клавишу направления со стрелкой ‘Верх’ три раза, а затем дважды нажмите клавишу ‘Влево’, чтобы слегка сдвинуть дубликат слоя с белой заливкой. Таким образом, мы создадим ощущение визуальной толщины разбитого стекла.

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

Удерживая клавишу (Shift), выделите все слои за исключением оригинального слоя с фотографией модели. Далее, идём Слой – Сгруппировать слои (Layer > Group Layers (Ctrl+G), чтобы сгруппировать все созданные слои в одну группу.

Ещё раз выберите инструмент Прямолинейное лассо (Polygonal Lasso Tool), чтобы выделить внутреннюю область, создав дыру в оконном стекле. Далее, идём Слой- Слой-маска – Скрыть выделенную область (Layer > Layer Mask > Hide Selection), чтобы добавить слой-маску к слою с группой, таким образом, мы увидим оригинальную фотографию через созданную слой-маску. В панели настроек для слой-маски, установите значение Растушёвки (Feather) 4.0 px, чтобы показать толщину стекла на краях выделенной области. Примечание переводчика: для тех, у кого стоит более ранняя версия программы Photoshop, значение Растушёвки (Feather) выставьте в настройках инструмента Прямолинейное лассо (Polygonal Lasso Tool).

3. Разлетающиеся Осколки Стекла

Если девушка действительно разбивает окно, то должны быть разлетающиеся осколки стекла. В наборе кистей, которые вы скачали, как раз имеются кисти с разбитыми осколками стекла для этих целей. Давайте, используем их, чтобы добавить немного реалистичности к нашей сцене.

Повторите весь процесс, который описан выше, создав пару чёрно-белых слоёв, а также использовав кисти с осколками разбитого стекла.

Создайте новый слой поверх слоя с осколками разбитого стекла. С помощью инструмента Прямолинейное лассо (Polygonal Lasso Tool), создайте выделение вокруг осколков разбитого стекла. Залейте выделенную область голубовато-зелёным оттенком—я использовал оттенок #bbd2d9 , а также поменяйте режим наложения для данного слоя на Перекрытие (Overlay). Не забудьте отменить активное выделение (Ctrl+D) или идём Выделение – Отменить выделение (Select > Deselect).

Выделите слои с осколками разбитого стекла, чтобы сгруппировать их в одну группу, для этого идём Слой- Сгруппировать слои (Layer > Group Layers (Ctrl+L). Дважды щёлкните по слою с созданной группой, чтобы применить стили слоя. Добавьте стиль слоя Наложение градиента (Gradient Overlay). Установите следующие настройки.

• Режим наложения (Blend Mode): Умножение (Multiply)
• Непрозрачность (Opacity): 57%

Результат должен быть, как на скриншоте ниже.

Добавьте ещё осколков разбитого стекла, используя ту же самую технику, создав дополнительные слои с осколками стекла или просто продублируйте первую группу с осколками, а затем примените инструмент Свободная трансформация (Free Transform tool), для этого идём Редактирование – Свободная трансформация (Edit > Free Transform tool). С помощью данного инструмента, вы можете сместить, повернуть осколки, применить к ним масштабирование, расположив осколки на новом месте.

Итоговый результат вы можете увидеть на скриншоте ниже!

Хотите ещё?

Проект, как это показывает, насколько могут быть полезными кисти, созданные самостоятельно с нуля. Теперь попробуйте воссоздать трещины и осколки на стекле! Если вы хотите узнать больше про создание кистей, то вы можете ознакомится с другими уроками из серии Создание Собственных Кистей. Я буду рад увидеть, как вы использовали данные кисти в своих работах, поэтому, жду с нетерпением ваших работ в комментариях к уроку.

Вы также можете ознакомиться с другими моими уроками и техниками здесь на сайте Tuts+. Вы можете найти все ссылки на мои уроки в моём профиле.