На Вашем компьютере обнаружен устаревший браузер!
(Доступ на сайт будет ограничен)
Советуем Вам скачать новую версию браузера:

Вход на сайт

Рекомендуем ознакомиться со следующими разделами Фотошопа:



Разместите здесь свою рекламу
Главная » Photoshop » Эффект запотевшего стекла
19.10.2020

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

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

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

Шаг 1.

Откройте Photoshop и создайте новый документ. Я использую 2560x1440 пикселей для размера документа. После этого я залил фон с темно-серым цветом.

Эффект запотевшего стекла - бесплатные уроки фотошоп

Шаг 2.

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

P.S. Если вам лень ставить настойки вручную, то кисточка находиться в архиве

Эффект запотевшего стекла - бесплатные уроки фотошоп

Шаг 3.

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

Эффект запотевшего стекла - бесплатные уроки фотошоп

Шаг 4.

Объедините все слои что есть у нас в один слой. После этого перейдите к Изображения/Коррекция/Уровни. Измените черную вкладку до 124 и белую до 161. Значения могут изменяться в зависимости от капель, так что просто убедитесь, что вы избавились от размытых краев.

Эффект запотевшего стекла - бесплатные уроки фотошоп

Шаг 5.

С помощью инструмента "волшебная палочка" выберите черный фон и удалите его.Остались только белые капли.

Эффект запотевшего стекла - бесплатные уроки фотошоп

Шаг 6

Теперь нам понадобиться фотография на задний план. Я использовал фото с сайта . Дублируйте задний фон с такси, потому что мы будем использовать его несколько раз с различными значениями размытия.

Эффект запотевшего стекла - бесплатные уроки фотошоп

Шаг 7.

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

Эффект запотевшего стекла - бесплатные уроки фотошоп

Шаг 8.

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

Эффект запотевшего стекла - бесплатные уроки фотошоп

Шаг 9.

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

Эффект запотевшего стекла - бесплатные уроки фотошоп

Шаг 10.

Поставьте слою с каплями заливку в 0%. Далее мы будем создавать стиль для наших капель, ставим следующие параметры: выберите внутренняя тень и поставьте прозрачность в 50 %,режим наложения линейный осветлитель (добавить),цвет белый,угол 90 º. Смещение 3 пикс, Стягивание 0%, Размер 5 пикс. Обратите внимание на контур,он должен быть такой же как на рисунке:

P.S. Стиль слоя так же есть в архиве урока

Эффект запотевшего стекла - бесплатные уроки фотошоп

Шаг 11.

Выберите Тиснение. Поставьте глубину до 350%, направление вниз, размер до 7 пикселей, Смягчение до 5 пикселей, а затем поставьте угол 54 º и  высота 42 º . Ставим режим подсветки, осветление основы, режим тени, умножение. Для обоих режимов степень непрозрачности 50 % цвет белый,черный. Так же обратите внимание на контур глянца он должен быть как на рисунке:

Эффект запотевшего стекла - бесплатные уроки фотошоп

Шаг 12.

Выберите внутреннее свечение. Режим наложения : темнее,  непрозрачность 40 %,черный цвет. Метод точный,источник на краях, стягивание 0%, размер 25 пикс, диапазон 50%, колебание 0.

Эффект запотевшего стекла - бесплатные уроки фотошоп

Шаг 13.

Теперь выберите наложение цвета и выберите цвет (# 907f72) с режимом наложения : осветление основы с 45% непрозрачности.

Эффект запотевшего стекла - бесплатные уроки фотошоп

Шаг 14.

Последний шаг стиля слоя будет тень. Используйте умножение на режиме смешивания, черный цвет и непрозрачность 20%. Измените угол до 90 °, смешивание 9 пикселей, размах 5%, 10 пикселей размер.

Эффект запотевшего стекла - бесплатные уроки фотошоп

Шаг 15.

Выберите наш дубликат фото без размытия и поставьте размытие Фильтр> Размытие> Размытие по Гауссу. Радиус 5 пикселей . Выделите наш слой  с каплями, клавиша Ctrl+ клик мыши.

Эффект запотевшего стекла - бесплатные уроки фотошоп

Выберите фотографию, которую мы применили Размытие по Гауссу 5 пикс. и перейдите на Слои> Слой Маска> Показать выделенную область. Таким образом, изображение  размытием в 5 пикселей будет видно только под каплями воды.

Эффект запотевшего стекла - бесплатные уроки фотошоп

Шаг 16.

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

Эффект запотевшего стекла - бесплатные уроки фотошоп

Шаг 17.

После Размытия в движении, перейдите в Изображение> Коррекция> Уровни. И сместите серый ползунок, до тех пор пока края не станут резкими.

Эффект запотевшего стекла - бесплатные уроки фотошоп

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

Эффект запотевшего стекла - бесплатные уроки фотошоп

Шаг 18.

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

Эффект запотевшего стекла - бесплатные уроки фотошоп

Выделите слой с  текстом  Ctrl+Клик мыши, снова выберите нашу фотографию с эффектом размытия в 5 пикс, и так же создайте слой маску на этом фото Слои> Слой Маска> Показать выделенную область. Выделите еще раз наш слой с надписью и нажмите на слой с каплями, и удалите капли которые остались на тексте Редактирование> Очистить.

Эффект запотевшего стекла - бесплатные уроки фотошоп

Шаг 19.

Создайте новый слой и добавьте  маленьких капель на месте текста,  так же и по краям фотографии. Чтобы применить тот же стиль капель как на предыдущих шагах, сохраните стиль слоя в панели стили, или дублируйте наш слой с каплями, удалите всё  что есть на нем и рисуйте жесткой кисточкой.

Эффект запотевшего стекла - бесплатные уроки фотошоп

Шаг 20.

Дублируйте любое фото и удалите маску, после чего перейдите на Слои> Слой-маска> Скрыть всё. Нажмите на маску слоя и перейдите  Фильтр> Рендеринг> Облака. Убедитесь, что вы выбрали черный и белый цвет. Можете отрегулировать прозрачность, в зависимости от картинки. Так мы добились туманного эффекта.

Эффект запотевшего стекла - бесплатные уроки фотошоп

Шаг 21.

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

Эффект запотевшего стекла - бесплатные уроки фотошоп

Шаг 22.

Изменение режим наложения этого слоя на Перекрытие с 40% непрозрачности.

Эффект запотевшего стекла - бесплатные уроки фотошоп

Шаг 23.

Дублируйте предыдущий слой и просто измените режим смешивания на экран, оставьте те же 40% непрозрачности.

Эффект запотевшего стекла - бесплатные уроки фотошоп

Шаг 24.

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

Эффект запотевшего стекла - бесплатные уроки фотошоп

Ну вот и всё! Наш урок закончен. Мы добились очень реалистичного эффекта капель на стекле, напоследок можно добавить царапины или отпечатки пальцев на стекле :

Эффект запотевшего стекла - бесплатные уроки фотошоп

(+8 баллов, 8 оценок)
Loading ... Loading ...
Комментариев (3)
latsa 19.10.2020 (14:25)

О да, впечатляющий результат!

Vittoria 19.10.2020 (9:45)

Шаг 15 не получается (

Yara 19.10.2020 (9:58)

что именно не получается?

Написать комментарий

Подписаться, не комментируя

.