Капли дождя на запотевшем стекле

Оригинал статьи: Fabio Sasso   СС-лицензия:

Опубликовано 01.09.10  /  Автор перевода: Артём Вечеров

Комментариев 0

Шаг 1

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

Шаг 2

Идём в Window>Brushes, чтобы создать кисть для рисования водяных капель. Используем значения, приведённые ниже, важно добиться того, чтобы форма стала овальной, кроме того, кисть должна быть очень мягкой.

Шаг 3

Добавляем новый слой и помещаем этот слой в группу слоёв. Затем меняем Blending Mode группы слоёв на Color Dodge. Используя Brush Tool (B) и белый цвет в качестве основного, нарисуем капли.  Как вы видите, некоторые капли кое-где смешиваются одна с другой, в зависимости от того, насколько близко они расположены. Это очень важно для того, чтобы сделать капельки более реалистичными.

Шаг 4

Выбираем фоновый слой, помещаем его в одну группу с каплями, а затем объединяем их в один слой. После этого идём в Image>Adjustments>Levels. Изменяем Input: чёрный цвет – на 124, а белый – на 161. Конкретные значения могут варьироваться в зависимости от самих капель, вообще цель данного мероприятия –  добиться избавления от размытых краёв.

Шаг 5

Используя Magic Wand Tool (W), выделим чёрную область, применим Select>Similar, чтобы все области чёрного цвета были выбраны. Затем удалим эти области.

Шаг 6

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

Шаг 7

Идём в Filter>Blur>Gaussian Blur. Используем 20 пикселов в качестве значения Radius.

Шаг 8

Идём в Layer>Layer Styles>Color Overlay. Используем тёмно-серый цвет и изменяем Opacity на 60%.

Шаг 9

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

Шаг 10

Идём в Layer>Layer Styles>Blending Options и меняем Opacity на 0. После этого выбираем Inner Shadow. Используем белый цвет и Linear Dodge для Blend Mode, Opacity - 50%, angle - 90º, Distance - 3 пиксела и Size - 5 пикселов. Также изменяем режим Contour на Cone.

Шаг 11

Выбираем Bevel and Emboss. Меняем значение Depth на 350%, Direction – на Down, Size – на 7 пикселов, Soften – на 5 пикселов, затем в Shading options: 54º – для Angle и 42º – для Altitude. Также изменяем Gloss Contour на the Cove Deep one, для Highlight Mode используем 80% и белый цвет, Color Dodge для Blend Mode, затем для Shadow Mode используем Multiply и чёрный цвет, Opacity - 50%.

Шаг 12

Выбираем Inner Glow, затем для Blend Mode используем Darken с прозрачностью (Opacity) 40%, цвет – чёрный. Меняем Source на Edge и Size на 25 пикселов.

Шаг 13

Выбираем Color Overlay и используем (#907f72) для значения цвета и Color Dodge с Opacity 45%.

Шаг 14

Последний стиль, который мы применим к слою – Drop Shadow. Используем Multiply для Blend Mode, Color – чёрный и Opacity - 20%. Меняем Angle на 90º и используем Distance – 9 пикселов, Spread – 5% и and Size – 10 пикселов.

Шаг 15

Сделаем слой без размытия снова видимым и применим Filter>Blur>Gaussian Blur. На сей раз используем 5 пикселов. Затем на панели слоёв кликаем правой кнопкой мыши на значке слоя с водяными каплями, затем выбираем “Select Pixel”, чтобы выбрать только водяные капли.

Выберем изображение, к которому мы применили Gaussian Blur с диаметром 5 пикселов и применим Layer>Layer Mask>Reveal Selection. Таким образом, изображение с размытием 5 пикселов будет видимым только под водяными каплями.

Шаг 16

Выберем маску слоя, созданную нами на предыдущем шаге и применим Filter>Blur>Motion Blur. Используем Angle –  -90º и Distance – 80 пикселов.

Шаг 17

После применения Motion Blur, идём в Image>Adjustments>Levels. Снова регулируем баланс чёрного и белого, чтобы убрать размытые края. Таким образом, мы получаем эффект, как будто капли стекают по стеклу.

Шаг 18

Дублируем слой, к которому мы применили Gaussian Blur со значением 5 пикселов и удаляем маску слоя. С помощью Horizontal Type Tool (T), добавляем текст (желательно используя шрифт, похожий на рукописный текст), либо, если у вас есть планшет или вы мастерски управляетесь с мышью – пишем текст от руки.  Снова выбераем только пикселы в тексте, как мы это делали в Шаге 15. Затем наложим маску на это новое изображения с формой текста, таким образом, изображение снова будет видимым только под текстовой областью.

Шаг 19

Добавим новый слой и, используя Brush Tool (B) и созданную нами в начале кисть, уменьшив её размер, добавляем ещё водяных капель, особенно вокруг текста, как на рисунке ниже. Чтобы скопировать стиль слоя водяных капель, просто кликните правой кнопкой мыши на слое с водяными каплями, и выберите Copy Layer Style, затем снова кликните правой клавишей мыши на новом слое с маленькими каплями и выберите Paste Layer Style.

Шаг 20

Снова дублируем слой и удаляем маску слоя, после чего применяем Layer>Layer Mask>Hide All. Выбираем иконку маски слоя и идём в Filter>Render>Clouds. Убедимся, что у нас в качестве основного и фонового выбраны чёрный и белый цвета. Этим действием мы добавим к туманному эффекту облачную текстуру, что сделает изображение более реалистичным.

Шаг 21

Выберем все слои и дублируем их, после чего объединим все дублированные слои в один. Затем идём в Filter>Blur>Gaussian Blur. Используем Radius – 20 пикселов.

Шаг 22

Меняем Blend Mode этого размытого слоя на  Overlay с Opacity - 40%.

Шаг 23

Дублируем предыдущий слой, затем поменяем Blend Mode на Screen, Opacity – также 40%.

Шаг 24

Добавим новый слой поверх остальных и зальём его радиальным градиентом, используя в качестве основного и фонового цветов тёмно-серый и светло-серый. Для Blend Mode используем Multiply.

Готово:

P.S. Загрузить итоговый PSD-файл вы можете со страницы автора урока.