Главная » Статьи » Работа с фото

Создаём запотевшее стекло в Фотошопе


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

Теперь дело за вами.


Категория: Работа с фото | (25.09.2010)
Просмотров: 734 | Рейтинг: 0.0/0
Всего комментариев: 0