После
более чем трех дней непрерывного дождя я решил использовать его в
качестве вдохновения для нового эксперимента в Photoshop. В 2007
году я сделал видеоурок, показывающий, как создать капли воды в
Photoshop, но это было только видео без каких-либо инструкции. Много людей отправили сообщения с просьбой сделать текстовую версию урока.
Так что в этом уроке я покажу вам, как создать эффект туманное окно в Photoshop. Мы будем использовать фото, кисти и стили слоя, чтобы создать эффект. Весь процесс довольно прост и не займет у Вас более 30 минут, чтобы достичь того же результата.
Step 1
Открыть Photoshop и создайте новый документ. Я использую размер 2560x1440 пикселей. Сделаем заливку темно-серым цветом (#272727). В этой части необходимо будет создать капли воды.
Step 2
Перейдите к Window > Brushes создадим кисть для капель воды. На картинке ниже приведены настройки, чтобы изменить форму эллипса, кисть должна быть очень мягкой.
Step 3
Добавим новый слой и поместим этот слой в группы. Затем измените Blend Mode папки на Color Dodge. С Brush Tool и белом цвете, нарисуйте капли. Как вы можете видеть капли находяться в хаотичном порядке и имеют разный размер, в зависимости насколько близко они находятся. Это очень важно, чтобы капли были более реалистичными.
Step 4
Выбирите фоновый слой и группы с каплями и объединить их один слой. После этого зайдите в Image > Adjustments > Levels. Изменение Black Input в 124 и 161 White Input. Значения могут изменяться в зависимости от капель, так что просто убедитесь, что вы избавляетесь от размытых краев.
Step 5
С помощью Magic Wand Tool (W) выберите черную область, а затем перейдите в Select > Similar, убедитесь что все черные области выделины. Затем удалите их.
Step 6
Импортируйте изображение для использования в нашей работе. Дублируйте этот слой, поскольку мы будем использовать его несколько раз с разным значение размытия. Один слой сделайте не видимым!
Step 7
Перейдем в Filter > Blur > Gaussian Blur. Поставим 20 pixels для Radius.
Step 8
Перейдем в Layer > Layer Styles > Color Overlay. Используйте темно-серый цвет и измените Opacity до 60%.
Step 9
Теперь переместите слой каплями перед изображением, и применим layer styles, чтобы получить реальный эффект.
Step 10
Перейдем в Layer > Layer Styles > Blending Options и установите Fill Opacity на 0. После этого выберите Inner Shadow. Выберим белый цвет и LInear Dodge для Blend Mode с Opacity 50%, Аngle 90 º, выставим Distance 3 px и Size 5 px. Кроме того, изменим режим Contour на Cone.
Step 11
Выберите Bevel and Emboss. Изменените Depth до 350%, Direction изменим на Down, Size 7 px, Soften 5 px, затем в Shading options изменим Angle 54 º и 42 º Altitude. Кроме того, измененим Gloss Contour на Cove Deep, с Highlight Mode 80% с белый цветом и Color Dodge для Blend Mode, и для Shadow Mode с Multiply с черным цветом и 50% Opacity.
Step 12
Выберите Inner Glow, в Blend Mode выберим Darken с 40% Opacity и черным цветом. Измененм Source на Edge с размером (Size) 25 пикселей.
Step 13
Теперь выберите Color Overlay и используйте этот цвет(# 907f72) для Blend Mode выберим Color Dodge с 45% Opacity.
Step 14
Последний вариант стиля слоя будет Drop Shadow. Использование Выберим Multiply для Blend Mode, черный цвет и 20% Opacity. Измененим Angle до 90º, Distance 9 px, 5% для Spread и Size 10 px.
Step 15
Сделаем фото без размытости видимым и перейдем в Filter > Blur > Gaussian Blur. На этот раз поставим 5 px. Теперь на палитре слоев на слое с каплями нажмите правой кнопкой мыши и выберите пункт "Select Pixel", чтобы выбрать только капли.
Выберите фотографию, которой мы присвоили 5 pixles Gaussian Blur и перейдите на Layer > Layer Mask > Reveal Selection. Таким образом, изображение с 5 px Gaussian Blur будет видно только под каплями воды.
Step 16
Выберите маску слоя, который мы создали на предыдущем шаге и перейдите на Filter > Blur > Motion Blur. Поставим -90 º для Angle и 80 px для Distance.
Step 18
После motion blur, перейдем Image > Adjustments > Levels. Измененим black и white inputs, чтобы избавиться от размытых краев вызванных размытия. Получиться эффект как будто капли текут по стеклу.
Step 19
Дублируйте слой с фотографией, к которой мы применили Gaussian Blur с 5 px и удалить маску слоя. С помощь Horizontal Type Tool (T) добавим текст рукописного шрифта. Снова выберите пиксели текста, как мы это делали в шаге 15. Теперь эта новая маска с формой текста, так что опять фото будут видны только под текстовой области.
Step 20
Добавим новый слой и с помощью Brush Tool
и той же кистью мы создадим новые капли воды, добавить несколько капель
воды и особенно в текстовой области, как на картинке ниже. Чтобы применить тот же стиль слоя для новых капель, просто щелкните правой кнопкой мыши на слое с каплями и выберите Copy Layer Style, а затем на новом слое выберите Paste Layer Style.
Step 21
Снова копируем фото и удаляем маску, после чего идем в Layer>Layer Mask>Hide All. Выберите маску слоя и перейдите к Filter > Render > Clouds. Убедитесь, что цвета стоят по умолчанию (ч/б). В итоге получиться туманный эффект, которые сделают его более реалистичным.
Step 22
Выберите все слои и дублируйте их, после чего объедините дублированые слои в один. Вы также можете использовать сочетание клавиш Command + Alt + Shift + E. Затем перейдите на Filter > Blur > Gaussian Blur. Поставим 20 px для Radius.
Step 23
Изменить Blend Mode размытого слоя на Overlay с 40% Opacity.
Step 24
Дублируйте предыдущий слой и только измените Blend Mode на Screen, с 40% Opacity.
Step 25
Добавим новый слой поверх остальных и залейте его радиальным градиентом используя темно серый и светло-серого цвета. Кроме того, поставьте Multiply для Blend Mode.
Заключение
Вот результаты урока. Как вы можете видеть используемые методы довольно просты это все стили слоя, маски и основные фильтры. Самая важная вещь состояла в том, чтобы понять, как создать эффект, используя инструменты, доступные в Photoshop. В этом случае я провожу часы, анализируя туманное окно, пытаясь сделать эффект реалистичным.
