Капли воды — один из самых эффектных и в то же время самых сложных элементов в цифровой графике. Реалистичная капля не рисуется одним кликом: она состоит из тени, преломления, блика и лёгкого затемнения по краю. Именно взаимодействие этих составляющих заставляет мозг зрителя поверить, что перед ним настоящая жидкость на поверхности. В этом уроке мы разберём, как воссоздать этот эффект в Photoshop, опираясь исключительно на стили слоя — без сложного ручного рисования.
Главное преимущество такого подхода в том, что капля остаётся полностью редактируемой. Вы можете в любой момент изменить размер, форму или прозрачность, а стиль автоматически пересчитает свет и тень. Это особенно удобно, когда нужно рассыпать по изображению десятки капель разного размера. Мы будем работать с обычным круглым выделением, но принцип легко переносится на любую форму — от вытянутой стекающей капли до брызг неправильных очертаний.
Что делает каплю воды реалистичной
Прежде чем открывать Photoshop, важно понять физику. Капля на поверхности — это прозрачная линза. Свет проходит сквозь неё и преломляется, поэтому нижняя часть капли обычно светлее (там просвечивает освещённая поверхность), а верхняя — темнее. Одновременно с этим на капле появляется яркий блик — крошечное отражение источника света, чаще всего в верхней части.
Второй ключевой элемент — тень. Настоящая капля отбрасывает мягкую тень, смещённую в сторону, противоположную источнику света. Но есть нюанс: прямо под каплей поверхность часто оказывается чуть светлее из-за того, что капля работает как собирающая линза и фокусирует свет. Этот тонкий контраст «тень по краю — светлое пятно в центре» и создаёт ощущение объёма.
Третий элемент — лёгкое внутреннее затемнение по контуру капли, имитирующее её мениск (изогнутую кромку). Без него капля выглядит плоским кружком. Все три составляющие мы будем собирать средствами диалогового окна «Стиль слоя».
Подготовка документа и базовой формы
Начните с фонового изображения — лучше всего подойдёт фотография листа, стекла или гладкой цветной поверхности. Однотонный фон покажет каплю не так убедительно, потому что преломлять будет нечего. Создайте новый слой поверх фона и назовите его «Капля». На этом слое сделайте круглое выделение инструментом «Овальная область» и залейте его любым цветом — цвет не важен, потому что мы полностью обнулим заливку.
Далее уменьшите параметр «Заливка» (Fill) слоя до 0%. Важно менять именно «Заливку», а не «Непрозрачность» (Opacity): при нулевой заливке сам цвет исчезает, но стили слоя остаются полностью видимыми. Именно на этой хитрости и строится весь эффект — капля будет состоять только из света и тени, а не из закрашенной области.
Теперь дважды щёлкните по слою, чтобы открыть окно стилей. Мы будем последовательно включать несколько эффектов, начиная с тени и заканчивая бликом.
Настройка тени (Drop Shadow)
Первым включаем «Тень» (Drop Shadow). Она задаёт направление света для всей сцены, поэтому важно определиться сразу: допустим, свет падает сверху слева, значит тень уходит вниз вправо. Установите угол около 120°, небольшой сдвиг (Distance) 3–6 пикселей для маленькой капли и мягкое размытие (Size), сопоставимое с диаметром капли.
Непрозрачность тени держите умеренной — 40–60%. Слишком плотная тень выдаёт «наклейку», а слишком слабая делает каплю парящей в воздухе. Цвет тени лучше брать не чисто чёрный, а тёмный оттенок фона: если лист зелёный, возьмите тёмно-зелёный. Так тень будет естественно вписана в среду, а не выглядеть инородным серым пятном.
Внутренняя тень и мениск
Следующий шаг — «Внутренняя тень» (Inner Shadow). Она отвечает за затемнение по верхнему краю капли и создаёт ощущение изогнутой кромки. Установите угол, противоположный внешней тени — то есть свет и здесь идёт сверху слева, но затемнение появляется по нижней внутренней дуге. Небольшой размер и непрозрачность около 50% дадут аккуратный мениск.
Здесь легко переборщить: если внутренняя тень слишком велика, капля становится похожа на тёмное кольцо. Ориентируйтесь на то, чтобы тонкая тёмная дуга была видна лишь по одной стороне контура. Именно эта асимметрия — светлый верхний край и тёмный нижний внутренний — подсказывает глазу, что перед ним объём, а не плоскость.
Тиснение (Bevel & Emboss) — сердце эффекта
Самый важный эффект — «Тиснение» (Bevel & Emboss). Именно он формирует объёмную линзу с бликом и затемнением. Выберите стиль «Внутренний скос» (Inner Bevel) и метод «Плавное» (Smooth). Глубину поставьте высокой — 200–350%, а размер подберите так, чтобы скос занимал примерно половину радиуса капли.
В разделе «Затенение» задайте два режима наложения. Для светлой части («Highlight») используйте режим «Экран» (Screen) с белым цветом, для тёмной («Shadow») — режим «Умножение» (Multiply) с тёмным оттенком фона. Убедитесь, что угол света совпадает с общим направлением сцены. Дополнительно можно поиграть с параметром «Контур» (Gloss Contour): волнообразный профиль вместо линейного даёт более выраженный стеклянный блеск.
Именно на этом этапе плоский кружок превращается в выпуклую каплю. Если результат кажется резиновым, уменьшите глубину и смягчите контур. Если, наоборот, слишком плоским — увеличьте глубину и контраст между светом и тенью.
Блик и завершающие штрихи
Финальный акцент — яркий блик. Его можно добавить отдельным маленьким слоем: создайте новый слой, мягкой белой кистью небольшого размера поставьте одну точку в верхней части капли и слегка снизьте непрозрачность. Этот крошечный отблеск имитирует отражение источника света и мгновенно оживляет каплю.
Для полной убедительности добавьте едва заметное светлое пятно под центром капли на отдельном слое в режиме «Осветление» — это тот самый эффект линзы, фокусирующей свет. Держите его очень слабым, иначе появится ощущение свечения. После этого сгруппируйте все слои капли и, копируя группу, рассыпьте капли по изображению, меняя размер и слегка вращая — так эффект будет выглядеть естественным, а не штампованным.
Таблица рекомендуемых настроек
Ниже приведены усреднённые параметры для капли диаметром около 60 пикселей на изображении 1920×1080. Для капель другого размера пропорционально масштабируйте значения «Размер» и «Смещение».
| Эффект | Параметр | Значение |
|---|---|---|
| Заливка слоя (Fill) | — | 0% |
| Тень (Drop Shadow) | Угол / Смещение / Размер | 120° / 4 px / 5 px |
| Тень (Drop Shadow) | Непрозрачность | 50% |
| Внутренняя тень | Непрозрачность / Размер | 50% / 4 px |
| Тиснение | Глубина / Размер | 250% / 25 px |
| Тиснение — Блик | Режим / Цвет | Экран / белый |
| Тиснение — Тень | Режим / Цвет | Умножение / тёмный фон |
| Блик (отдельный слой) | Непрозрачность | 70–90% |
Частые ошибки и как их избежать
Даже при правильных настройках капля может выглядеть искусственно. Чаще всего причина — несовпадение направления света. Если тень уходит в одну сторону, а блик расположен не там, где ожидает глаз, мозг мгновенно распознаёт подделку. Договоритесь с самим собой о едином источнике света и держите его во всех эффектах.
Вторая типичная ошибка — одинаковые капли. В природе капли различаются по размеру, чуть деформированы и никогда не выстраиваются в идеальную сетку. Меняйте масштаб, слегка искажайте форму трансформацией и располагайте капли хаотично, объединяя мелкие в группы. Ниже — короткий чек-лист перед финальным сведением.
- Все эффекты используют один и тот же угол освещения.
- Заливка слоя капли выставлена на 0%, а не непрозрачность.
- Цвет теней взят из фона, а не чистый чёрный.
- Блик расположен в верхней части, тень — в нижней.
- Капли отличаются размером и слегка повёрнуты.
- Под крупными каплями добавлено едва заметное светлое пятно-линза.
Освоив этот метод, вы сможете добавлять капли не только на листья и стекло, но и на логотипы, надписи и постеры, создавая эффект свежести и «мокрой» поверхности. Поскольку весь эффект держится на стилях слоя, его удобно сохранить как готовый стиль и применять в один клик в будущих проектах.
Источники
- Adobe — официальная документация Photoshop по разделу «Стили и эффекты слоёв» (Layer Styles).
- Photoshop Café — обучающие материалы Колина Смита (Colin Smith) по фотореалистичным эффектам.
- PSDTUTS+ (Envato Tuts+) — серия уроков по имитации стекла и жидкости средствами стилей слоя.
