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

[BinaryOverdrive]

Шаг 1. Откройте программу Photoshop и создайте новый документ. В уроке размер изображения установлен 2560 х 1440 пикселей. Залейте фоновый слой темно-серым цветом, для этого используйте инструмент Заливка (Paint Bucket Tool), который можно вызвать клавишей G.

Шаг 2. В этом шаге мы будем создавать кисть с капельками воды, для этого откройте палитру «Кисть», перейдя в Window - Brushes (Окно – Кисть). Далее установите настройки кисти, руководствуясь слайдами ниже:

Шаг 3. Создайте новый слой и поместите его в предварительно созданную группу слоев. Измените режим наложения (Blend Mode) группы слоев на Осветление основы (Color Dodge). В палитре цветов, в качестве основного установите белый цвет (#ffffff). Затем выберите инструмент Кисть, и нарисуйте капельки на созданном ранее слое.

Шаг 4. Объедините первоначальный слой и группу слоев с каплями, нажав сочетание клавиш Shift + Ctrl + E. Далее перейдите в меню Изображение – Коррекция – Уровни (Image - Adjustments - Levels). Установите значения точки черного входа на 124, а белого на 161. Значения могут изменяться в зависимости от ваших капель, главное убедитесь, что расплывчатость краев убрана.

Шаг 5. Инструментом Волшебная палочка (Magic Wand Tool), который можно вызвать клавишей W, выделите черные области на изображении. Затем перейдите в меню Выделить – Смежные пиксели (Select - Similar), чтобы быть уверенными в том, что все черные области выделены. Удалите темные области на изображении, нажав клавишу Delete.

Шаг 6. Импортируйте изображение, к которому Вы желаете применить эффект запотевшего стекла. Открыв такое изображение, создайте дубликат его слоя.После чего выберите слой с исходным изображением (не дубликат)!

Шаг 7. Перейдите Фильтр – Размытие – Размытие по Гауссу… (Filter - Blur - Gaussian Blur). Значение Радиуса поставьте равное 20 пикселей.

Шаг 8. Перейдите в Слои – Стиль слоя – Наложение цвета (Layer - Layer Styles - Color Overlay), используйте темно-серый цвет, поставив значение Непрозрачности 60%.

Шаг 9. Теперь переместите ранее созданный слой с капельками воды выше слоя с изображением. Чтобы придать каплям большую реалистичность, применим некоторые стили слоя. Но сперва убедитесь, что слой с каплями у Вас является активным.

Шаг 10. Перейдите в Слои – Стиль слоя – Параметры наложения (Layer - Layer Styles - Blending Options) и установите параметр Заливка (Fill) равный 0. В этом же окне выберите стилевую настройку Внутренняя тень (Inner Shadow), в качестве цвета установите - белый, Режим наложения – Линейный затемнитель, Непрозрачность – 50%, Угол – 90, Смещение – 3 пикселя, Размер – 5 пикселей, также измените Контур на Конус.

Шаг 11.Теперь в данном окне выберите следующую стилевую настройку, которая называется Тиснение (Bevel and Emboss). Измените Глубину на 350%, Направление: Вниз, Размер – 7 пикселей, Смягчение – 5 пикселей. Значение Угла поставьте 54 градуса, а Высоты – 42 градуса. Контур глянца измените на Глубокая выемка. Для Режима подстветки поставьте значение непрозрачности 80%, выберите белый цвет, а сам режим измените на Осветление основы, для Режима тени поставьте значение непрозрачности 50%, черный цвет, а сам режим измените на Умножение.

Шаг 12. Затем всё в этом же окне выберите еще одну стилевую настройку Внутреннее свечение (Inner Glow). Используйте Режим наложения Затемнение с непрозрачностью 40% и черным цветом. Используйте Источник : На краях, поставив его Размер 25 пикселей.

Шаг 13. Теперь выберите стилевую настройку Наложение цвета (Color Overlay). Используйте цвет #907f72 со значением Непрозрачности 45% и Режимом наложения Осветление основы.

Шаг 14. Последним примените стиль слоя Тень (Drop Shadow). Используйте Умножение для Режима наложения, черный цвет и Непрозрачность 20%. Измените угол на 90 градусов, Смещение – 9 пикселей, Размах – 5%, Размер – 10 пикселей.

Шаг 15. Выберите дубликат слоя с изображением, затем перейдите в меню Фильтр – Размытие – Размытие по Гауссу (Filter - Blur - Gaussian Blur), значения Радиуса на этот раз используйте 5 пикселей. Кликните ПКМ на миниатюре слоя с каплями в палитре слоев и выберите команду Выбрать пикселы, это действие позволит выделить все капли в отдельности. Теперь в палитре слоев выберите изображение, к которому мы применяли размытие и примените к нему Слой – Слой маска – Показать выделенную область (Layer - Layer Mask - Reveal Selection).

Шаг 16. Выберите маску слоя, которую мы создали в предыдущем шаге, и перейдите в Фильтр – Размытие – Размытие в движении (Filter - Blur - Motion Blur). Выберите -90 градусов для Угла и Смещение установите равное 80 пикселей.

Шаг 17. После того как маска слоя будет размыта, перейдите в Изображение – Коррекция – Уровни (Image - Adjustments - Levels). Изменяйте значения черного и белого входов до тех пор, пока не достигните эффекта, который вы можете видеть на скрине, т. е. капли уже как бы бежали, оставляя след на стекле.

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

Шаг 19. Создайте новый слой, выберите инструмент Кисть с теми же эффектами, которыми мы ранее рисовали капли, нарисуйте больше маленьких капелек, особенно прорисуйте каплями текстовую область. Чтобы применить к новым каплям такой же стиль, скопируйте Стили слоя и добавьте их на слой с маленькими капельками.

Шаг 20. Дублируйте фотографию со слоем снова и удалите маску слоя, после этого перейдите в Слой – Маска слоя – Скрыть выделенную область (Layer - Layer Mask - Hide All). Примените к маске Фильтр – Рендеринг – Облака (Filter - Render - Clouds). Убедитесь в том, что у вас черно-белые цвета Палитре цветов. После выполнения этого шага эффект затуманенного окна станет еще более реалистичным.

Шаг 21. Выделите все слои и дублируйте их. После этого дублированные слои слейте в один. И примениете к этому слою Фильтр – Размытие – Размытие по Гауссу (Filter - Blur - Gaussian Blur), поставив при этом значение для Радиуса – 20 пикселей.

Шаг 22. Смените режим наложения на Перекрытие с 40% непрозрачностью.

Шаг 23. Дублируйте предыдущий слои и измените режим наложения на Осветление с 40% непрозрачностью.

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

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

Оригинал урока - [Ссылки могут видеть только зарегистрированные пользователи.] (english)

[Flze]

А можно было бы немного слово Rain Размыть, выглядело бы эффектно

[Alex h.]

Сообщение от Flze

А можно было бы немного слово Rain Размыть, выглядело бы эффектно

как раз таки наоборот. Сам проведи по мокрому стеклу пальцем, и там не будет никакой размытости)

[indexbot]

Эффект хорош, но я его делаю с помощью плагина для фотошопа - Eye Candy, фильтр Water Drops.

[inspector]

в cs5 не найду шаг 8 Слои – Стиль слоя – Наложение цвета

это во вкладке фильтр??? все обыскал - не найду такого...

[MrooneyU]

почему когда жму окно>кисть ничего не открывается?