Водный эффект в фотошопе. Создание в фотошопе реалистичного отражения на поверхности воды. Создаём Простое Отражение

В этом уроке мы научимся создавать реалистичное отражение объекта в воде. Шагов в уроке будет много, но на деле спецэффект простой. С его помощью можно обработать любую фотографию (хотя лучше для этого подходят те снимки, где воды изначально не было). Мы добавим рябь на воде с помощью пары фильтров Photoshop, в том числе фильтра Displace, где для искривления и искажения изображения предстоит создать и применить специальную карту смещения. Также в этой версии урока задействована возможность фотошопа создавать смарт-фильтры, которые позволят нам в самый последний момент подправить действие фильтра.

Этот снимок мы берем за основу:

А вот какое отражение мы получим в итоге:

Шаг 1: Создаем копию слоя Background L ayer

Первый шаг - сделать копию оригинала. Он находится в слое Background Layer , в настоящий момент он у нас в панели слоев единственный:

Панель слоев с оригинальным снимком Background L ayer

Мы создадим его копию, открыв Layer в меню, расположенном в верхней части экрана, и нажав New , а затем Layer via Copy . Еще можно нажать Ctrl + J (Win) / Command + J (Mac) на клавиатуре, так будет быстрее:

Открываем Layer > New > Layer Via Copy

Photoshop создает копию слоя с названием Layer 1 , мы видим ее в панели слоев над слоем Background L ayer:

Панель слоев с новым слоем Layer 1

Шаг 2: Добавляем снизу дополнительное пространство

Теперь давайте увеличим холст, добавив внизу место для нашего отражения. Открываем в верхнем меню Image и выбираем Canvas Size :

Открываем Image > Canvas Size

Canvas Size . В первую очередь ставим галочку перед опцией Relative . Потом задаем ширину Width 0 Percent и высоту Height 100 Percent (убедитесь, что у вас выставлено именно Percent, а не Pixels, Inches или что-либо другое).

Под опцией Relative находится поле Anchor 3 × 3 клетки. Выберите среднюю клетку в верхнем ряду. Photoshop добавит дополнительное пространство в низу фотографии. И хотя это не критично, но для того, чтобы знать, что мы все делаем одинаково, в опции Canvas extension color , которая находится в нижней части диалогового окна, выберите White:

Закончив, закройте диалоговое окно, нажав OK . Теперь наш холст стал вдвое больше, снизу добавился кусок белого цвета:

Шаг 3: Перевернем вертикально фотографию в слое Layer 1

Теперь надо перевернуть фотографию в слое Layer 1 , расположив ее вверх ногами под оригиналом, что даст нам эффект зеркального отражения. Для этого откройте Select в верхней части экрана и выберите All или же нажмите Ctrl + A (Win) / Command + A (Mac) на клавиатуре. Таким образом мы выбираем весь слой Layer 1 , по его краям вы увидите контур:

Выбираем Select > All

После этого открываем меню Edit , затем Transform , затем Flip Vertical :

Открываем Edit > Transform > Flip Vertical

Фотография переворачивается вверх ногами по отношению к оригиналу, как нам и требовалось. Прежде чем двигаться дальше, давайте уберем контур выделения. Для этого мы заходим в меню Select и выбираем Deselect либо нажимаем Ctrl + D (Win) / Command + D (Mac) на клавиатуре:

Выбираем Select > Deselect

Теперь у нас под оригинальной фотографией появилось ее зеркальное отражение:

Мы перевернули слой Layer 1 вертикально

Шаг 4: Объединим два этих слоя в один

Теперь нам нужно объединить оригинал и отражение в одном слое. Самый простой способ - сделать это с клавиатуры. Нажмите Shift + Ctrl + Alt + E (Win) / Shift + Command + Option + E (Mac). Как будто бы ничего не изменилось, но в панели слоев появился новый слой Layer 2 , а на его миниатюре слева от названия мы видим, что он объединил в себе оба слоя, которые находятся под ним:

Слои Background L ayer и Layer 1 теперь объединены в новом слое Layer 2

Шаг 5: Добавим чистый слой Blank Layer

Нам нужно создать еще один слой, на этот раз чистый. Для этого нажимаем на иконку New Layer в нижней части панели слоев:

Нажимаем на иконку New Layer

С изображением ничего не происходит, но в панели слоев в самом верху добавляется новый слой Layer 3:

Панель слоев с новым чистым слоем Layer 3

Шаг 6: Заливка нового слоя белым цветом

Новый слой необходимо залить белым. Для этого откройте Edit в верхней части экрана и выберите команду Fill:

Открываем Edit > Fill

Photoshop откроет диалоговое окно Fill . В опции Use , которая находится сверху, выберите White и убедитесь, что в опции Mode , которая находится ниже, установлено Normal , а значение Opacity - 100 %:

Опции Fill

Нажмите OK , окно закроется, и Photoshop зальет слой Layer 3 белым. На время он скроет из вида все остальное:

Так выглядит наше изображение после того, как слой Layer 3 залили белым

Шаг 7: С помощью фильтра Halftone Pattern создаем черные и белые горизонтальные линии

Теперь с помощью одного из фильтров Photoshop - Halftone Pattern - расчертим белый слой Layer 3 черными и белыми горизонтальными линиями. Но предварительно следует убедиться, что цвета переднего и заднего планов выставлены по умолчанию (черный передний план и белый задний план). Это необходимо потому, что фильтр Halftone Pattern зависит от цветов переднего и заднего плана, а для целей данного урока нам необходимо, чтобы это были черный и белый цвета.

Проще всего восстановить настройки по умолчанию, нажав клавишу D (Defaults) на клавиатуре. В цветовых ячейках в нижней части панели инструментов вы должны увидеть, что слева вверху находится черный цвет (цвет переднего плана), а справа внизу - белый цвет (заднего плана):

Убедившись, что с цветами все нормально, выберем фильтр Photoshop CS6 Halftone Pattern . Он находится в галерее фильтров Filter Gallery . Открываем в верхнем меню Filter и выбираем Filter Gallery:

Открываем Filter > Filter Gallery

Открывается огромная галерея фильтров, большую часть которой занимает расположенная слева зона предварительного просмотра. В среднем столбце находятся фильтры, разнесенные по различным категориям. Найдите категорию Sketch , щелкните по ее названию, и вы увидите список находящихся в ней фильтров. Выбираем Halftone Pattern:

В правом столбце галереи фильтров появляются опции для настройки фильтра Halftone Pattern . Сначала выбираем Line в качестве Pattern Type . Затем, наблюдая за изменениями в зоне предварительного просмотра, сдвигаем ползунок Size , регулируя число черных и белых горизонтальных линий. Это наша будущая рябь на воде. Установим значение 10. Ниже находится ползунок Contrast, регулирующий четкость границ этих линий. Чем меньше значение, тем мягче эта граница. Нам понадобятся довольно мягкие линии, так что выставим Contrast 4:

Правый столбец с настройками фильтра Halftone Pattern

Нажмите OK , галерея Filter Gallery закроется, применив фильтр к слою Layer 3 . Теперь у вас должно получиться нечто в таком роде:

Изображение после применения фильтра Halftone Pattern

Шаг 8: Выделяем нижнюю половину изображения

Убедитесь, что у вас все еще выбран слой Layer 3 (он должен быть выделен синим цветом в панели слоев), после чего, удерживая клавишу Ctrl (Win) / Command слоя Layer 1 :

Удерживая Ctrl (Win) / Command (Mac), щелкните мышью по миниатюре Layer 1

Выделится нижняя половина слоя Layer 3 (возможно, на скриншоте это не очень хорошо видно):

Выбрана нижняя половина слоя Layer 3

Шаг 9: Применяем команду Perspective Transform

В верхней части экрана выберите Edit , затем Transform , затем Perspective:

Открываем Edit > Transform > Perspective

По углам нижней части слоя появляются манипуляторы (маленькие квадратики). Щелкните мышью по нижнему левому или нижнему правому и переместите его немного от центра. Перемещая только один из них, вы увидите, что второй тоже смещается в противоположном направлении. Обратите внимание, что линии в нижней части слоя становятся толще, а у центра - тоньше. Это фильтр Perspective создает ощущение перспективы, что сделает нашу рябь более реалистичной, поскольку расстояние между кругами на воде будет увеличиваться пропорционально удалению от края:

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

