Уроки фотошопа, графика, дизайн
arrow

Взгляд через разбитое стекло

Сегодня я научу вас интересному эффекту взгляда через разбитое стекло. Для этого урока photoshop нам понадобится изображение для заднего плана (желательно город) и кисти с изображением разбитого стекла.

Урок простой, на выходе мы получим такой эффект разбитого стекла:

Взгляд через разбитое стекло

Взгляд через разбитое стекло

1. Для начала нужно найти исходники. Как я уже говорил, нам нужно изображение города и кисти разбитого стекла. Я взял такой город:

Фотография города

А кисти вы можете скачать здесь.

2. Открываем фотографию города и применяем Image (Изображение) -> Adjustment (Коррекция) -> Vibrance (Вибрации) c такими настройками:

Взгляд через разбитое стекло

3. Теперь создаём ещё один слой (Shift+Ctrl+N), загружаем кисть (подробнее отом, как это сделать, читайте в уроке «Кисть в фотошопе«)

Взгляд через разбитое стекло

И рисуем с её помощью трещину, обратите внимание, что основной цвет у должен стоять чёрный:

Взгляд через разбитое стекло

Если хотите, вы можете создать свою собственную кисть, или воспользоваться вместо кисти текстурой разбитого стекла. О том, как создавать кисти, читайте в уроке «Как создать свою кисть«. Я же остановлюсь на этом моменте вкратце.

Откройте изображение с разбитым стеклом (если оно не чёрно-белое, сделайте его таковым с помощью сочетания клавиш Shift+Ctrl+U). Обратите внимание, что стекло должно быть белого цвета, а трещины черного. Если изображению не хватает контраста, добавьте его с помощью Image -> Adjustment -> Brightness/Contrast (Яркость/Контраст). Теперь создайте саму кисть. Перейдите в Edit (Редактировать) -> Define Brush Preset (Определить кисть). Всё, кисть создана, можете закрывать документ с трещинами на стекле и переходить к созданию взгляда на город через разбитое стекло.

4. Давайте размоем немного город, для этого нужно скопировать слой с городом (Ctrl+J), затем перейдём в Filter (Фильтр) -> Blur (Размытие) -> Gaussian blur (По Гауссу) со значением радиуса 4px:

Взгляд через разбитое стекло

5. Создаём маску для скопированного слоя (подробнее о масках читайте в уроке photoshop «Маски в фотошопе«), к которому мы только что применили размытие, берем мягкую кисть чёрного цвета, и скрываем области, которые не должны быть размытыми:

Взгляд через разбитое стекло

Таким образом, мы получили эффект взгляда через разбитое стекло. Там, где стекла нет, изображение получилось чётким, а там, где оно осталось — размытым. Это придаёт ещё больше реализма. Теперь нам осталось поработать с цветами.

Цветной взгляд через разбитое стекло

6. Создайте новый корректирующий слой с градиентом:

Взгляд через разбитое стекло

Градиент подберите любой, на ваш вкус:

Взгляд через разбитое стекло

Режим смешивания установите Overlay, непрозрачность 50%. В итоге получаем такой взгляд через разбитое стекло:

Взгляд через разбитое стекло

Можете использовать маску слоя для обесцвечивания изображения, которое видно через дырку в стекле:

Взгляд через разбитое стекло

На мой взгляд, так получилось интереснее. Напоследок можете применить корректирующий слой Color Balance (Баланс цветов) и придать картинке тот оттенок, который вам нравится.

Мой «Взгляд через разбитое стекло» выглядит так:

Взгляд через разбитое стекло

На этом урок photoshop по созданию взгляда через разбитое стекло закончен. Надеюсь вам понравилось. Если у вас есть вопросы, или вы хотите обсудить этот урок, можете сделать это в комментариях или на форуме. Желаю вам успехов и прощаюсь до новых встреч ;)

M@X
Веб-дизайнер, основатель проекта psforce.ru и студии веб-дизайна Disarto.

Оставить комментарий

Имя: *

Сообщение: