Всем привет! С Вами на связи Сергей Заставный. Прошу прощения за то, что так долго не писал, т. к. меня не было в Полтаве.
После нескольких дней непрерывного дождя я решил использовать его в качестве вдохновения для нового урока в 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;
Переводчик: Сергей Заставный.