Закончив, нажмите Enter (Win) / Return (Mac), потом Ctrl + D (Win) / Command + D (Mac), чтобы убрать контур выделения (также можно открыть меню Select в верхней части экрана и выбрать Deselect , как мы уже делали раньше). Теперь у вас должно получиться нечто подобное:

Слой после применения команды Perspective Transform

Шаг 10: Создаем копию слоя в новом документе

Из этого слоя мы сделаем карту смещений, но для начала нам нужно сохранить его в отдельном документе. Перейдите в меню Layer и выберите Duplicate Layer:

Открываем Layer > Duplicate Layer

Photoshop откроет диалоговое окно Duplicate Layer . В опции Document , которая находится в нижней половине окна, выберите New :

В опции Document устанавливаем New

Нажав OK , закройте диалоговое окно. Новый документ Photoshop откроется в новой вкладке. В верхней части экрана справа от первого документа появится вкладка с новым документом. Поскольку мы еще не задали его название (сделаем это сейчас), он называется Untitled-1:

Шаг 11: Сохраним и закроем новый документ

Все, что нам нужно сделать с новым документом, это сохранить его и закрыть. Перейдите в меню Layer и выберите Save As:

Нажимаем File > Save As

Откроется диалоговое окно Save As . Назовем свой документ water-ripples . Под названием файла находится опция Format , мы установим Photoshop.PSD , поскольку для создания карты смещений нам надо сохранить его как документ Photoshop. Не забудьте, куда вы сохраняете файл, чтобы потом его было просто найти. Сохраним файл в папке на рабочем столе. Закончив, нажмите Save , файл будет сохранен, а диалоговое окно закроется:

Дайте своему файлу название и сохраните его как Photoshop.PSD

Примечание: в зависимости от настроек Photoshop может открыться еще одно окно с опцией Maximize Compatibility . В таком случае просто нажмите OK и закройте окно.

Мы сохранили новый документ, так что теперь можно закрыть его, нажав на крестик рядом с его названием на вкладке. Вы заметите, что теперь у него новое название вместо Untitled-1 (в моем случае - water-ripples.psd ). А оригинальный документ остается открытым:

Шаг 12: Удаляем слой Layer 3 в оригинальном документе

В оригинальном документе слой Layer 3 с линиями нам больше не нужен, так что выделите его в панели слоев и нажмите Backspace (Win) / Delete (Mac) на клавиатуре. Теперь у вас должно остаться три слоя, выделен верхний слой Layer 2:

Панель слоев после удаления слоя Layer 3

Шаг 13: Преобразуем слой Layer 2 в смарт-объект

Теперь мы готовы перейти к редактированию отражения с помощью фильтров, но сначала давайте преобразуем этот слой в смарт-объект. Таким образом и фильтры станут смарт-фильтрами, а это значит, что мы сохраним полный контроль над настройками этих фильтров до самого конца. Активировав слой Layer 2 , нажмите на кнопку меню, которая находится в правом верхнем углу панели слоев:

Открывается меню с опциями, управляющими слоями. Выбираем из списка вариант Convert to Smart Object:

Выбираем из списка вариант Convert to Smart Object

На первый взгляд как будто ничего и не произошло, но в правом нижнем углу миниатюры слоя Layer 2 появится значок Smart Object , а это значит, что операция выполнена успешно:

На миниатюре появился значок смарт-объект

Шаг 14: Применяем фильтр Motion Blur

Давайте для начала немного размоем этот слой. В верхней части экрана выберите Filter , затем Blur , затем Motion Blur:

Открываем Filter > Blur > Motion Blur

В диалоговом окне Motion Blur установим значение Angle 90°, чтобы задать вертикальное направление размытия, после чего сдвинем ползунок Distance , который находится в нижней части окна, немного вправо, добавив небольшое размытие (передвигая ползунок, следите за изображением). Установим Distance 6 пикселей, но в данном случае фотография с небольшим разрешением. Если разрешение выше, то и число должно быть больше:

Открывается диалоговое окно с опциями фильтра Motion Blur

Нажмите OK , окно закроется, применив фильтр к изображению. Обратите внимание, размытие совсем небольшое. И не переживайте из-за того, что оно затронуло всю площадь кадра, вскоре мы это исправим:

Motion Blur

Шаг 15: Применяем фильтр Displace

Теперь давайте создадим рябь на воде при помощи недавно созданной карты смещения. Вернитесь в меню Filter , выберите Distort , затем Displace:

Открываем Filter > Distort > Displace

Наложение фильтра Displace состоит из двух этапов. Сначала мы с помощью нескольких опций зададим степень воздействия карты смещения на пиксели изображения, а затем выберем файл, который будет служить картой смещения. Основные опции мы зададим в появившемся диалоговом окне Displace . Нам понадобится горизонтальное искажение, похожее на расходящиеся в стороны круги на воде, для этого мы воспользуемся опцией Horizontal Scale , которая находится в верхней части окна. Зададим значение 4, но поскольку мы работаем со смарт-фильтром, в любой момент можно будет вернуться и изменить его.

Вертикальное движение нам не нужно, поэтому в опции Vertical Scale остается 0. Наконец, в опции Displacement Map выберите Stretch To Fit , а в опции Undefined Areas - Repeat Edge Pixels , если это не задано по умолчанию:

Задаем основные опции Displace

Нажав OK , закройте диалоговое окно. Появится второе окно, где мы выберем карту смещения. Откройте папку, в которую вы в 11-ом шаге сохранили файл water-ripples.psd . Выберите его и откройте при помощи кнопки Open:

Когда мы открываем файл, Photoshop сразу же применяет карту смещения ко всему изображению, создавая ощущение водной ряби (опять же не переживайте, в следующем шаге мы это исправим):

Фотография после применения фильтра Displace

На панели слоев под слоем Layer 2 мы видим два смарт-фильтра (Motion Blur и Displace ). Хотя мы уже наложили оба этих фильтра, мы еще можем отрегулировать их. Если вы хотите попробовать изменить настройки, например, поменять значение Distance для фильтра Motion Blur или значение Horizontal Scale фильтра Displace , откройте любой из них двойным щелчком из панели слоев, и снова появится соответствующее диалоговое окно. В конце этого урока вы увидите, что настройки фильтра, которые дают превосходный результат на одной фотографии, не обязательно будут так же хорошо смотреться на другой. Всегда остается поле для экспериментов, поэтому наличие смарт-фильтров крайне полезно:

Удерживая Ctrl (Win) / Command (Mac), щелкните мышью по миниатюре Layer 1

Вокруг нижней части фотографии появится контур выделения:

В нижней части панели слоев выбираем Layer Mask:

Нажимаем Layer Mask

В панели слоев появится миниатюра маски слоя Layer 2 , ее верхняя половина будет черная, а это значит, что она теперь скрыта из вида, а нижняя, белая, остается видна:

Теперь рябь на воде видна только в нижней части изображения, а сверху - нетронутая оригинальная фотография:

Шаг 17: Раскрасим воду, создав новый слой для регулирования Hue/Saturation

Завершим работу над спецэффектом, немного изменив оттенок воды. Для этого нам понадобится новый корректирующий слой , но поскольку мы хотим отредактировать только нижнюю часть изображения, не забудьте нажать Alt (Win) / Option (Mac) на клавиатуре и мышью выбрать иконку New Adjustment Layer в нижней части панели слоев:

Удерживая Alt (Win) / Option (Mac), нажмите на иконку New Adjustment Layer

Из появившегося списка корректирующих слоев выберите Hue/Saturation:

Добавим слой для корректировки Hue/Saturation

Когда мы удерживаем Alt (Win) / Option (Mac), Photoshop открывает диалоговое окно для создания нового слоя, прежде чем его добавить. Выберите опцию Use Previous Layer to Create Clipping Mask . Photoshop «обрежет» корректирующий слой по слою, который находится ниже, то есть изменения будут затрагивать только нижнюю половину изображения (чтобы понять, как это работает, см. урок «Основы работы с Clipping Masks в Photoshop»):

Выбираем опцию Use Previous Layer To Create Clipping Mask

Нажмите OK , и диалоговое окно закроется, а Photoshop добавит новый слой для работы с Hue/Saturation непосредственно над слоем Layer 2 (с маской):

Корректирующий слой Hue/Saturation , ограничивающийся слоем Layer 2

Управлять новым слоем будем через панель Properties panel . Сначала отмечаем опцию Colorize . Потом передвигаем ползунок Hue вправо примерно до 210, чтобы получить красивый голубой оттенок:

Опции Hue/Saturation в панели Properties

Вот что получилось, когда мы раскрасили нижнюю половину голубым:

Шаг 18: Понижаем непрозрачность корректирующего слоя

Остался последний шаг: снизить непрозрачность корректирующего слоя, чтобы сделать добавленный голубой оттенок деликатнее. Опция Opacity находится в правом верхнем углу панели слоев. Снизим ее примерно до 25 %:

Значение Opacity снижено до 25 %

И все, готово! Вот окончательный вариант спецэффекта отражения в воде после снижения непрозрачности корректирующего слоя:

Очень хорошо этот эффект смотрится и на пейзажах. Покажем его на примере одного снимка:

Фотография после создания спецэффекта. В этот раз мы задали значение опции фильтра Motion Blur Distance 4 пикселя вместо 6 (шаг 14), в фильтре Displace (шаг 15) использовали значение Horizontal Scale всего 1 вместо 4, сделав всего лишь едва заметную рябь, а в последнем шаге (шаг 18) снизили Opacity корректирующего слоя Hue/Saturation до 10 % вместо 25 %. Как видите, конкретные показатели зависят от фотографии, так что экспериментируйте и оценивайте результат каждый раз заново:

Еще один пример применения того же спецэффекта.

Как нарисовать воду в "Фотошопе": уроки по созданию эффекта и отражения

Вода - это очень сложная структура. Достаточно вспомнить, что в компьютерных играх до сих пор всё ощущение реалистичности портит именно вода. Вот и в Adobe Photoshop нарисовать воду не просто. Этот урок подскажет вам наиболее простой способ создания эффекта водной поверхности. В нашем примере будет создана своеобразная водная гладь бассейна.

Для начала создаем в Photoshop новое изображение с тем разрешением, которое вам нужно. Затем выберите инструмент «Градиент». В качестве основного цвета поставьте белый, а в качестве заднего — голубой. От данной настройки зависит цвет будущей водной поверхности. Если вам необходимо придать ощущение глубины, то лучше поэкспериментировать с голубым и темно-синим цветами. После выбора цветов подведите курсор к верхнему краю изображения. Зажмите левую кнопку мыши и проведите мышью до нижнего края. Отпустите кнопку, после чего стандартный белый или прозрачный фон окрасится в цвета градиента.

Уроки «Фотошопа»: вода

Теперь мы будем постепенно накладывать на эту поверхность крохотные волны. Начинается всё с фильтра, располагающегося по пути «Фильтр>>Текстура>>Витраж». Точные параметры данного фильтра зависят от разрешения вашего изображения. Необходимо на выходе получить картинку, которая состоит из множества неправильных многоугольников. Интенсивность света уменьшите до «единицы».

Данные многоугольники нужно превратить в фигуры случайной формы. Волны на водной поверхности ведь не бывают совершенно одинаковыми. Для совершения следующей операции проследуйте по пути «Фильтр>>Искажение>>Стекло». В качестве текстуры задайте параметр «Блоки». Остальные настройки вы видите ниже на скриншоте

Как нарисовать воду в «Фотошопе»

На выходе вы получите уже что-то вроде водной поверхности. Но данный результат требует дальнейшей доработки.

Камера у нас находится над водными просторами. Это нужно исправить, для этого необходимо изменить перспективу. Проследуйте по пути «Редактирование>>Трансформирование>>Перспектива». Теперь наклоните изображение таким образом, чтобы примерно 1/6 часть площади на картинке оставалась белой. Получится такой эффект, будто бы мы смотрим на горизонт.

У нас уже получилось нарисовать воду в Фотошопе. Остались лишь несколько мелких штрихов. Перейдите в панель «Слои». Продублируйте в ней текущий слой сочетанием клавиш «Ctrl+J». В качестве эффекта наложения выберите пункт «Умножение». Картинка сразу станет более четкой и яркой. Но мы применяем данный эффект не только для этого.

Эффекты воды в «Фотошопе»

Вновь перейдите к нижнему слою. Его перспективу теперь необходимо чуточку изменить. В какую сторону — не важно. Это просто позволит добавить на нарисованную нами воду ещё больше бликов и волн.
Теперь оба слоя необходимо размыть. Для этого перейдите по пути «Фильтр>>Размытие>>Размытие по рамке». Радиус размытия нижнего слоя — 5 пикселей. У верхнего слоя радиус размытия доведите только до двух пикселей. На выходе получится эффект, будто бы съемка водной поверхности производилась при достаточно длительной выдержке. Если вам это не нравится, то радиус размытия можно сделать ещё меньше.

Эффект воды в Фотошопе практически готов. Но получившейся картинке ещё чего-то недостает… Нужно сделать воду в Фотошопе неоднородной. В бассейнах вы не раз замечали, что в одних местах вода чуть более светлая, чем в других. Такой эффект можно получить при помощи инструмента «Осветлитель». Сделайте им в нескольких областях изображения светлые пятна.

Отражение в воде в «Фотошоп»

После этого картинку можно считать готовой. В этом уроке в Фотошопе создавалась вода. Как использовать данный рисунок — решать уже вам. Его можно поместить на фон сайта в качестве текстуры. А можно написать текст и добавить в Фотошопе его отражение в воде. Так может получиться отличная «шапка» для журнала или того же сайта. Данное изображение можно и улучшать, добавив всяческие блики, растения и плавающих рыб. Здесь всё зависит от вашей фантазии.

Реалистичная капля воды

Рисуем воду фильтрами

Отражение в воде с помощью карты смещения

Эффект отражения

Отражение объектов на водной глади

Создание волн в фотошопе

Круги на воде

Рябь на воде

Водопад

Создание сетки для анимации волн

Анимация воды с помощью маски

Фотомонтаж коллаж Водная нимфа

Анимация воды

Несколько способов анимации воды в ФШ

ПАМЯТКА НАЧИНАЮЩИМ ФОТОШОПЕРАМ

Несколько способов анимации воды в ФШ

Откройте в ФШ любую картинку с водой. Снимите со слоя замочек, просто мышкой перенесите его в корзинку.
Сделайте два дубликата слоя, нажав два раза Ctrl + J
Откройте окно анимации, нажав сверху Окно - Анимация
Сразу выставьте время задержки анимации 0,1 сек и постоянную анимация, нажав на соответствующие черные треугольники

Теперь стоим на верхнем слое и выделим воду любым инструментом выделения. Я воспользовалась пером.

Образовалось выделение воды.
А теперь будем ее анимировать разными фильтрами.

1. Анимация воды фильтром ШТРИХИ - РАЗБРЫЗГИВАНИЕ.

2. Анимация воды фильтром ШУМ - ДОБАВИТЬ ШУМ

Делаем с картинкой все тоже самое, что и в первом случае. Сделали три слоя, выделили воду, встали на верхний слой. В последующих способах анимации воды - все так же. Я больше не буду об этом повторять..))
Применяем фильтр

Настройки подбирайте сами, я взяла такие:

Дальше, все точно так же, как и в первом случае. Создаем второй кадр, делаем активным второй слой (глазок открыт и слой синий) и применяем к нему тот же фильтр Ctrl + F
Добавили третий кадр анимации, активный нижний слой - глазок открыт на нем, он синий.
Применили фильтр - Ctrl + F

Сохранили для Веб-устройств и любуемся анимацией:

3. Анимация воды фильтром ИСКАЖЕНИЕ - ОКЕАНСКИЕ ВОЛНЫ

У нас три слоя с картинкой и сделано выделение воды. Активный - верхний слой.
Идем в фильтр.

Ко все слоям применим этот фильтр Ctrl + F , сохраняем и получаем следующую анимацию:
(мне она нравится больше всего, ну а выбирать, конечно, вам)

4. Анимация фильтром ИСКАЖЕНИЕ _ РАССЕЯННОЕ СВЕЧЕНИЕ

Не забыли? Сделали две копии картинки и выделили воду. Применили к каждому слою фильтр с такими настройками:

А вот и наша анимация.

Вода - это сложная структура. Она сама по себе прозрачная, и, несмотря на то, что она довольна таки чистая, мы все равно каким-то образом можем ее видеть. И даже в ее нормальном состоянии - жидком, вода имеет множество различных форм, которые достаточно сильно различаются между собой. Хотя вода выглядит довольно просто, и она проста в своей "конструкции" - вы не можете просто так взять и научиться рисовать ее раз и навсегда. Так происходит потому, что в действительности вы рисуете не воду, а эффект, который она оказывает на окружающий мир, увиденный через нее.

В данном уроке вы научитесь создавать изображение жидкой воды во множестве ее форм: капли, озера, лужи, дождь и водопады. Я покажу вам, как использовать множество инструментов программы Фотошоп, чтобы ускорить процесс рисования. Также я постараюсь объяснить определенные правила, освоив которые, вы сможете видоизменять те примеры, которые приведены в данном уроке, под свои нужды. Наиболее важным уроком из всего данного материала будет правильное использование фильтров для создания необходимых вам текстур всего за несколько секунд.

Данный урок является продолжением урока Рисуем реалистичные снежные эффекты в Фотошоп

Многие приемы из того урока будут применяться и в этом тоже. Другие уроки по созданию реалистичных эффектом, которые имитирую природные стихии (огонь, земля, воздух, снег) вы можете найти на нашем сайте .

1. Рисуем каплю воды

Перед тем как начать урок, давайте посмотрим, какой эффект мы хотели бы получить:

1. Источник света: его направление является критически важным
2. Блик: он создает ярко выраженную блестящую точку на фронтальной части капли
3. Зеркальная тень: вы можете видеть блик потому, что он отражается, вместо того, чтобы оставаться внутри. Вот почему, под ним образуется тень
4. Вторичное отражение: остаточный свет, который был пропущен внутрь капли, отражается снаружи
5. Отбрасываемая тень: поскольку свет внутри отражается, в этом месте он не отбрасывается, соответственно имеет место тень.

Поскольку капля воды, по своей сути, также является линзой, она может фокусировать яркий свет и пропускать его в отбрасываемую тень.

Естественное состояние группы частичек воды - это сфера. Однако, из-за силы тяжести, мы, как правило, видим их не как сферу, а как приплюснутый купол. Это также означает, что капля меняется в перспективе: от овальной формы (1) до формы купола (2).

Шаг 1

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

Для начала, подготовьте фон (например, вы можете взять текстуру листа из исходных материалов; создайте документ не шире 600 пикселей), и нарисуйте овал с помощью твердой кисточки на новом слое (Новый слой можно создать, нажав сочетание клавиш Ctrl+shift+N).

Шаг 2

Шаг 3

Затем активируйте Тиснение (Bevel & Emboss). Это позволит создать тень с передней стороны капли и свет с обратной стороны.

• Поиграйте со значением Глубины (Depth (1)) и Размером (Size (2)), чтобы оба и свет, и тень внутри капли не были слишком резкими
• Установите Угол (Angle) в соответствии с направлением Тени (3)
• Измените Контур глянца (Gloss Contour) на по Гауссу (Gaussian (4))
• Установите Режим подсветки (Highlight Mode) Перекрытие (Overlay), чтобы у света был более яркий фон (5)
• Поиграйте с Непрозрачностью (Opacity) Режима тени (Shadow Mode), чтобы добиться эффекта большей реалистичности(6)

Шаг 4

Теперь мы должны применить Обводку (Stroke) - это добавит прозрачную границу между тем, что внутри капли и снаружи.

• Обводка должна быть почти невидимой - поиграйте с размером, чтобы сделать ее таковой (1)
• Измените Тип заливки (Fill Type) на Градиент (Gradient (3))
• Настройте Угол (Angle) в соответствии с источником освещения (4)
• Также поэкспериментруйте с масштабом (Scale), чтобы добиться эффекта мягкого перехода (5)
• Понизьте Непрозрачность (Opacity), если обводка кажется слишком резкой.(2)

Шаг 5

• Настройте Угол (Angle) в соответствии с освещенностью (1)
• Поэкспериментируйте с настройками, чтобы тень появилась только по краям, оставив центральную область капли чистой (2)
• Измените Контур (Contour) на Скругленные ступени (Rounded Steps (3))
• Добавьте немного Шума (Noise (4))

Шаг 6

Теперь, применим Наложение цвета (Color Overlay) - это не обязательно, но это сделает нашу каплю более выраженной.

• Установите Режим наложения (Blend Mode) Перекрытие (Overlay) для большей Яркости и прозрачности (1)
• Выставьте цвет зеленовато-синий (например, вот такой #006372) (2)
• Понизьте Непрозрачность (Opacity) до такого уровня, чтобы цвет был едва заметен (3), это если вы, конечно, не хотите иметь окрашенную жидкость.

Шаг 7

Применим Наложение градиента (Gradient Overlay) - это даст подсвечиваемую область с обратной стороны капли.

• Установите Режим наложения (Blend Mode) Экран (Screen) для яркости (1)
• Измените Угол (Angle) чтобы указать то место, которое собираемся подсветить (3)
• Поиграйте с настройкой Масштаба (Scale), чтобы разместить градиент правильно (4)
• Понизьте Непрозрачность (Opacity), чтобы сделать свет видимым, но чтобы он не был просто белым (2)

Шаг 8

• Установите Режим наложения (Blend Mode) Экран (Screen) для яркости (1)
• Установите Цвет (Color) белый (4)
• Сделайте свечение небольшим, рассеянным и едва заметным, используя для этого настройки Непрозрачность (Opacity (2)), Шум (Noise (3)), и Размер (Size (5)).

Шаг 9

Теперь, применим Тень (Drop Shadow) - это создаст отбрасываемую тень позади нашей капли.

• Установите Угол (Angle) в соответствии с освещением (2)
• Поэкспериментруйте с настройками Расстояние (Distance), Размах (Spread) и Размер (Size), чтобы добиться ощущения, что тень действительно находится позади капли, но не под ней (3).
• Понизьте непрозрачность (Opacity), чтобы тень выглядела более реалистичной (1)

Шаг 10

Для того чтобы придать еще больше объема нашей капле, применим Внутреннее свечение (Inner Glow)

• Установите Режим наложения (Blend Mode) Умножение (Multiply) для затемнения (1)
• Установите цвет (Color) темно-синий (например, такой #1e1e5a) (3)
• Источник (Source) установите По центру (Center) (4)
• Поиграйте с настройками Стягивание (Choke) и Размер (Size), чтобы тень была расположена в центре, и только там, где уже заканчивается Внутренняя тень (Inner Shadow) (5)
• Если эффект получится слишком резким, понизьте Непрозрачность (Opacity) (2)

Шаг 11

Теперь, нам осталось только добавить блик на фронтальную сторону нашей капли. Создайте новый слой и нарисуйте блик при помощи твердой кисточки, используя чисто белый цвет.

Шаг 12

Чтобы лучше выделить наш блик, просто добавьте Внешнее свечение (Outer Glow). Для этого щелкните два раза левой кнопкой мыши по слою, чтобы открыть диалоговое окно Стиль слоя (Layer style).

Шаг 13

Чтобы оба стили можно было использовать повторно для дальнейших каких-то работ, откройте окно Стили (Styles) и кликните по иконке Создать новый стиль (Create New Style), стоя на слое, стиль которого вы хотите сохранить.

Шаг 14

Теперь, каждый раз, когда вы захотите нарисовать каплю, просто:

1. Нарисуйте формы капли с помощью жесткой кисти, каждую на новом слое.
2. Примените стиль капли, выбрав нужный слой и кликнув по созданному стилю.
3. Добавьте новый слой над предыдущим и нарисуйте белую точку жесткой кисточкой.
4. Примените стиль Свечение к нарисованной точке.

Шаг 15

Если же вы хотите создать каплю большего размера, вам необходимо помнить две вещи:

• Капли не могут быть слишком большими, иначе гравитация возьмет верх и просто разрушит ее форму. Это значит, что картинка должна иметь вид сделанной в режиме макросъемки - т.е. с наблюдателем, который сам по себе довольно маленького размера, или же он должен находиться очень близко к объекту.
• Эффект увеличения капли-линзы должен быть отчетливо виден с такого ракурса, и соответственно вы должны его явно подчеркнуть на вашей картинке

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

Чтобы создать эффект увеличения, нужно сделать следующее:

• продублируйте фон (Control-J)
• Скопируйте каплю
• Поместите продублированный фоновый слой между двумя слоями с каплями
• Создайте обтравочную маску (Control-Alt-G)
• В дополнение ко всему вы еще можете отрезать все ненужное снаружи капли следующим способом: зажав клавишу CTRL, кликните по капле, таким образом, загрузив выделение, далее инвертируйте его Control-Shift-I, и теперь можно нажать (Control-X), что позволит отрезать все ненужные нам части за пределами контура капли.

Шаг 16

2. Рисуем Озеро или Реку

Шаг 1

Мы начнем с тех же самых декораций, как и в предыдущей части, где мы выставили уровень воды и создали отражение . Соответственно, у нас должны быть готовый фон, обтравочная маска и отражение, связанное с ним.

Шаг 2

Создайте новый слой и переведите его в режим обтравочной маски (Control-Alt-G) по отношению к предыдущему. Залейте (G) его темно-коричневым или серым цветом.

Шаг 3

Продублируйте (Control-J) фон и перетащите копию над обтравочными слоями. Переведите данную копию тоже в режим обтравочной маски (Control-Alt-G).

Шаг 4

Мы должны избавиться от чрезмерно резких отражений под водой. Кликните дважды по слою и перейдите в секцию Смешивать если (Blend If). Удерживая клавишу Alt, перетащите белую стрелочку влево, чтобы сделать наиболее яркие области прозрачными.

Видите? Зеркальные отражения отсутствуют!

Шаг 5

Создайте новый слой и залейте его цветом гор (темно-синий). Мы используем этот слой для того, чтобы придать воде синеватый оттенок.

Шаг 6

Измените Режим наложения (Blending Mode) слоя на Умножение (Multiply) и понизьте Непрозрачность (Opacity). Чем менее чистая вода (глубже озеро), тем меньшая прозрачность ее должна быть на нашей картине.

Шаг 7

Давайте вернемся к отражению - это наиболее важный аспект воды. Продублируем его. Далее расположите его выше всех слоев в режиме обтравочной маски и на время выведите его из этого режима (Control-Alt-G). Понизьте немного непрозрачность (Opacity), ровно настолько, чтобы этого хватало для того, чтобы увидеть, что находится за ним, исправьте это так, как это показано ниже. Воспользуйтесь инструментом Прямоугольная область (Rectangular Marquee Tool (M)), чтобы выделить область и скопировать ее, перетащив с зажатой клавишей Alt. Ваша задача создать иллюзию, что там только вода за этими колоннами. Необязательно, чтобы это было идеально - это нужно просто, чтобы обмануть систему, но не ваши глаза.

Шаг 8

Переведите слой обратно в режим обтравочной маски (Control-Alt-G). Далее, двойной клик по нему. В опции Смешивать если (Blend if) перетащите черный маркер целиком вправо, а затем, зажав клавишу Alt, протащите половинку маркера вправо, но уже до самого конца. Таким образом, темные области станут прозрачными.

Шаг 9

Этот эффект ослабевает на расстоянии, поэтому нам нужно частично его скрыть. Возвращаемся к оригинальному отражению и перетаскиваем его на самый верх палитры слоев (по-прежнему в режиме обтравочной маски). Добавляем маску слоя (Layer Mask), а затем добавляем черно-белый градиент - черная часть должна быть на переднем плане.

Шаг 10

Мы получили идеально неподвижную воду, которая из-за этого выглядит не очень естественно. Что, если мы захотим добавить легкую рябь на водную поверхность?

Кликните по нижнему слою с отражением и далее перейдите в Фильтр - Галерея фильтров. Выберите фильтр Аэрограф (Sprayed Stroke) из пакета Штрихи (Brush Strokes), измените Направление штриха (Stroke Direction) на Горизонтальный (Horizontal) и поиграйте с ползунками, чтобы достичь необходимого эффекта (вам может потребоваться сначала изменить размер картинки, так как там есть ограничение для этих настроек).

Шаг 11

Это была слабая рябь. Мы можем сделать ее сильнее с помощью добавления узора, который сделает ее более правдоподобной для реки.

Создайте новый файл, сделайте его достаточно большого размера. Залейте его любым цветом, затем сделайте двойной щелчок по нему и добавьте Глянец (Satin) из набора узоров (в диалоговом окне выбираем пункт Наложение узора (Pattern Overlay)). Затем нажимаем (Control-A), чтобы выделить все, и копируем это с помощью сочетания клавиш (Control-Shift-C).

Шаг 12

Вставляем наш узор в основной документ. Применяем инструмент Свободное трансформирование (Free Transform Tool (Control-T)), чтобы настроить его в соответствии с перспективой - узор должен быть максимально плотный на заднем плане (в отдалении) и максимально крупным на переднем плане. Чтобы передвигать опорные точки раздельно, делайте это с зажатой клавишей Ctrl.

Шаг 13

Узор выглядит чересчур правильным. Чтобы исправить это, воспользуйтесь инструментом Заплатка (Patch Tool (J)) - просто выделите область с помощью инструмента и перетащите ее в место, в которое хотите ее скопировать.

Шаг 14

Используйте этот же узор еще раз, чтобы сделать фон еще более плотным.

Шаг 15

Чтобы правильно смешать узор с остальным фоном, воспользуйтесь Маской слоя (Layer Mask) и мягкой кисточкой.

Шаг 16

Слейте в один оба слоя с рябью и обрежьте их.

Шаг 17

Мы хотим, чтобы на этом слое с рябью были видимыми только белые участки, черные области должны стать прозрачными. Помните, как добиться данного эффекта? (Подсказка: двойной клик по слою... используем опцию Смешивать если (Blend if)...).

Шаг 18

Изменяем Режим наложения (Blending Mode) на Перекрытие (Overlay) и наслаждаемся эффектом.

Яркая рябь в тени может выглядеть, как если бы отражения находились на дне - если вы хотите получить такой эффект, сотрите рябь с оснований колонн.

Шаг 19

Вода обладает очень хорошей отражающей способностью - она буквально работает как зеркало. Это значит, что она также отражает сильный свет вокруг. Наши декорации не самый лучший пример, чтобы показать этот эффект (источник освещения не отражается на нашей картине), но я все равно постараюсь показать вам, как добиться иллюзии света, отраженного рябью.

Создайте новый слой и с помощью инструмента Прямоугольник (Rectangle Tool (U)) нарисуйте прямоугольную фигуру. Наложите на него узор Глянец (Satin).

Шаг 20

Далее, правый клик по слою и выберите пункт Растрировать стиль слоя (Rasterize Layer Style). Измените Режим наложения (Blending Mode) на Перекрытие (Overlay) и затем воспользуйтесь инструментом Свободное трансформирование (Free Transform Tool (Control-T)), чтобы правильно настроить перспективу для прямоугольника. Также можете воспользоваться режимом Деформация (Warp), чтобы "поломать" правильность узора.

Когда сделаете это, с помощью опять же Маски слоя (Layer Mask) грамотно впишите прямоугольник в стенку колонны.

Шаг 21

Если эффект получится слишком слабым, просто продублируйте слой (Control-J).

Шаг 22

Тот же самый метод примените и к другой колонне.

Шаг 23

Мы также можем добавить воде эффект "толщи" с помощью фильтра Стекло (Glass). Идем в (Filter > Filter Gallery > Distort > Glass).

Шаг 24

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

Сильная рябь, такая как мы использовали ранее, может не очень хорошо работать здесь. Давайте попробуем другой метод. Создайте новый слой, связанный с водой (обтравочная маска CTRL+ALT+G) и залейте его черным цветом. Далее, идем в Фильтр - Шум - Добавить шум (Filter > Noise > Add Noise). Теперь применим (Filter > Blur > Motion Blur) с нулевым углом.

Идем в (Filter > Filter Gallery > Artistic > Plastic Wrap), этим мы создадим мелкую рябь. Далее настраиваем перспективу с помощью инструмента Свободное трансформирование (Free Transform Tool).

И, наконец, переводим Режим наложения (Blending Mode) в Перекрытие (Overlay) и понижаем Непрозрачность (Opacity).

3. Рисуем лужу

Шаг 1

Опять, нам понадобятся фон и отражение. Создайте Новый слой и используйте инструмент Лассо (Lasso Tool (L)) для создания набросков луж.

Шаг 2

Залейте фигуры луж коричневым цветом, и затем понизьте Непрозрачность (Opacity) таким образом, чтобы слегка было видно дно.

Шаг 3

Расположите отражение над слоями, затем кликните по фигурам луж с зажатой клавишей Ctrl - это позволит создать выделение по форме луж. Далее инвертируйте выделение, нажав (Control-Shift-I), после нажмите Delete, чтобы удалить все ненужное снаружи. (Мы не используем обтравочную маску, потому что лужи наполовину прозрачны, и там было бы отражение)

Шаг 4

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

Шаг 5

И опять же, нам потребуется применить эффект Френеля к нашему отражению. Для этого используйте Маску слоя (Layer Mask).

Шаг 6

Давайте устроим небольшое волнение на поверхности воды. Для этого идем в Фильтр - Галерея фильтров - Искажения - Стекло (Filter > Filter Gallery > Distort > Glass).

Шаг 7

Продублируйте (Control-J) слой с фигурами луж и разместите копию над всеми слоями. Измените уровень заливки (Fill) до 0, затем кликните дважды по нему, и поиграйте с настройками Внутренней тени (Inner shadow) и Тени (Drop shadow). Реальные значения зависят от размеров вашей картины, но всегда держите в голове, что основная цель - это создать легкую тень внутри...

И светлый край снаружи.

4. Рисуем легкий дождь

Шаг 1

Создаем новый слой. Заливаем его черным цветом, затем идем в Фильтр - Шум - Добавить шум (Filter > Noise > Add Noise). С помощью инструмента Свободное трансформирование (Free Transform Tool (Control-T)) расширьте границы вашего прямоугольника.

Шаг 2

Далее, идем в (Filter > Pixelate > Crystallize) . Вновь воспользуйтесь инструментом Свободное трансформирование (Free Transform Tool), чтобы отодвинуть шум от фона.

Шаг 3

Идем в Фильтр - Размытие - Размытие в движении (Filter > Blur > Motion Blur), чтобы создать настоящие капли из всего этого хаоса. Измените Режим наложения (Blending Mode) на Экран (Screen), чтобы убрать черный фон.

Шаг 4

Используя маску слоя (Layer Mask), очистите колонны от капель.

Шаг 5

Вновь создайте слой с шумом.

Если получившиеся точки кажутся слишком слабыми, попробуйте откорректировать их с помощью редактора Уровни (Levels (Control-L)), и перетащите правый маркер как можно дальше влево.

Примените Размытие в движении (Motion Blur) еще раз, чтобы создать эффект падающих капель.

Теперь, давайте создадим эффект волнения на поверхности луж при помощи легких капель. Убедитесь, что весь фон (земля, колонны, небо и лужи) слиты воедино. Затем активируйте Мягкую круглю кисточку (Soft Round brush), перейдите в режим быстрой маски (Quick Mask Mode (Q)) и нарисуйте овал на поверхности лужи.

Шаг 6

Нажимаем еще раз Q, чтобы выйти из режима быстрой маски, затем инвертируем выделение, нажав сочетание клавиш (Control-Shift-I). Далее, идем в Фильтр - Искажение - Скручивание (Filter > Distort > Twirl). Поэкспериментируйте с величиной угла, чтобы достичь нужного эффекта.

Шаг 7

Повторите то же самое для других областей. Чтобы делать это быстрее, вы можете создать Новую операцию (New Action). Нарисуйте овал в режиме быстрой маски (Quick Mask Mode), затем нажмите Запись (Record) и проделайте следующие шаги:

• Нажмите Q
• Нажмите Control-Shift-I
• Нажмите Control-F (применение последнего примененного фильтра)
• Нажмите Control-D
• Нажмите Q

Примените эту Операцию (Action), когда рисуете овал, а далее просто продолжайте рисовать.

5. Рисуем ливень

Удивительный факт: мы не знаем достоверно, как выглядит дождь. Серьезно. В нашем сознании мы обычно представляем его себе как тонны капель, падающих вокруг, но это не совсем то, что мы действительно видим. Если вы не верите мне, просто создайте "дождевую кисть", и пройдитесь ею по всей картине. Это просто не работает таким образом! Капли дождя двигаются слишком быстро и их слишком много для ваших глаз, чтобы уловить их всех одновременно - даже камеры испытывают определенные проблемы с этим.

Следовательно, чтобы мы ни рисовали, это будет всего лишь некое приближение - изображение впечатления, нежели реально наблюдаемое явление. Мы должны сосредоточиться на том, что дождь делает, вместо простого рисования капель дождя, потому что на самом деле мы не видим эти капли.

Шаг 1

Небо выглядит слишком чистым для нашего сильного дождя. Поэтому, давайте добавим больше облаков, для этого используйте стоковое фото. Встройте изображение облаков в ваш фон, используя Маску слоя (Layer Mask).

Шаг 2

Далее идем в Окно - Коррекция (Window > Adjustments). В открывшемся диалоговом окне кликаем по первой иконке. Переносим этот слой выше всех остальных и настраиваем его таким образом, чтобы вся картинка стала темной и мрачной.

Шаг 3

Воспользуйтесь Круглой мягкой кисточкой (Soft Round), чтобы нарисовать мощный дождь на заднем плане.

Шаг 4

С помощью мягкой круглой кисточки с пониженной непрозрачностью (Opacity) сделайте другую колонну более затуманенной.

Шаг 5

Шаг 6

Во время сильного дождя капель будет слишком много для того, чтобы отразить на поверхности воды рябь и разводы от каждой из них отдельно, поэтому вместо этого мы просто используем фильтр. Идем в Фильтр - Галерея фильтров (Filter > Filter Gallery), а далее вам будет нужно поэкспериментировать с двумя фильтрами Искажение - Стекло (Distort > Glass) и Имитация - Целлофановая упаковка (Artistic > Plastic Wrap).

Шаг 7

Слейте воедино все слои (Control-E), затем продублируйте получившийся слой. Используйте Маску слоя (Layer Mask), чтобы выделить первую колонну. (Если хотите посмотреть, что именно вы закрасили в этом режиме, нажмите "Обратный слэш - \").

Шаг 8

Идем в Фильтр - Галерея фильтров - Имитация - Целлофановая упаковка (Filer > Filter Gallery > Artistic > Plastic Wrap). Используйте данный фильтр, чтобы сымитировать воду, текущую по стенам.

Шаг 9

Используйте Маску слоя (Layer Mask), чтобы сделать воду более прозрачной на темной стороне.

Шаг 10

То же самое проделайте и для другой колонны.

Шаг 11

Далее, нам предстоит сделать землю мокрой и блестящей. Создаем новый слой и заливаем его любым цветом. Далее кликаем два раза по нему, чтобы применить стиль слоя (Layer Style), в диалоговом окне выбираем пункт Наложение узора (Pattern Overlay), выбираем узор Глянец (Satin) из списка узоров.

Шаг 12

Теперь кликаем правой кнопкой мыши по слою и выбираем Растрировать стиль слоя (Rasterize Layer Style). Затем, точно так же, как мы делали с озером, настраиваем наш узор в соответствии с нужной нам перспективой с помощью инструмента Свободное трансформирование (Free Transform Tool (Control-T)).

Шаг 13

Меняем Режим наложения (Blending Mode) на Мягкий свет (Soft Light). Далее двойной клик по слою, и выставляем необходимые настройки в диалоговом окне опции Смешивать если (Blend If), чтобы черные области стали прозрачными.

Шаг 14

Для того, чтобы очистить перекрывающиеся участки, воспользуйтесь Маской слоя (Layer Mask).

Шаг 15

Создайте новый слой. Возьмите мягкую круглую кисть (Soft Round brush) и нарисуйте сильный туман на заднем плане.

Шаг 16

Измените уровень непрозрачности (Opacity) до 50%. Воспользуйтесь Маской слоя (Layer Mask) и удалите колонны из вашего тумана.

Шаг 17

Далее, слейте все слои воедино, за исключением слоя с туманом. Кликните правой клавишей по его маске и выберите Применить слой-маску (Apply Layer Mask). Затем, с зажатой клавишей Ctrl кликните по слою, чтобы загрузить выделение и перейдите в Фильтр - Размытие - Размытие в движении (Filter > Blur > Motion Blur). Угол выставьте такой же, под каким идет ваш дождь (для этого ваш главный слой должен быть выделен). Теперь наш фон выглядит размытым из-за всех этих дождевых капель, хотя мы ничего и не рисовали.

Шаг 18

Создайте новый слой и прокрасьте поверхность дальней колонны жесткой кистью.

Шаг 19

С зажатой клавишей Ctrl кликните по белой колонне, затем отключите слой и выберите ваш основной слой. Теперь снова примените Размытие в движении (Motion Blur), но на этот раз с немного меньшим значением расстояния (Distance).

Шаг 20

Создайте новый слой и залейте его черным цветом. Далее идем в Фильтр - Шум - Добавить шум (Filter > Noise > Add Noise) .

Шаг 21

Используйте инструмент Свободное трансформирование (Free Transform Tool), чтобы слегка растянуть наш прямоугольник.

Шаг 22

Идем в Фильтр - Галерея фильтров - Имитация - Сухая кисть (Filter > Filter Gallery > Artistic > Dry Brush). Это позволит создать из шума множество интересных точек. Чтобы их увидеть, поменяйте Режим наложения (Blending Mode) на Экран (Screen).

Шаг 23

Для того чтобы получившихся точек создать дождь, используйте фильтр Размытие в движении (Motion Blur). Вы можете применять один и тот же метод, но с разными эффектами, чтобы результат удовлетворял вашим ожиданиям. Опять же, дождь не является наблюдаемым объектом, это крайне переменчивое явление, и существует достаточно много способов изобразить его правдоподобно. Не бойтесь использовать более крупные капли, более сильное размытие, или еще что-нибудь на ваш собственный вкус!

Шаг 24

Когда сильный дождь сталкивается с водной поверхностью лужи, возникает интересный по своей форме всплеск. На нашей картине они не очень заметны, но я покажу вам, как создать такой детализированный всплеск на то случай, если вы захотите его использовать для какой-нибудь макросцены.

Создайте новый файл, залейте фон черным цветом и добавьте новый слой. Нарисуйте овал.

Нарисуйте над ним еще один овал побольше и соедините их.

Добавьте штрихи всплесков.

Добавьте множество точек и мелких линий, имитирующих брызги.

Понизьте непрозрачность (Opacity) этого слоя, и затем, создайте еще один и прокрасьте некоторые области белым цветом. Затем полностью удалите первый слой, после чего слейте все видимые слои (Merge Visible) и инвертируйте цвета, нажав (Control-I). Далее идем в Редактирование - Определить кисть (Edit > Define Brush Preset), чтобы сохранить ее.

Шаг 25

Возвращаемся в наш основной документ. Создаем новый слой и рисуем всплески вашей новой кисточкой. Не забудьте настроить размер кисти в соответствии с перспективой.

Шаг 26

Чтобы сделать всплески более натуралистичными, понизьте непрозрачность (Opacity) и\или установите Режим наложения (Blending Mode) Перекрытие (Overlay). Продублируйте слой, чтобы усилить эффект.

Шаг 27

Вы можете добавить всплески на стену, по которой хлещет дождь. Чтобы выставить правильный угол без изменения настроек кисточки, просто воспользуйтесь опцией Повернуть (Rotate(R)).

6. Рисуем водопад

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

Но эй, даже в самых современных печатных изданиях класса AAA нам не удастся обнаружить идеальных изображений водопадов, так почему же так? Вода - чрезвычайно сложный объект. Каждая капля работает подобно линзе, и соответственно, компьютеру необходимо затрачивать огромное количество системных ресурсов, чтобы визуализировать эффект линзы. Только представьте, что произойдет, когда вы соберете вместе тысячи, миллионы линз! Вот почему, сложный водопад должен быть разбит на определенные наборы "правил", которые позволят компьютеру справиться со своей задачей.

То же самое и с рисованием. Для вас есть три пути:

• Вы можете нарисовать водопад по образцу так, как будто вы хотели изобразить что-то другое - используя пятна и капли цвета
• Вы можете создать водопад из множества капель, сосредоточив внимание на каждой из них
• Вы можете попытаться найти некие правила создания водопада, чтобы он выглядел как есть, а затем найти способ воссоздать его в Фотошопе.

Очевидно, мы будем пробовать реализовать третий метод! Я немного модифицировала декорации для этой цели. Это будет не совсем типичное основание для водопада, но для наших целей подойдет.

Шаг 1

Начнем с того, что определим направление стекающей воды. Чем больше давление, тем больше получается арка нашего водопада. Также необходимо обратить внимание на перспективу!

Шаг 2

Убедитесь, что все слои образующие фон слиты воедино. Активируйте режим быстрой маски (Quick Mask Mode (Q)) и нарисуйте внутреннюю часть наброска.

Нажмите Q еще раз, чтобы выйти из режима быстрой маски и инвертируйте созданное выделение с помощью комбинации клавиш Control-Shift-I. Затем идем в Фильтр - Галерея фильтров - Искажение - Стекло (Filter > Filter Gallery > Distort > Glass). Таким образом, мы сможем исказить то, что находится под водой, точно так же, как это оптически делала бы вода в реальности.

Шаг 3

Создайте новый слой (Ctrl+Shift+N) и нарисуйте прямоугольную фигуру с помощью инструмента Прямоугольник (Rectangle Tool (U)). Далее, идем в Фильтр - Шум - Добавить шум (Filter > Noise > Add Noise), чтобы залить нашу фигуру текстурой шума.

Теперь идем в Фильтр - Оформление - Кристаллизация (Filter > Pixelate > Crystallize), чтобы соединить маленькие точки в более крупные кластеры.

После чего, идем в Фильтр - Галерея фильтров - Имитация - Акварель (Filter > Filter Gallery > Artistic > Watercolor) - это позволит немного сгладить края. Продублируйте СЛОЙ (Control-J) и пока что скройте копию, она нам еще понадобится, но несколько позже.

И наконец, идем в Фильтр - Галерея фильтров - Штрихи - Аэрограф (Filter > Filter Gallery > Brush Strokes > Sprayed Strokes). Для направления штрихов (Stroke Direction) выставьте вертикальные (Vertical). После этого картинка должна быть слегка похожа на текущую вниз воду.

Шаг 4

Теперь, используем инструмент Свободное трансформирование (Free Transform Tool (Control-T)), чтобы привести наш прямоугольник в соответствие с правильной перспективой. Чтобы передвигать якорные точки раздельно, удерживайте при этом клавишу Ctrl.

Шаг 5

Сделайте двойной клик по слою и измените настройки режима Смешивать если (Blend If) таким образом, чтобы черные области стали частично прозрачными.

Также вы можете добавить немного синевы с помощью редактора Цветового баланса (Color Balance), вызвав его нажатием сочетания клавиш (Control-B).

Шаг 6

Продублируйте (Control-J) "водяную стену" и переведите ее на более высокий уровень натурализма. Чтобы достичь этого, вам необходимо воспользоваться режимом Деформация (Warp) инструмента Свободное Трансформирование (Free Transform Tool).

Шаг 7

Мой водопад частично находится в тени, поэтому я использовала Маску слоя (Layer Mask), чтобы сделать воду менее блестящей в этой зоне.

Шаг 8

Сделайте видимой копию прямоугольника с модифицированным шумом (ту, что мы сделали в шаге 3). Далее идем в Фильтр - Галерея фильтров - Имитация - Губка (Filter > Filter Gallery > Artistic > Sponge). С помощью этого мы создадим пену от падающей воды.

Шаг 9

Воспользуйтесь инструментом Свободное трансформирование (Free Transform Tool (Control-T)) в режиме Деформация (Warp Mode), чтобы искривить наш прямоугольник.

Шаг 10

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

Шаг 11

Вновь воспользуйтесь Маской слоя (Layer Mask), чтобы настроить затенение.

Шаг 12

Вернитесь на фоновый слой и выделите воду в режиме быстрой маски (Quick Mask Mode (Q)) непосредственно перед водопадом.

Примените к этому выделению Фильтр - Галерея фильтров - Искажение - Стекло (Filter > Filter Gallery > Distort > Glass). Очевидно, что поверхность реки не может быть гладкой, когда на нее падает такой поток воды!

Шаг 13

Использование текстур - это просто и быстро, но при этом они довольно скучные и вызывают чувство некой ненатуральности. Поэтому нам нужно добавить немного хаотичности. Вот почему, мы нарисуем еще пены, но уже вручную.

Создайте новый файл и залейте фон черным цветом. Нарисуйте что-нибудь хаотичное, навроде вот этого. Совсем необязательно, чтобы это выглядело один в один как на скриншоте - большинство хаотичных узоров сработают здесь хорошо.

Измените настройки кисточки, как показано ниже, вызвав диалоговое окно через (F5).

Шаг 14

Используйте настроенную кисть, чтобы нарисовать больше пены. Теперь, как использовать кисть - это полностью на ваше усмотрение. Чем большую кривизну имеет водопад, тем будет больше пены, и тем меньше мы будем видеть прозрачной воды. Начните с добавления большого количества пены на верхнюю часть водопада - то место, где вода, уходя с поверхности, все еще "пытается" течь горизонтально, но гравитация тянет ее вниз.

Также вода сильно плещется внизу, так что добавьте целое облако пены здесь. Постоянно меняйте размер штрихов - большие, почти прозрачные штрихи очень хорошо будут смотреться на границах водопада.

Пена также падает вниз по водопаду.

Если напор воды не очень сильный, некоторые капли воды будут падать под основной кривой нашего водопада.

Также вы можете использовать "Пузырьковую кисточку" из предыдущей части, чтобы добавить воздушных пузырей.

Шаг 15

Теперь, давайте сделаем стену под водопадом мокрой. Выделите ее в режиме быстрой маски (Quick Mask Mode (Q)).

Теперь добавьте один из тех фильтров, что мы использовали раньше, например, Стекло (Glass).

Шаг 16

Закончить работу с картиной вы можете, добавив любые детали, какие сами пожелаете. Я добавила фильтр Целлофановая упаковка (Plastic Wrap) для колонны непосредственно рядом с водопадом, чтобы она выглядела мокрой. Также я добавила рябь большего размера для речки, таким же образом, как мы это делали, когда рисовали озеро.

Шаг 17

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

В принципе, низкоскоростной затвор не добавит ничего, кроме размытия в движении (motion blur). Проблема состоит в том, что Фильтр - Размытие - Размытие в движении (Filter > Blur > Motion Blur) работает только в одном направлении, а водопад имеет форму кривой. Поэтому нам нужно выделять его постепенно, по частям, снимая выделение, по мере того, как кривая увеличивается. Для такой операции вам опять понадобится режим быстрой маски (Use the Quick Mask (Q)).

Когда вы дойдете до уровня пены внизу, вы можете объединить их при помощи размытия по Гауссу: Фильтр - Размытие - Размытие по Гауссу (Filter > Blur > Gaussian Blur), а также добавить вручную при помощи Мягкой круглой кисточки (Soft Round brush).

Лучше? Мне кажется, да!

В этих уроках мы прошлись практически по всем возможным формам воды. Я надеюсь, это поможет вам в ваших будущих проектах, какими бы они ни были. Но это не все - есть еще стихии, которые ждут покорения, если вы хотите большего, то есть похожий урок, в котором мы уже будем покорять другую стихию, а именно, стихию земли.

Открываем исходное изображение дерева в Photoshop. Возьмите инструмент "Прямоугольная область" (Rectangular Marquee Tool) и выберите область с деревом, примерно такую, как показано на рисунке:

Затем нажмите Ctrl+J для копирования выделенной области на новый слой.

При активном новом слое, пройдите по вкладке главного меню Редактирование --> Трансформирование --> Отразить по вертикали (Edit --> Transform --> Flip Vertical), после чего вырезанная область отразится по вертикали.

Убедитесь, что у Вас активны опция "Привязки" во вкладке "Просмотр" (View --> Snap), если нет, то поставьте галку:

Поставьте горизонтальную направляющую так, чтобы она была привязана к нижнему краю нового слоя:

Возьмите инструмент "Перемещение" и перетащите слой вниз так, чтобы его верхний края касался направляющей:

Уберите направляющую (Просмотр --> Удалить направляющую или View --> Clear Guides).

Создание карты смещения (Displacement Maps)

Создайте новый слой (Ctrl+Shift+N) и залейте его белым цветом (клавиша D, затем Ctrl+Delete).

Пройдите по вкладке Фильтр --> Галерея фильтров (Filter --> Filter Gallery), в диалоговом окне галереи откройте вкладку "Эскиз", где выберите "Полутоновый узор" (Sketch --> Halftone Pattern). Задайте следующие параметры:
Тип узора (Pattern Type) - Линия (Line)
Размер (Size) - 12
Контрастность (Contrast) - 5

Нажмите кнопку ОК.

Теперь сохраним этот файл как карту смещения (Displacement Maps). Нажмите комбинацию клавиш Ctrl+Shift+S, выберите место для хранения файла и задайте файлу имя, у меня это будет ReflectionMap.psd, нажмите ОК.

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

Отключите видимость последнего слоя, к которому был применён фильтр "Полутоновый узор", у меня это "Слой 2":

Придаём отражению волнистость

Кликните правой клавишей мыши по слою с отражением, у меня это "Слой 1", в раскрывшемся списке выберите "Преобразовать в смарт-объект" (Convert to Smart Object), в правом нижнем углу миниатюры слоя должен появиться соответствующий значок:

Пройдите по вкладке главного меню Фильтр --> Искажение --> Смещение (Filter --> Distort --> Displace), и затем установите значения "Масштаб по горизонтали" (Horizontal Scale) равным 5 и "Масштаб по вертикали" (Vertical Scale) равным 3. Остальные параметры оставьте по умолчанию:

Нажмите OK. Откроется диалоговое окно, где выберите файл ReflectionMap.psd и нажмите "Открыть".

Тонируем отражение

В панели слоёв нажмите на значок создания нового корректирующего слоя и выберите "Цвет..." (Solid Color):

В появившемся окне выбора цвета выберите тёмно-синий цвет #121db5 и нажмите ОК. Уменьшите непрозрачность слоя до 14% и измените режим наложения на "Цветность" (Color). После чего кликните правой клавишей мыши по корректирующем слою и в открывшемся контекстном меню нажмите на пункт "Создать обтравочную маску" (Create Clipping Mask) для того, чтобы корректирующий слой действовал только на слой, расположенный под ним (в нашем случае - слой с отражением):

Снижение контрастности и создание волнистости

Создайте ещё один корректирующий слой "Уровни" (Levels). В панели свойств слоя перетащите левый ползунок выходных значений на значение 29 и правый на 200. Также создайте обтравочную маску для этого слоя:

Создайте новый слой и пройдите по вкладке Фильтр --> Рендеринг --> Облака (Filter --> Render --> Clouds), документ заполнится дымчато-серым: