Эффект запотевшего стекла в фотошопе

Всем привет! С Вами на связи Сергей Заставный. Прошу прощения за то, что так долго не писал, т. к. меня не было в Полтаве.

После нескольких дней непрерывного дождя я решил использовать его в качестве вдохновения для нового урока в Photoshop.

Сегодня я научу Вас делать интересный эффект запотевшего стекла в фотошоп. Мы будем использовать фотографию, кисти и стили слоя для создания данного эффекта. Процесс выполнения данного урока довольно простой и не потребует у Вас много времени.

Итак, поехали!

Конечный результат:

Шаг 1

Откройте Photoshop и создайте новый документ. Я буду использовать размер 2560×1440 пикселей. Далее залейте фоновый слой темно-серым цветом. Это нам понадобится при создании капель воды.

Шаг 2

Идем в Окно>Кисть и начинаем создавать кисть в форме капель воды. Установите настройки как на изображении ниже. ВАЖНО, чтобы кисть была мягкой.

Шаг 3

Добавьте новый слой и сгруппируйте их(Ctrl+G). Затем измените режим наложения данной группы на Осветление основы. С помощью инструмента Кисть нарисуйте капли как показано на рисунке ниже:

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

Шаг 4

Выберите фоновый слой и группу с каплями и объедините их в слой. Далее перейдите в Изображение>Коррекция>Уровни и установите входные значения черного в положение 124, а также белого в 161. Значения могут варьироваться, просто убедитесь, что Вы избавляетесь от размытых краев.

Шаг 5

С помощью инструмента Волшебная палочка(W) выделите черную область. Затем перейдите в Выделение>Подобные оттенки, чтобы убедиться, что все черные области выделены. Далее удалите их (Delete).

Шаг 6

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

Шаг 7

Перейдите в Фильтр>Размытие>Размытие по Гауссу и установите параметр радиуса в 20 пикселей.

Шаг 8

Перейдите в Слои>Стиль слоя>Наложение цвета. Используйте темно-серый цвет и Непрозрачность 60%.

Шаг 9

Теперь поместите капли поверх всех слоев, также давайте применим к ним некоторые стили слоя, чтобы придать им реалистичности.

Шаг 10

Перейдите в Слои>Стиль слоя>Параметры наложения. Установите непрозрачность заливки до 0. После этого Выберите стиль слоя Внутренняя тень. Используйте такие параметры:

Цвет: белый;

Режим наложения: Линейный осветлитель;

Непрозрачность: 50%;

Угол: 90 градусов;

Смещение: 3 пикс.;

Размер: 5 пикс.

Контур: Конус.

Шаг 11

Далее выберите стиль слоя Тиснение. Измените глубину до 350%, установите направление: вниз, размер: 7 пикс. Далее в опциях Затенения используйте такие параметры:

Угол: 54 градуса;

Высота: 42 градуса;

Контур: Глубокая выемка;

Непр. Режима подсветки: 80%;

Режим наложения подсветки: Линейный осветлитель;

Непр. Режима тени: 50%;

Режим наложения тени: Умножение.

Шаг 12

Следующий стиль слоя, который мы будем использовать – Внутреннее свечение:

Режим наложения: Темнее;

Непрозрачность: 40%;

Источник: На краях;

Размер: 25 пикс.

Шаг 13

Далее выберите Наложение цвета:

Цвет: #907f72;

Режим наложения: Линейный осветлитель;

Непрозрачность: 45%.

Шаг 14

И последним стилем слоя у нас будет Тень с такими параметрами:

Режим наложения: Умножение;

Цвет: Черный;

Непрозрачность: 20%;

Угол: 90 градусов;

Смещение: 9 пикс.

Размах: 5%;

Размер: 10 пикс.

Шаг 15

Включите видимость ранее дублированного нами слоя (не размытого). Далее перейдите в Фильтр>Размытие>Размытие по Гауссу. Установите радиус в 5 пикс. Далее на палитре слоев щелкните правой кнопкой мыши по миниатюре слоя с каплями и выберите Выделить пикселы. Таким образом, Вы получите выделение капель воды.

Теперь выберите слой с изображением, к которому мы применяли размытие и перейдите в Слой>Слой-маска>Показать выделенную область.

Шаг 16

Выберите маску слоя, которую мы создали на предыдущем шаге и перейдите в Фильтр>Размытие>Размытие в движении. Используйте угол: -90 градусов и смещение: 80 пикс.

Шаг 17

После применения размытия перейдите в меню Изображение>Коррекция>Уровни. Далее изменяйте входные черные и белые значения до тех пор, пока не достигнете такого эффекта:

Шаг 18

Дублируйте слой с фото, к которому мы применяли Размытие по Гауссу (5 пикс.) и удалите маску слоя с дубликата. С помощью инструмента Горизонтальный текст напишите какое-то слово, используя рукописный шрифт, либо если у Вас есть планшет, Вы можете написать его вручную.

Выделите пиксели с текстом, как мы это делали в шаге 15, далее примените маску так, чтобы изображение стало видимым в месте написания текста.

Шаг 19

Добавьте новый слой и с помощью инструмента Кисть, с теми же настройками, добавьте еще капель, особенно над текстовой областью. Далее примените тот же стиль слоя, что и на предыдущем слое с каплями: щелкните правой кнопкой мыши по слою с каплями и выберите  Скопировать стиль слоя, далее перейдите на только что созданный нами слой и снова, нажав правую кнопку мыши выберите Вставить стиль слоя.

Шаг 20

Дублируйте слой с фотографией еще раз и удалите маску слоя. Далее перейдите в Слой>Маска слоя>Скрыть выделенную область. Щелкните по миниатюре маски слоя и перейдите в Фильтр>Рендеринг>Облака. Убедитесь, что у Вас установлен основной цвет – Черный, а фоновый – Белый. После выполнения данного шага эффект запотевшего стекла станет еще более реалистичным.

Шаг 21

Выделите все слои, дублируйте их и объедините (только дублированные). Вы также можете использовать комбинацию горячих клавиш Ctrl+Alt+Shift+E. Перейдите в Фильтр>Размытие>Размытие по Гауссу, установите параметр радиуса в 20 пикс.

Шаг 22

Измените, Режим наложения данного слоя на Перекрытие, также установите ему Непрозрачность в 40%.

Шаг 23

Дублируйте предыдущий слой, только теперь изменив Режим наложения на Экран. Непрозрачность оставьте ту же самую.

Шаг 24

Добавьте еще один слой поверх остальных и залейте его радиальным градиентом, используя темно-серые и светло-серые цвета. Также измените Режим наложения данного слоя на Умножение.

Итог урока: Вот и результат нашего урока. Как Вы видите техника создания эффекта запотевшего стекла довольно проста, все заключалось в стилях слоя, масках и фильтрах. Спасибо за внимание, всего Вам доброго!

Конечный результат:

Автор: Abduzeedo;

Переводчик: Сергей Заставный.

Ссылка на источник

Теги:эффект запотевшего окна эффект запотевшего стекла