Шаг 1. Откройте программу Photoshop и создайте новый документ. В уроке размер изображения установлен 2560 х 1440 пикселей. Залейте фоновый слой темно-серым цветом, для этого используйте инструмент Заливка (Paint Bucket Tool), который можно вызвать клавишей G.
http://www.photoshop-php.ru/img/781/1.jpg
Шаг 2. В этом шаге мы будем создавать кисть с капельками воды, для этого откройте палитру «Кисть», перейдя в Window - Brushes (Окно – Кисть). Далее установите настройки кисти, руководствуясь слайдами ниже:
http://www.photoshop-php.ru/img/781/2.jpg
Шаг 3. Создайте новый слой и поместите его в предварительно созданную группу слоев. Измените режим наложения (Blend Mode) группы слоев на Осветление основы (Color Dodge). В палитре цветов, в качестве основного установите белый цвет (#ffffff). Затем выберите инструмент Кисть, и нарисуйте капельки на созданном ранее слое.
http://www.photoshop-php.ru/img/781/3.jpg Шаг 4. Объедините первоначальный слой и группу слоев с каплями, нажав сочетание клавиш Shift + Ctrl + E. Далее перейдите в меню Изображение – Коррекция – Уровни (Image - Adjustments - Levels). Установите значения точки черного входа на 124, а белого на 161. Значения могут изменяться в зависимости от ваших капель, главное убедитесь, что расплывчатость краев убрана.
http://www.photoshop-php.ru/img/781/4.jpg
Шаг 5. Инструментом Волшебная палочка (Magic Wand Tool), который можно вызвать клавишей W, выделите черные области на изображении. Затем перейдите в меню Выделить – Смежные пиксели (Select - Similar), чтобы быть уверенными в том, что все черные области выделены. Удалите темные области на изображении, нажав клавишу Delete.
http://www.photoshop-php.ru/img/781/5.jpg
Шаг 6. Импортируйте изображение, к которому Вы желаете применить эффект запотевшего стекла. Открыв такое изображение, создайте дубликат его слоя.После чего выберите слой с исходным изображением (не дубликат)!
http://www.photoshop-php.ru/img/781/6.jpg
Шаг 7. Перейдите Фильтр – Размытие – Размытие по Гауссу… (Filter - Blur - Gaussian Blur). Значение Радиуса поставьте равное 20 пикселей.
http://www.photoshop-php.ru/img/781/7.jpg
Шаг 8. Перейдите в Слои – Стиль слоя – Наложение цвета (Layer - Layer Styles - Color Overlay), используйте темно-серый цвет, поставив значение Непрозрачности 60%.
http://www.photoshop-php.ru/img/781/8.jpg
Шаг 9. Теперь переместите ранее созданный слой с капельками воды выше слоя с изображением. Чтобы придать каплям большую реалистичность, применим некоторые стили слоя. Но сперва убедитесь, что слой с каплями у Вас является активным.
http://www.photoshop-php.ru/img/781/9.jpg
Шаг 10. Перейдите в Слои – Стиль слоя – Параметры наложения (Layer - Layer Styles - Blending Options) и установите параметр Заливка (Fill) равный 0. В этом же окне выберите стилевую настройку Внутренняя тень (Inner Shadow), в качестве цвета установите - белый, Режим наложения – Линейный затемнитель, Непрозрачность – 50%, Угол – 90, Смещение – 3 пикселя, Размер – 5 пикселей, также измените Контур на Конус.
http://www.photoshop-php.ru/img/781/10.jpg
Шаг 11.Теперь в данном окне выберите следующую стилевую настройку, которая называется Тиснение (Bevel and Emboss). Измените Глубину на 350%, Направление: Вниз, Размер – 7 пикселей, Смягчение – 5 пикселей. Значение Угла поставьте 54 градуса, а Высоты – 42 градуса. Контур глянца измените на Глубокая выемка. Для Режима подстветки поставьте значение непрозрачности 80%, выберите белый цвет, а сам режим измените на Осветление основы, для Режима тени поставьте значение непрозрачности 50%, черный цвет, а сам режим измените на Умножение.
http://www.photoshop-php.ru/img/781/11.jpg
Шаг 12. Затем всё в этом же окне выберите еще одну стилевую настройку Внутреннее свечение (Inner Glow). Используйте Режим наложения Затемнение с непрозрачностью 40% и черным цветом. Используйте Источник : На краях, поставив его Размер 25 пикселей.
http://www.photoshop-php.ru/img/781/12.jpg
Шаг 13. Теперь выберите стилевую настройку Наложение цвета (Color Overlay). Используйте цвет #907f72 со значением Непрозрачности 45% и Режимом наложения Осветление основы.
http://www.photoshop-php.ru/img/781/13.jpg
Шаг 14. Последним примените стиль слоя Тень (Drop Shadow). Используйте Умножение для Режима наложения, черный цвет и Непрозрачность 20%. Измените угол на 90 градусов, Смещение – 9 пикселей, Размах – 5%, Размер – 10 пикселей.
http://www.photoshop-php.ru/img/781/14.jpg
Шаг 15. Выберите дубликат слоя с изображением, затем перейдите в меню Фильтр – Размытие – Размытие по Гауссу (Filter - Blur - Gaussian Blur), значения Радиуса на этот раз используйте 5 пикселей. Кликните ПКМ на миниатюре слоя с каплями в палитре слоев и выберите команду Выбрать пикселы, это действие позволит выделить все капли в отдельности. Теперь в палитре слоев выберите изображение, к которому мы применяли размытие и примените к нему Слой – Слой маска – Показать выделенную область (Layer - Layer Mask - Reveal Selection).
http://www.photoshop-php.ru/img/781/15.jpg
Шаг 16. Выберите маску слоя, которую мы создали в предыдущем шаге, и перейдите в Фильтр – Размытие – Размытие в движении (Filter - Blur - Motion Blur). Выберите -90 градусов для Угла и Смещение установите равное 80 пикселей.
http://www.photoshop-php.ru/img/781/16.jpg
Шаг 17. После того как маска слоя будет размыта, перейдите в Изображение – Коррекция – Уровни (Image - Adjustments - Levels). Изменяйте значения черного и белого входов до тех пор, пока не достигните эффекта, который вы можете видеть на скрине, т. е. капли уже как бы бежали, оставляя след на стекле.
http://www.photoshop-php.ru/img/781/17.jpg
Шаг 18. Создайте дубликат слоя с фотографией, для которой мы применяли фильтр Размытие по Гауссу со значением 5 пикселей, и удалите маску слоя. Используя инструмент Горизонтальный текст, напишите любое слово (также можете использовать планшет или написать текст с помощью мыши). Выделите только пиксели с текстом, как мы делали это в Шаге 15, и примените маску таким образом, чтобы изображение было видно ниже текстовой области.
http://www.photoshop-php.ru/img/781/18.jpg
Шаг 19. Создайте новый слой, выберите инструмент Кисть с теми же эффектами, которыми мы ранее рисовали капли, нарисуйте больше маленьких капелек, особенно прорисуйте каплями текстовую область. Чтобы применить к новым каплям такой же стиль, скопируйте Стили слоя и добавьте их на слой с маленькими капельками.
http://www.photoshop-php.ru/img/781/19.jpg
Шаг 20. Дублируйте фотографию со слоем снова и удалите маску слоя, после этого перейдите в Слой – Маска слоя – Скрыть выделенную область (Layer - Layer Mask - Hide All). Примените к маске Фильтр – Рендеринг – Облака (Filter - Render - Clouds). Убедитесь в том, что у вас черно-белые цвета Палитре цветов. После выполнения этого шага эффект затуманенного окна станет еще более реалистичным.
http://www.photoshop-php.ru/img/781/20.jpg
Шаг 21. Выделите все слои и дублируйте их. После этого дублированные слои слейте в один. И примениете к этому слою Фильтр – Размытие – Размытие по Гауссу (Filter - Blur - Gaussian Blur), поставив при этом значение для Радиуса – 20 пикселей.
http://www.photoshop-php.ru/img/781/21.jpg
Шаг 22. Смените режим наложения на Перекрытие с 40% непрозрачностью.
http://www.photoshop-php.ru/img/781/22.jpg
Шаг 23. Дублируйте предыдущий слои и измените режим наложения на Осветление с 40% непрозрачностью.
http://www.photoshop-php.ru/img/781/23.jpg
Шаг 24. Создайте новый слой и поставьте его выше всех остальных. Заполните новый слой радиальным градиентом, использую переход от темно-серого к светло-серому цвету. Режим слоя измените на Умножение.
http://www.photoshop-php.ru/img/781/24.jpg
Заключение: Вот и результат нашего урока. Как вы могли заметить, техники, которые мы использовали по ходу урока, достаточно простые, необходимо было просто уметь свободно работать со Стилями слоя, Маской и основными фильтрами. По желанию вы можете продолжить экспериментировать со стилями и фильтрами, делая эффект запотевшего окна еще более реалистичным.
http://www.photoshop-php.ru/img/781/25.jpg
надеюсь у всех получиться
