Как сделать воду в фотошопе: Как сделать текстуру воды в фотошопе

Как сделать воду в фотошопе: Как сделать текстуру воды в фотошопе

alexxlab 13.10.1970

Содержание

Рисуем в Фотошоп все формы жидкой воды / Creativo.one

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

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

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

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

Скачать архив с материалами к уроку

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

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

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

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

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

Шаг 1

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

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

Шаг 2

Далее, кликните дважды по слою левой кнопкой мыши, чтобы применить Стиль Слоя (Layer Style). Установите уровень заливки (Fill Opacity) на 0, чтобы сделать нашу каплю прозрачной.

Шаг 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

Далее, применим Внутреннюю тень (Inner Shadow) — это добавит немного объема нашей капле

  • Настройте Угол (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

Далее, применяем Внешнее свечение (Outer Glow) — это позволит нам сымитировать свет вокруг нашей капли, это довольно-таки полезная вещь, в случае, когда мы имеем темный фон.

  • Установите Режим наложения (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

Далее, идем в Фильтр — Пластика (Filter > Liquify), либо же просто нажимаем Control-Shift-X, и с помощью инструмента Вздутие (Bloat Tool (B)) делаем нужную нам часть больше.

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

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

Далее, идите в Фильтр — Галерея фильтров — Имитация — Сухая кисть (Filter > Filter Gallery > Artistic > Dry Brush)

Если получившиеся точки кажутся слишком слабыми, попробуйте откорректировать их с помощью редактора Уровни (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

Далее, сделаем наши лужи тоже немного темнее. Для этого можно использовать редактор Кривые (Control-M).

Шаг 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

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

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

Далее, инвертируйте цвета, нажав (Control-I), затем идем в Редактирование — Определить кисть (Edit > Define Brush Preset).

Измените настройки кисточки, как показано ниже, вызвав диалоговое окно через (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).

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

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

Автор: Monika Zagrobelna

Источник: design.tutsplus.com

Рисуем в Фотошоп все формы жидкой воды / Creativo.one

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

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

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

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

Скачать архив с материалами к уроку

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

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

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

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

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

Шаг 1

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

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

Шаг 2

Далее, кликните дважды по слою левой кнопкой мыши, чтобы применить Стиль Слоя (Layer Style). Установите уровень заливки (Fill Opacity) на 0, чтобы сделать нашу каплю прозрачной.

Шаг 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

Далее, применим Внутреннюю тень (Inner Shadow) — это добавит немного объема нашей капле

  • Настройте Угол (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

Далее, применяем Внешнее свечение (Outer Glow) — это позволит нам сымитировать свет вокруг нашей капли, это довольно-таки полезная вещь, в случае, когда мы имеем темный фон.

  • Установите Режим наложения (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

Далее, идем в Фильтр — Пластика (Filter > Liquify), либо же просто нажимаем Control-Shift-X, и с помощью инструмента Вздутие (Bloat Tool (B)) делаем нужную нам часть больше.

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

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

Далее, идите в Фильтр — Галерея фильтров — Имитация — Сухая кисть (Filter > Filter Gallery > Artistic > Dry Brush)

Если получившиеся точки кажутся слишком слабыми, попробуйте откорректировать их с помощью редактора Уровни (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

Далее, сделаем наши лужи тоже немного темнее. Для этого можно использовать редактор Кривые (Control-M).

Шаг 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

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

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

Далее, инвертируйте цвета, нажав (Control-I), затем идем в Редактирование — Определить кисть (Edit > Define Brush Preset).

Измените настройки кисточки, как показано ниже, вызвав диалоговое окно через (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).

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

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

Автор: Monika Zagrobelna

Источник: design.tutsplus.com

Рисуем в Фотошоп все формы жидкой воды / Creativo.one

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

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

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

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

Скачать архив с материалами к уроку

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

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

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

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

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

Шаг 1

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

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

Шаг 2

Далее, кликните дважды по слою левой кнопкой мыши, чтобы применить Стиль Слоя (Layer Style). Установите уровень заливки (Fill Opacity) на 0, чтобы сделать нашу каплю прозрачной.

Шаг 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

Далее, применим Внутреннюю тень (Inner Shadow) — это добавит немного объема нашей капле

  • Настройте Угол (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

Далее, применяем Внешнее свечение (Outer Glow) — это позволит нам сымитировать свет вокруг нашей капли, это довольно-таки полезная вещь, в случае, когда мы имеем темный фон.

  • Установите Режим наложения (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

Далее, идем в Фильтр — Пластика (Filter > Liquify), либо же просто нажимаем Control-Shift-X, и с помощью инструмента Вздутие (Bloat Tool (B)) делаем нужную нам часть больше.

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

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

Далее, идите в Фильтр — Галерея фильтров — Имитация — Сухая кисть (Filter > Filter Gallery > Artistic > Dry Brush)

Если получившиеся точки кажутся слишком слабыми, попробуйте откорректировать их с помощью редактора Уровни (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

Далее, сделаем наши лужи тоже немного темнее. Для этого можно использовать редактор Кривые (Control-M).

Шаг 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

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

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

Далее, инвертируйте цвета, нажав (Control-I), затем идем в Редактирование — Определить кисть (Edit > Define Brush Preset).

Измените настройки кисточки, как показано ниже, вызвав диалоговое окно через (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).

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

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

Автор: Monika Zagrobelna

Источник: design.tutsplus.com

Рисуем в Фотошоп все формы жидкой воды / Creativo.one

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

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

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

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

Скачать архив с материалами к уроку

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

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

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

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

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

Шаг 1

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

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

Шаг 2

Далее, кликните дважды по слою левой кнопкой мыши, чтобы применить Стиль Слоя (Layer Style). Установите уровень заливки (Fill Opacity) на 0, чтобы сделать нашу каплю прозрачной.

Шаг 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

Далее, применим Внутреннюю тень (Inner Shadow) — это добавит немного объема нашей капле

  • Настройте Угол (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

Далее, применяем Внешнее свечение (Outer Glow) — это позволит нам сымитировать свет вокруг нашей капли, это довольно-таки полезная вещь, в случае, когда мы имеем темный фон.

  • Установите Режим наложения (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

Далее, идем в Фильтр — Пластика (Filter > Liquify), либо же просто нажимаем Control-Shift-X, и с помощью инструмента Вздутие (Bloat Tool (B)) делаем нужную нам часть больше.

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

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

Далее, идите в Фильтр — Галерея фильтров — Имитация — Сухая кисть (Filter > Filter Gallery > Artistic > Dry Brush)

Если получившиеся точки кажутся слишком слабыми, попробуйте откорректировать их с помощью редактора Уровни (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

Далее, сделаем наши лужи тоже немного темнее. Для этого можно использовать редактор Кривые (Control-M).

Шаг 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

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

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

Далее, инвертируйте цвета, нажав (Control-I), затем идем в Редактирование — Определить кисть (Edit > Define Brush Preset).

Измените настройки кисточки, как показано ниже, вызвав диалоговое окно через (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).

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

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

Автор: Monika Zagrobelna

Источник: design.tutsplus.com

Создаём водную рябь и круги на воде

По умолчанию, этот инструмент находится за «Прямоугольной областью» (Rectangular Marquee Tool), поэтому по нему следует кликнуть правой клавишей мыши (либо левой нажать и удерживать пару секунд), после чего выпадет меню, где мы и выберем нужную нам «Овальную область».

С помощью «Овальная области» создайте выделение в той области картинки, где вы хотите, чтобы там появилась рябь. Постарайтесь, чтобы форма круга соответствовала перспективе:

После создания выделения, нажмите два раза комбинацию клавиш Ctrl+J, чтобы сделать две копии этй выделенной области. При этом каждая копия будет создана на отдельном слое, а верхний слой будет активным (подсвечен синим цветом):

Шаг 4: Включите верхний слой временно
В данный момент нам необходимо скрыть верхний слой, поэтому нажмите на значок видимости слоя (глаз) с левого слоя в панели слоёв, это действие временно скроет слой из поля зрения в окне документа:

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

Теперь создадим выделение вокруг этого слоя. Зажмите и удерживайте нажатой клавишу Ctrl и нажмите на саму миниатюру слоя. При этом курсор примет характерную форму руки с рамкой на ней:

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

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

Шаг 2: Применяем фильтр «Зигзаг» (ZigZag)

В программе Photoshop, в стартовом комплекте, имеется фильтр, созданный специально для создания воды ряби на изображении, но, если искать только по названиям фильтров, то найти его будет затруднительно. Тот, который нам нужен, называется не «Рябь» (Ripple) или «Волна» (Ocean Ripple). Он называется «Зигзаг» (ZigZag) (да-да, именно так, «Зигзаг»). Пройдите по вкладке главного меню Фильтр —> Искажение —> Зигзаг (Filter —> Distort —> ZigZag). Кстати, в англоязычной версии фильтр ZigZag находится в нижней части списка:

Как теперь Вы можете убедится, фильтр «Зигзаг» работает, искажая овал в форме круговой ряби.
В самой нижней части диалогового окна фильтра имеется выбор вариантов, с помощью которых можно выбрать стиль искажения. Там есть три варианта — «Вокруг центра» (Around Center) , «От центра» (Out From Center) и «Круги на воде» (Pond Ripples), он выбран по умолчанию. Каждый из них дает нам несколько иной эффект водной ряби, и один, как правило, предоставляет лучшие результаты, чем два других, в зависимости от области изображения. Попробуйте применить каждый из них, о результатах можно судить в окне предварительного просмотра в верхней левой части диалогового окна фильтра. В этот раз я использую стиль «Вокруг центра» (Around Center), но для Вас может лучше подойти другой стиль.

Ползунок «Количество» (Amount) регулирует высоту волн, а количество хребты волн изменяет ползунок «Складки» (Ridges). При подборе высоты и интенсивности ряби контролируйте этот процесс в окне предварительного просмотра диалогового окна фильтра (эффект не будет применён к изображению, пока вы не нажмете ОК). Мы собираемся применить фильтр Зигзаг дважды, по одному разу на каждом из двух созданных слоёв. Для создания начального волнового эффекта добавьте много небольших хребтов. Они будут расположены по периферии овала. Я задам следующие параметры: «Складки» (Ridges) — 12 , и «Количество» (Amount) около 30. У Вас эти значения могут сильно отличаться:

После того, как Вы подберёте нужные параметры, нажмите ОК для применения эффекта и выхода из диалогового окна. У Вас должно получиться примерно следующее:

Как создать эффект отражения в воде с помощью Photoshop

Т.к. мы будем добавлять изображение с отражением, ему потребуется дополнительное место, для этого в два раза увеличим холст изображения по вертикали. Идём по вкладке главного меню Изображение —> Размер холста (Image —> Canvas Size), переключаем единицы измерения на проценты, изменяем значение высоты на 200%, с помощью стрелок перемещаем переключатель расположения в положение показанное на рисунке и нажимаем ОК:

Развернём по вертикали на 180° наш верхний слой, для этого идём по вкладке Редактирование —> Трансформация —> Отразить по вертикали (Edit —> Transform —> Flip Vertical), после чего инструментом «Перемещение» (Move Tool) перетаскиваем слой вниз:

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

Заливаем его белым. Для этого задаём в цветовой палитре цвета по умолчанию и нажимаем клавиши Ctrl+Delete для заливки слоя фоновым цветом, в нашем случае, белым.

А теперь займёмся подготовкой Карты смещения.
Для начала идём в Фильтр —> Галерея фильтров (Filter —> Gallery), где выбираем Эскиз —> Полутоновый узор (Sketch —> Halftone Pattern).
В версиях ниже CS6 этот путь немного другой: Фильтр —> Эскиз —> Полутоновый узор или Filter —> Sketch —> Halftone Pattern.

Задаём следующие параметры узора, но параметр «Размер» (Size) следует корректировать в зависимости от размера изображения

  • Размер (Size)- 7
  • Контрастность (Contrast) — 50
  • Тип узора (Pattern Typpe) — Линия (Line)

В результате на новом слое получится вот такая матроска (или зебра):

Прежде чем мы сможем использовать наши черные и белые линии как водную рябь, мы должны их сгладить и создать равномерные, плавные переходы между ними. Для этого воспользуемся размытием по Гауссу. Перейдите по вкладке Фильтр —> Размытие —> Размытие по Гауссу (Filter —> Blur —> Gaussian Blur). Смотрите на окно рабочего документа и увеличивайте значение радиуса в диалоговом окне фильтра пока переходы между линиями не станут плавными. В этом примере я использую маленькое изображение, поэтому мне подходит значение 4, но чем выше разрешение изображения, тем значение будет больше:

Теперь необходимо создать создать новый документ из нашего слоя с линиями, этот документ мы будем использовать как карту смещения для ряби воды. На данный момент у нас активен слой с линиями. Откройте вкладку главного меню «Слой» (Layer) и выберите пункт «Дубликат слоя» (Duplicate Layer), после чего откроется диалоговое окно. В окне, в разделе Назначение» (Destination), нажмите на стрелку вниз справа от опции «Документ» и выберите «Новый» (New), с этой опцией из слоя будет создан новый документ PSD:

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

Этот вновь созданный документ будет нашей картой смещения, но, прежде чем мы сможем его использовать, мы должны его сохранить. После сохранения нужно его закрыть, т.к. в открытом виде он нам больше не понадобится. При попытке его закрыть, Photoshop выдаст обычное диалоговое окно, где нажмите кнопку «Да»:

Теперь слой с полосками следует удалить из основного документа, он нам больше не нужен:

Нажмите комбинацию клавиш Shift+Ctrl+Alt+E для того, чтобы два имеющихся в панели слоя слились в новом слое:

Применение фильтра Карты смещения (Displacement Maps)

Пройдите по вкладке главного меню Фильтр —> Искажение —> Смещение (Filter —> Distort —> Displace), откроется диалоговое окно, где задайте следующие параметры:

Масштаб по горизонтали (Horizontal Scale) — 4
Масштаб по вертикали (Vertical Scale) 0
Растянуть (Stretch To Fit) — установить галку
Повторить граничные пиксели (Repeat Edge Pixels) — установить галку

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

Выберите файл, который вы только что сохранили, у меня он называется «Карта Смещения.psd», и затем нажмите кнопку Открыть. Photoshop применит карту ко всему изображению, создавая имитацию ряби воды:

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

Во-первых, зажимаем клавишу Ctrl и кликаем непосредственно на для слоя над фоновым в панели слоёв:

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

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

Теперь, думаю, следует размыть разделительную линию между нижней и верхней половиной в маске. Для этого (а сейчас у нас активна маска, в панели слоёв вокруг неё имеется белая рамка, если рамки нет, то кликните по миниатюре маски) примените фильтр «Размытие по Гауссу» со значением радиуса 4.

И давайте сделаем хотя бы намёк на цвет отражения. Создайте корректирующий слой «Цветовой тон/Насыщенность» (Hue/Saturation), примените к нему обтравочную маску, чтобы он применялся только к верхнему слою, поставьте галку у пункта «Тонирование» (Colorize), сдвиньте ползунок «Цветовой тон» (Hue) на значение примерно 218 и задайте значение непрозрачности около 25% :

Ну вот, в принципе и всё, смотрим на готовое изображение:

Как сделать отражения воды в Photoshop CC CS6

Узнайте, как создать эффект отражения воды в Photoshop с реалистичной водной рябью. Пошаговое руководство для Photoshop CC и CS6.

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

Оттуда мы создадим карту смещения , специальный тип документа в Фотошопе, который мы можем использовать для изгибания, деформации и изменения формы нашего изображения. И, наконец, мы возьмем нашу карту смещения и применим ее к отражению воды, чтобы создать реалистично выглядящие волны и рябь! Мы даже добавим тень вдоль береговой линии, чтобы она выглядела так, будто она спускается в воду. Есть много шагов, но, как всегда, я проведу вас через каждый, чтобы вы могли легко следовать, даже если вы новичок.

Я буду использовать Photoshop CC, но это руководство полностью совместимо с Photoshop CS6. Вот пример того, как будет выглядеть эффект отражения воды, когда мы закончим. В конце я покажу вам, как поэкспериментировать с эффектом, чтобы получить наилучшие результаты с вашим изображением:

Конечный результат.

Давайте начнем!

Как создать отражение воды в фотошопе

Шаг 1: Откройте ваше изображение

Откройте изображение, где вы хотите добавить свое отражение воды. Вот изображение, которое я буду использовать (

Шаг 8: перетащи слой «Отражение» ниже слоя «Фото»

На панели «Слои» щелкните слой «Отражение» и перетащите его вниз под слой «Фото». Когда под слоем «Фото» появится белая горизонтальная полоса, отпустите кнопку мыши, чтобы поместить слой «Отражение» на место:

Перетащите слой «Отражение» под слой «Фото».

Шаг 9: добавь размытие в отражении

Добавьте размытие движения к отражению воды, используя фильтр Motion Blur в Photoshop. С выделенным слоем «Отражение» перейдите в меню « Фильтр» в строке меню, выберите « Размытие» , а затем выберите « Размытие в движении» :

Собираюсь Filter> Blur> Motion Blur.

В диалоговом окне «Размытие в движении» установите « Угол наклона» на 90 ° , а затем установите расстояние в диапазоне от 10 до 20 пикселей в зависимости от размера изображения (для изображений большего размера потребуется больше размытия). Я пойду с 20 пикселей. Нажмите OK, чтобы закрыть диалоговое окно:

Добавление размытия движения в отражение воды.

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

Эффект отражения воды после добавления размытия в движении.

На панели «Слои» фильтр «Размытие в движении» отображается как « Умный фильтр» под слоем «Отражение». Если вы хотите изменить степень размытия, дважды щелкните слова «Размытие в движении», чтобы снова открыть диалоговое окно фильтра и отрегулировать значение «Расстояние» при необходимости:

Панель «Слои», на которой отображается смарт-фильтр Motion Blur.

Шаг 10: добавь синий сплошной цвет заливки

Поскольку вода имеет тенденцию выглядеть синей, давайте добавим к отражению голубоватый оттенок. Нажмите на значок « Новый заливочный или корректирующий слой» в нижней части панели «Слои»:

Нажав на значок «Новый слой заливки» или «Корректирующий слой».

Выберите Сплошной цвет в верхней части списка:

Добавление сплошного цвета заливки.

В палитре цветов выберите приглушенный синий, установив значение R на 40 , значение G на 110 и значение B на 185 , а затем нажмите кнопку «ОК», чтобы закрыть палитру цветов:

Выбор синего цвета для воды в палитре цветов.

После добавления заливочного слоя отражение воды в нижней половине документа временно покрывается сплошным синим цветом:

Отражение воды скрыто голубым заливочным слоем.

Шаг 11: перетащите слой заполнения под слой «Отражение»

Причина, по которой он закрашен синим цветом, заключается в том, что Photoshop добавил слой заливки с именем «Цвет заливки 1» между слоями «Фото» и «Отражение». Нажмите на слой заливки и перетащите его вниз под слой «Отражение». Это скроет синий заливочный слой, позволяя отражению воды вновь появиться. Мы вернем синий цвет через минуту:

Перетаскивание слоя заливки под слой «Отражение».

Шаг 12: выберите маску слоя интеллектуального фильтра

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

Нажав на миниатюру маски слоя «Умные фильтры».

Шаг 13: нарисуйте градиент от черного к белому на маске слоя

Выберите инструмент «Градиент» на панели инструментов:

Выбор инструмента Градиент.

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

Выбор градиента от черного к белому.

Находясь на панели параметров, убедитесь, что выбран стиль « Линейный градиент», щелкнув его значок (прямо справа от образца цвета градиента):

Выбор Linear для стиля градиента.

Нажмите внизу документа, чтобы установить начальную точку для градиента. Удерживайте кнопку мыши нажатой и тяните вверх к середине (к верхней части отраженного изображения воды). Удерживайте клавишу Shift при перетаскивании, чтобы упростить перетаскивание вертикально вверх:

Рисование вертикального градиента через отражение воды.

Отпустите кнопку мыши, чтобы завершить градиент. Эффект размытия в движении теперь постепенно исчезает по мере перемещения от верхней части отражения воды к нижней части:

Отражение воды после исчезновения размытия в движении.

Шаг 14: загрузи маску слоя как выделение

Теперь, когда мы прекратили эффект размытия в движении, давайте ослабим само отражение воды, чтобы оно сливалось с нашим синим заливочным слоем. Мы сделаем это, добавив точную копию маски нашего слоя в слой «Отражение». Нажмите и удерживайте клавишу Ctrl (Win) / Command (Mac) на клавиатуре и нажмите на миниатюру слоя со смарт-фильтрами . Это загружает маску слоя как выделение (схема выделения появится в документе):

Удерживая Ctrl (Win) / Command (Mac) и нажимая миниатюру маски слоя.

Шаг 15: добавь маску слоя к слою «Отражение»

Убедитесь, что выбран слой «Отражение», а затем щелкните значок « Добавить маску слоя» в нижней части панели «Слои»:

Нажав значок «Добавить маску слоя».

Photoshop преобразует контур выделения в новую маску слоя, давая нам идентичную маску с тем же градиентом от черного к белому на слое «Отражение»:

Маска слоя «Отражение» показывает тот же градиент, что и маска «Умные фильтры».

С добавленной маской слоя отражение воды теперь постепенно исчезает сверху вниз до синего цвета из нашего слоя заливки сплошным цветом:

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

Шаг 16: понизь интенсивность синего

Если синий выглядит слишком сильным, вы можете потушить его на панели свойств Photoshop . Убедитесь, что на слое «Отражение» выбран эскиз маски слоя. Затем на панели «Свойства» уменьшите значение плотности , перетащив ползунок влево. Чем больше вы его опускаете, тем сильнее исчезает синий цвет. Я опущу шахту до 50%:

Понижение Плотности маски слоя, чтобы исчезнуть синий цвет.

А теперь синий цвет в воде стал более тонким:

Цвет воды теперь выглядит более естественным.

Шаг 17: объединить «отражение» и заполнить слой в смарт-объект

Нам нужно объединить слой «Отражение» и слой заливки под ним в один смарт-объект. Выбрав слой «Отражение», нажмите и удерживайте клавишу Shift и нажмите на слой заливки. Это выбирает оба слоя одновременно:

Выберите «Отражение» и заполните слои на панели «Слои».

Нажмите значок меню в правом верхнем углу панели «Слои»:

Снова нажмите на значок меню панели «Слои».

Выберите Преобразовать в смарт-объект :

Выбрав «Преобразовать в смарт-объект».

Оба слоя теперь отображаются на панели «Слои» как один смарт-объект с именем «Отражение»:

Два слоя были объединены в один смарт-объект.

Шаг 18: создай новый документ такого же размера

Чтобы отражение было больше похоже на воду, мы добавим к нему рябь, используя карту смещения. Карта смещения должна быть отдельным документом Photoshop, и она должна быть того же размера, что и наш текущий документ . Убедитесь, что на панели «Слои» выбран смарт-объект «Отражение», а затем перейдите в меню « Выбор» и выберите « Все» . Это размещает контур выделения вокруг всего изображения:

Собираюсь Выбрать> Все.

Перейдите в меню « Правка» и выберите « Копировать», чтобы скопировать изображение в буфер обмена:

Собираюсь Правка> Копировать.

Чтобы создать новый документ, перейдите в меню « Файл» и выберите « Новый» :

Идем в Файл> Новый.

Откроется диалоговое окно « Новый документ ». Поскольку мы скопировали наше изображение в буфер обмена, Photoshop автоматически устанавливает для ширины , высоты и разрешения нового документа те же значения, что и для исходного документа. Нажмите «Создать» (Photoshop CC) или «ОК» (CS6), чтобы создать документ:

Photoshop соответствует ширине, высоте и разрешению основного документа.

Шаг 19: добавь шум

Первое, что мы сделаем с нашей картой смещения, это добавим немного шума. В новом документе перейдите в меню « Фильтр» , выберите « Шум» , а затем выберите « Добавить шум» :

Идем в Фильтр> Шум> Добавить шум.

В диалоговом окне Add Noise, установите Amount на 400% , а затем выберите Gaussian и Monochromatic в нижней части. Нажмите кнопку ОК, чтобы закрыть диалоговое окно. Фотошоп заполняет документ шумом (маленькие чёрно-белые точки):

Настройки фильтра «Добавить шум».

Шаг 20: добавь размытие, чтобы смягчить шум

Смягчите шум, используя фильтр Gaussian Blur. Перейдите в меню Filter , выберите Blur , а затем выберите Gaussian Blur :

Идем в Filter> Blur> Gaussian Blur.

В диалоговом окне Размытие по Гауссу установите значение радиуса 2 пикселя и нажмите кнопку «ОК»:

Смягчение шума с помощью Gaussian Blur.

Шаг 21: нанесите «тиснение» на красный канал

Откройте панель « Каналы », щелкнув ее вкладку рядом с панелью «Слои»:

Переключение с панели «Слои» на панель «Каналы».

Нажмите на красный канал, чтобы выбрать его:

Выбор красного канала.

Перейдите в меню Filter , выберите Stylize , а затем выберите Emboss :

Собираюсь Filter> Stylize> Emboss.

В диалоговом окне «Тиснение» установите угол на 90 ° , высоту на 1 пиксель и сумму на 500% . Нажмите ОК:

Настройки фильтра Emboss для Красного канала.

Шаг 22: нанеси «тиснение» на зеленый канал

Нажмите на зеленый канал, чтобы выбрать его:

Выбор зеленого канала.

Вернитесь в меню Filter , выберите Stylize и еще раз выберите Emboss . Оставьте значение «Высота» равным 1 пикселю, а значение «Сумма» — 500%, но измените угол на 180 ° . Нажмите ОК:

Изменение угла на 180 ° для канала Грина.

Шаг 23: выбери канал RGB и заново открой панель слоев

Нажмите на канал RGB вверху, чтобы выбрать его. Это снова включает все три цветовых канала (красный, зеленый и синий):

Выбор канала RGB.

Затем переключитесь обратно на панель «Слои », щелкнув ее вкладку:

Повторное открытие панели слоев.

Шаг 24: разблокируйте фоновый слой

Нам нужно разблокировать фоновый слой, чтобы мы могли изменить его. В Photoshop CC просто нажмите на значок замка . В Photoshop CS6 нажмите и удерживайте нажатой клавишу Alt (Победа) / Option (Mac) и дважды щелкните на фоновом слое. Это переименовывает слой в «Слой 0», и значок замка исчезает:

Разблокировка фонового слоя.

Шаг 25: уменьши масштаб документа

Через мгновение мы собираемся изменить изображение, но для этого нам понадобится много места. Нажмите и удерживайте клавишу Ctrl (Win) / Command (Mac) на клавиатуре и нажимайте клавишу минус ( ), чтобы несколько раз увеличить масштаб документа, пока изображение не станет очень маленьким в центре:

Уменьшить масштаб документа, прежде чем изменить его размер.

Шаг 26: трансформируй перспективу изображения

Перейдите в меню « Правка» , выберите « Преобразование» , а затем выберите « Перспектива» :

Собираемся Правка> Преобразовать> Перспектива.

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

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

Конкретного значения использовать не нужно, но если мы посмотрим на мою панель параметров, то увидим, что я перетащил значение ширины ( W ) примерно до 3000% . Нажмите Enter (Win) / Return (Mac) на клавиатуре, чтобы принять преобразование:

Значение ширины (W) после перетаскивания ручки.

Шаг 27: увеличьте масштаб документа

Чтобы снова увеличить изображение, снова нажмите и удерживайте клавишу Ctrl (Win) / Command (Mac) на клавиатуре и на этот раз несколько раз нажмите знак плюс ( + ). На этом более близком изображении мы видим эффект перспективы, который мы создали, и изображение очень похоже на водную рябь, постепенно удаляющуюся вдаль:

Водная рябь приобретает форму.

Шаг 28: обрежь изображение

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

Собираюсь Выбрать> Все.

Подойдите к меню Image и выберите Crop . Похоже, ничего не произошло, но все скрытые области по бокам теперь обрезаны:

Идем в Image> Crop.

Чтобы удалить контур выделения, вернитесь в меню « Выбор» и выберите « Отменить выбор» :

Собираюсь Выбрать> Отменить выбор.

Похожие страницы: Как обрезать изображения в Photoshop CC

Шаг 29: масштабируй высоту изображения

Наконец, поскольку карта смещения должна влиять только на отражение воды в нижней половине документа, давайте масштабируем высоту изображения. Это также усилит эффект перспективы еще больше. Поднимитесь в меню Edit и выберите Free Transform :

Собираемся Правка> Свободное Преобразование.

Нажмите на верхнюю ручку и перетащите ее вниз в центр документа. Как только вы приблизитесь к центру, он должен встать на место. Нажмите Enter (Win) / Return (Mac) на клавиатуре, чтобы принять его:

Перетаскивая верхнюю ручку трансформации в центр.

Шаг 30: сохраняем карту смещения в виде файла PSD в Photoshop

Мы создали карту смещения и готовы ее сохранить. Перейдите в меню « Файл» и выберите « Сохранить как» :

Идем в Файл> Сохранить как.

В диалоговом окне «Сохранить как» назовите файл «карта смещения» и сохраните его на рабочем столе или в другом месте, где его легко найти. Убедитесь, что для параметра « Формат» установлено значение « Фотошоп», чтобы файл был сохранен как файл .PSD , а затем нажмите « Сохранить» . Если Photoshop спросит, хотите ли вы включить функцию максимальной совместимости для файла, нажмите кнопку «ОК».

Наименование и сохранение карты смещения в виде файла Photoshop .PSD.

Шаг 31: Переключитесь на ваш основной документ

Вернитесь к своему отражающему воду документу, нажав на его вкладку:

Переключение с карты смещения на документ отражения воды.

Если вы все еще видите контур выделения вокруг изображения с момента, когда мы его скопировали, перейдите в меню « Выбор» и выберите « Отменить выбор» :

Собираюсь Выбрать> Отменить выбор.

Шаг 32: примени фильтр смещения

Примените карту смещения к отражению воды. С выделенным смарт-объектом «Отражение» на панели «Слои» перейдите в меню « Фильтр» , выберите « Искажение» и затем выберите « Смещение» :

Собираюсь Filter> Distort> Displace.

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

В моем случае я установлю для горизонтальной шкалы значение 10, а для вертикальной шкалы — 80. Оставьте для карты смещения значение « Растянуть по размеру», а для неопределенных областей — « Повторить крайние пиксели» , а затем нажмите «ОК».

Диалоговое окно «Смещение».

Выберите карту смещения, из которой вы ее сохранили, и нажмите «Открыть»:

Выбор карты смещения.

Фотошоп применяет карту смещения к отражению воды, и с этим изображением выбранные настройки создают приятный, тонкий эффект ряби:

Отражение воды с приложенной картой смещения.

Шаг 33: Экспериментируйте с настройками смещения

На панели «Слои» фильтр «Смещение» отображается как смарт-фильтр под смарт-объектом «Отражение». Чтобы попробовать разные значения горизонтальной и вертикальной шкалы, дважды щелкните слово «Смещение», чтобы снова открыть диалоговое окно:

Дважды щелкните «Сместить», чтобы снова открыть смарт-фильтр.

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

Экспериментируя с настройками Displace.

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

Различные настройки Displace дают разные результаты.

Шаг 34: растяни смарт-объект «Отражение» вверх

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

Фильтр Displace создал артефакты вдоль верхней части отражения воды.

Чтобы очистить их, убедитесь, что на панели «Слои» выбран смарт-объект «Отражение», а затем перейдите в меню « Правка» и выберите « Свободное преобразование» :

Собираемся Правка> Свободное Преобразование.

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

Нажмите кнопку ОК, чтобы принять сообщение.

Нажмите на верхнюю ручку и потяните ее немного вверх, чтобы растянуть изображение отражения воды, пока синие артефакты не будут скрыты за основным изображением. Нажмите Enter (Win) / Return (Mac) на клавиатуре, когда закончите:

Растяжение отраженного изображения, чтобы скрыть артефакты за основной фотографией.

Шаг 35: обрежь изображение

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

Выбор инструмента обрезки.

Photoshop помещает рамку обрезки вокруг изображения. Нажмите на нижнюю ручку и перетащите ее вверх, чтобы обрезать нижнюю часть отражения. Нажмите Enter (Win) / Return (Mac), когда вы закончите, чтобы обрезать изображение:

Обрезка воды по дну.

Шаг 36: добавь тень вдоль береговой линии

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

Выбор слоя «Фото».

Добавьте новый слой над ним, щелкнув значок « Новый слой» :

Нажав на иконку «Новый слой».

Выберите инструмент Rectangular Marquee Tool на панели инструментов:

Выбор Прямоугольного Marquee Tool.

Вытяните прямоугольную область вокруг береговой линии:

Рисование выделения, которое простирается выше и ниже береговой линии.

Заполните выделение черным, зайдя в меню « Правка» и выбрав « Заполнить» :

Собираюсь Правка> Заполнить.

В диалоговом окне «Заливка» установите « Содержимое» на « Черный» и нажмите кнопку «ОК»:

Установите для параметра Содержание значение Черный.

Выбор теперь заполнен черным:

Выбор после заполнения его черным.

Удалите схему выделения, зайдя в меню « Выбор» и выбрав « Отменить выбор» :

Собираюсь Выбрать> Отменить выбор.

Soften the edges by going up to the Filter menu, choosing Blur, and then choosing Gaussian Blur:

Going to Filter > Blur > Gaussian Blur.

In the Gaussian Blur dialog box, drag the Radius slider towards the right until the edges appear nice and soft. For a larger image, a value of between 30-40 pixels works well. For smaller images, try 15-20 pixels. Click OK to close the dialog box:

Dragging the Radius slider to soften the edges.

Here’s the result after softening the edges:

The black area looks more like a shadow after softening the edges.

Finally, lower the opacity of the shadow to blend it in with the image. The Opacity option is found in the upper right of the Layers panel. I’ll lower mine down to 50%:

Lowering the layer opacity to fade the shadow into the image.

And with that, we’re done! Here, after fading the shadow into the shoreline, is my final water reflection effect:

The final water reflection effect.

And there we have it! That’s how to add a realistic water reflection to an image with Photoshop! To take the effect even further, try adding rain to your image and then adding a rainbow! Visit our Photo Effects section for more Photoshop effects tutorials!

Создание текстуры воды в Photoshop Учебник по Photoshop

www.psd-dude.com

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

Твитнуть

Учебное пособие по Photoshop «Реалистичная текстура воды»

Как создать текстуру водной поверхности в Photoshop

Создайте новый документ 1500 пикселей / 1000 пикселей.Назовите первый слой Water Surface . Залейте его белым цветом. Убедитесь, что Foreground Color белый, а Background Color установлен на черный. Преобразуйте этот слой в смарт-объект (щелкните правой кнопкой мыши и выберите Преобразовать в смарт-объект ). Перейдите к Filter > Noise и выберите фильтр Add Noise .

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

Перейдите к Filter > Blur и выберите фильтр Gaussian Blur .

Теперь нам нужно создать вариацию текстуры поверхности воды. Вы знаете, как волны на воде, создаваемые ветром на поверхности воды.

Перейдите к фильтру Filter > Sketch и выберите фильтр Chalk and Charcoal , чтобы создать такой абстрактный эффект.

Снова добавьте смарт-фильтр Gaussian Blur с этими настройками.

Текстуре воды в Photoshop нужна рябь

Чтобы завершить текстуры водной ряби в Photoshop, вам нужно перейти в меню Filter > Sketch и выбрать Bas Relief .

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

Пора добавить еще один эффект фильтра.Перейдите в Filter > Blur и выберите фильтр motion Blur .

И снова результат резковат. Добавьте еще один эффект Gaussian Blur .

Это действительно начинает выглядеть как потрясающая текстура воды. Но он черно-белый, поэтому нам нужно добавить цвет. Мы сделаем текстуру воды синей, добавив Photoshop Gradient Map .

Добавить текстуру воды в Photoshop Градиентная карта

Теперь добавьте Gradient Map с помощью кнопки Create a new fill or Adjustment Layer на вкладке слоев.

Вот цвета для создания текстуры голубой воды в Photoshop Gradient Map : # 18548b и # 5394b9

Как сделать текстуру воды реалистичной

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

Как мы это делаем?

Что ж, если вы посмотрите вдаль на водоем, вы увидите, что волны на поверхности воды имеют некоторые изюминки — свет, отраженный от солнца.Давайте посмотрим, как мы можем добавить эти блики к нашей текстуре воды в Photoshop.

Создайте новый слой и назовите его, например, Water Texture . Залейте слой белым цветом и преобразуйте его в смарт-объект. Мы добавим аналогичные смарт-фильтры , так что давайте сделаем это быстро. Используйте фильтр Добавить шум .

Добавить Фильтр > Эскиз > Полутоновый узор .

Чтобы создать блики с рябью текстуры воды, добавьте Filter > Sketch > Bas Relief .

Затем добавьте Filter > Blur > Motion Blur , чтобы смягчить блики и отражения от водной ряби.

Добавьте Фильтр > Размытие > Размытие по Гауссу , чтобы сделать рябь на воде длиннее по горизонтали.

Установите режим наложения слоя Water Texture на Soft Light , так как это подчеркнет блики и отражения водных волн.

Добавьте корректирующий слой Яркость / Контраст только для слоя Water Texture , используя обтравочную маску.Щелкните настройку правой кнопкой мыши и выберите Create Clipping Mask .

Поскольку мы создали текстуру воды с использованием карты синего градиента, результат имеет холодный цвет. Мы можем немного согреть цвет текстуры воды, добавив корректировку от темного к желтому (ish) Gradient Fill с этими цветовыми тонами: # 070605 и # fbf4cd .

Установите режим наложения этого градиента на Soft Light , непрозрачность 50%.

Измените текстуру воды с помощью перспективы Photoshop

Давайте настроим перспективу для нашей текстуры воды в Photoshop.Для последних штрихов перспективы выберите слой Water Surface и слой Water Texture и перейдите в Edit > Transform > Perspective .

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

Предыдущий пост

Эмоциональное кладбище с привидениями Учебное пособие по манипуляциям с фотошопом

Следующее сообщение

Сюрреалистический калейдоскоп Портрет Photoshop Учебник

Красивый эффект воды в Photoshop

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

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

Шаг 1

Откройте Photoshop и создайте новый документ. Я использую 2880×1800 пикселей. После этого залейте фоновый слой черным.

Шаг 2

Нам понадобится хорошее фото воды и ряби или волн.Тот, который я использую, любезно предоставлен Shutterstock под названием «Изображение красивого водного фона» Маркуса Ганна. После этого измените непрозрачность этого слоя до 60%.

Шаг 3

Перейдите в Слой > Новый корректирующий слой> Цветовой тон и насыщенность. Измените оттенок на 0, насыщенность на -71 и яркость на 0.

Шаг 4

Перейдите на Слой > Новый корректирующий слой> Уровни. Используйте для входов 0, 0,5 и 255.

Шаг 5

Перейдите в Слой > Новый корректирующий слой> Яркость и контрастность.Используйте 0 для яркости и -35 для контраста.

Шаг 6

Добавьте новый слой поверх всех остальных слоев, включая корректирующие. Залейте этот слой черным и измените режим наложения на Умножение. С помощью инструмента «Кисть » (B) используйте очень мягкую кисть и белый цвет для рисования в центре холста. Идея состоит в том, чтобы создать красивый эффект виньетки. После этого сохраните этот документ с именем Displace.psd.

Шаг 7

Добавьте свой логотип к дизайну.

Шаг 8

Выделив слой с логотипом, перейдите в FIlter> Distort> Displace . Используйте значения ниже. После этого используйте файл Displace.psd, который вы сохранили на шаге 6.

Шаг 9

Это результат, который у вас есть на данный момент. Значения могут различаться в зависимости от изображения, которое вы используете для фильтра «Смещение». Так что попробуйте несколько вариантов, пока не получите результат, который вас устраивает.

Шаг 10

Перейдите в меню Фильтр> Размытие> Размытие по Гауссу .Используйте 3 пикселя для радиуса . Вы также можете применить Tilt-Shift blur после этого, чтобы сделать края размытыми.

Шаг 11

Добавьте маску к символу, а затем с помощью инструмента «Кисть » (B) и очень мягкой кисти с черным цветом начните закрашивать края символа сверху и снизу. Идея состоит в том, чтобы сделать эти части темнее, поскольку они находятся под водой.

Заключение

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

Скачать файл Photoshop

Скачать исходный файл

Photoshop Эффект отражения воды

Автор Стив Паттерсон.

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

Примечание к версии: Это руководство было написано для Photoshop CS5 и более ранних версий. Пользователи Photoshop CC и CS6 захотят ознакомиться с нашим новым руководством по Эффекту отражения от воды.

Вот фотография, с которой я буду работать в этом уроке:

Исходное изображение.

А вот как будет выглядеть наше изображение после добавления отражения от воды:

Окончательный результат.

Этот урок из нашей серии «Фотоэффекты». Давайте начнем!

Загрузите это руководство в виде готового к печати PDF-файла!

Шаг 1. Дублируйте фоновый слой

С нашим изображением, недавно открытым в Photoshop, мы можем видеть в палитре слоев, что в настоящее время у нас есть один слой, фоновый слой, который содержит наше изображение:

Исходное изображение на фоновом слое палитры слоев.

Нам нужно продублировать фоновый слой, и мы можем сделать это с помощью сочетания клавиш Ctrl + J (Win) / Command + J (Mac).Теперь, когда я смотрю в свою палитру слоев, я вижу, что теперь у меня есть два слоя — мой исходный фоновый слой внизу и новый слой «Слой 1» над ним, который является моей копией:

Нажмите «Ctrl + J» (Win) / «Command + J» (Mac), чтобы продублировать фоновый слой.

Шаг 2. Добавьте больше холста в нижнюю часть документа

Мы собираемся добавить отражение в воде под изображением, поэтому давайте добавим немного холста в нижнюю часть документа, чтобы освободить место для нашего отражения.Для этого перейдите в меню Изображение вверху экрана и выберите Размер холста . Это вызовет диалоговое окно Photoshop «Размер холста». Здесь проще всего добавить в два раза больше холста, чем то, что у нас есть в настоящее время, но мы хотим, чтобы он отображался только внизу документа, а не над ним или с обеих сторон, поэтому нам нужно указать Photoshop, где именно мы хотим, чтобы это дополнительное пространство холста исчезло.

Сначала введите 100 для Высота и установите размер процентов , как обведено красным ниже.Оставьте для параметра «Ширина» значение 0. Затем убедитесь, что установлен флажок «Относительный », который сообщает Photoshop, что необходимо предоставить нам на 100% больше места на холсте, чем то, что у нас уже есть. Под опцией «Относительный» находится сетка квадратов 3×3. Здесь мы указываем Photoshop, где мы хотим разместить дополнительное пространство холста. Щелкните внутри квадрата в середине верхнего ряда (опять же, как обведено ниже). Это говорит Photoshop не размещать какое-либо дополнительное пространство холста над документом, а вместо этого размещать все его внизу:

Добавьте больше пространства холста, используя диалоговое окно «Размер холста».

Щелкните OK, чтобы выйти из диалогового окна, и Photoshop добавит дополнительное пространство холста в нижнюю часть изображения:

х

Высота документа теперь увеличена вдвое, а внизу добавлено дополнительное пространство холста.

Шаг 3. Отразите верхний слой по вертикали

Чтобы создать отражение, нам нужно перевернуть изображение вверх ногами, так что давайте сделаем это. Выбрав верхний слой в палитре «Слои», перейдите в меню Edit вверху экрана, выберите Transform , а затем выберите Flip Vertical .Photoshop перевернет изображение в документе вверх ногами:

Перейдите в Edit> Transform> Flip Vertical, чтобы перевернуть изображение на верхнем слое вверх ногами.

Шаг 4. Перетащите перевернутое изображение в нижнюю часть документа

Нам нужно, чтобы перевернутое изображение находилось внизу документа, поэтому возьмите инструмент Move Tool из палитры инструментов или нажмите V на клавиатуре для сочетания клавиш:

Выберите инструмент «Перемещение».

Затем, выбрав инструмент «Перемещение», щелкните внутри документа и перетащите перевернутое изображение вниз, пока его верх не совместится с нижним краем исходного изображения над ним.Удерживая нажатой Shift при перетаскивании, чтобы убедиться, что вы тянете вниз по прямой линии:

Перетащите перевернутое изображение под оригинал.

Шаг 5. Добавьте новый пустой слой

Теперь, когда у нас есть перевернутое изображение, мы можем приступить к созданию эффекта водной ряби. Во-первых, нам нужно добавить новый пустой слой вверху палитры слоев, поэтому, не снимая выделения с «Слой 1», щелкните значок New Layer внизу палитры слоев:

Добавьте в документ новый пустой слой.

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

Мы собираемся заполнить наш новый пустой слой белым цветом. Если белый в настоящее время не является вашим цветом фона, нажмите D на клавиатуре, чтобы сбросить цвета переднего плана и фона в Photoshop, сделав черный цвет передним планом, а белый — цветом фона. Затем используйте сочетание клавиш Ctrl + Backspace (Win) / Command + Delete (Mac), чтобы залить новый слой цветом фона (белым). Ваш документ будет залит сплошным белым цветом.

Теперь все изображение залито белым.

Шаг 7. Примените фильтр «Полутоновый узор» для создания черно-белых горизонтальных линий

Перейдите в меню Фильтр вверху экрана, выберите Эскиз , а затем выберите Полутоновый узор . Это вызывает галерею фильтров Photoshop (в Photoshop CS и более поздних версиях) с настройками фильтра «Полутоновый узор» справа и большим предварительным просмотром эффекта слева. Мы собираемся использовать этот фильтр, чтобы добавить к изображению серию черных и белых горизонтальных линий.Эти линии станут нашей водной рябью. Чем больше линий у нас будет, тем больше будет ряби.

Во-первых, мы хотим убедиться, что создаем линии, а не точки или круги, поэтому установите для параметра Pattern Type значение Lines . Мы контролируем количество линий, регулируя параметр Размер . Более низкие значения дают нам больше линий, поскольку мы уменьшаем размер каждой линии, а более высокие значения дают нам меньше, но более толстых линий. Я собираюсь установить для своего размера значение 7, что, на мой взгляд, лучше всего подходит для моего изображения.Вы можете поэкспериментировать с этим значением самостоятельно. Параметр Contrast ниже определяет, насколько резкими будут края линий. Более низкие значения дают более мягкие линии, более высокие значения белого цвета дают четкие граничные линии. Установите это значение до 50 , чтобы линии были четкими. Мы собираемся смягчить их сами с помощью фильтра Gaussian Blur через мгновение:

Настройте параметры фильтра «Полутоновый узор», чтобы создать серию черных и белых линий на изображении.

Нажмите OK, когда закончите, чтобы выйти из диалогового окна, и Photoshop заполнит изображение сверху вниз черными и белыми линиями:

Изображение заполнено горизонтальными черными и белыми линиями.

Шаг 8. Примените фильтр «Размытие по Гауссу» к линиям

Прежде чем мы сможем использовать наши черные и белые линии в качестве водной ряби, нам нужно сгладить их и создать красивые плавные переходы между ними. Для этого снова перейдите в меню Фильтр , выберите Размытие , а затем выберите Размытие по Гауссу , что вызовет диалоговое окно «Размытие по Гауссу».Следите за своим изображением и перетащите ползунок в нижней части диалогового окна, чтобы увеличить значение Радиус , пока линии не станут очень мягкими. Я использую небольшое изображение для этого урока, поэтому для меня значение радиуса около 4 пикселей работает хорошо. Если вы используете изображение большего размера с высоким разрешением, вам необходимо установить для него более высокое значение:

.

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

Щелкните OK, чтобы выйти из диалогового окна и применить размытие к линиям.

Шаг 9. Дублируйте слой с линиями как новый документ

Мы собираемся создать новый документ из слоя с линиями, который затем будем использовать в качестве карты смещения для нашей водной ряби. Выделив слой с линиями, перейдите в меню Layer в верхней части экрана и выберите Duplicate Layer , что вызовет диалоговое окно «Duplicate Layer». В параметрах «Назначение» щелкните стрелку вниз справа от параметра Документ и установите для него значение Новый , что создаст новый документ Photoshop из нашего слоя:

Установите для параметра «Документ» в диалоговом окне «Дублировать слой» значение «Новый».

Щелкните OK, чтобы выйти из диалогового окна, и ваш слой откроется в новом документе на экране.

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

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

Выберите «Да», когда Photoshop спросит, хотите ли вы сохранить документ перед его закрытием.

Photoshop откроет диалоговое окно Сохранить как . Вы можете назвать свой новый документ как угодно. Я назову свой «водная рябь». Убедитесь, что вы сохранили его как файл Photoshop .PSD, поскольку это единственные файлы, которые Photoshop может использовать в качестве карты смещения.Вы, вероятно, захотите сохранить документ на рабочий стол, так как нам нужно будет снова найти его через мгновение.

Шаг 11. Удалите слой с линиями

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

Щелкните и перетащите слой с линиями («Слой 2») в корзину в нижней части палитры «Слои», чтобы удалить его.

Шаг 12: Объедините два слоя в новый слой

Прежде чем мы сможем добавить использование нашей карты смещения, нам нужно объединить наши два слоя изображения в новый слой над ними. Для этого, выбрав «Слой 1», используйте сочетание клавиш Shift + Ctrl + Alt + E (Win) / Shift + Command + Option + E (Mac). Похоже, что в документе ничего не произошло, но если мы посмотрим на палитру слоев, мы увидим, что оба слоя были объединены в новый слой наверху:

Оба слоя теперь объединены в новый слой «Слой 2».

Шаг 13: Используйте фильтр «Смещение» для создания водной ряби

Мы готовы создать водную рябь, используя только что созданную карту смещения. Выбрав новый объединенный слой в палитре «Слои», вернитесь в меню Filter вверху экрана, выберите Distort и затем выберите Displace .

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

Для создания эффекта нам не нужны вертикальные искажения, поэтому установите для параметра Vertical Scale значение 0 . Также убедитесь, что выбраны Stretch To Fit и Repeat Edge Pixels :

Выберите «Фильтр»> «Искажение»> «Смещение», чтобы открыть диалоговое окно «Смещение».

Щелкните OK в правом верхнем углу диалогового окна, и Photoshop спросит вас, какой файл вы хотите использовать в качестве карты смещения. Выберите файл, который вы только что сохранили, который я сохранил на рабочем столе как «water-ripples.PSD», а затем нажмите «Открыть». Затем Photoshop применит карту смещения ко всему изображению, создав водяную рябь:

Изображение после применения нашей карты смещения с фильтром «Смещение».

Шаг 14: Скройте рябь наверху с помощью маски слоя

Конечно, сейчас у нас есть небольшая проблема.Мы добавили наш эффект водной ряби ко всему изображению, и нам нужно, чтобы он находился только в нижней половине. Мы можем легко это исправить, используя маску слоя. Сначала нажмите , удерживая нажатой клавишу Ctrl, (Win) / , удерживая клавишу Command, щелкните (Mac) прямо на миниатюре «Layer 1» в палитре слоев, чтобы выделить область вокруг перевернутого изображения в нижней части документа:

«Щелкните правой кнопкой мыши» (Win) / «щелкните при нажатой клавише Control» (Mac) прямо на миниатюре слоя 1 в палитре «Слои», чтобы выделить область вокруг перевернутого изображения.

Вы увидите выделение вокруг нижней половины изображения в документе. Теперь, когда объединенный слой все еще выделен, щелкните значок Layer Mask в нижней части палитры слоев:

Щелкните значок «Маска слоя», чтобы добавить маску слоя к объединенному слою в верхней части палитры «Слои».

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

Эффект ряби теперь скрыт в верхней половине изображения после применения маски слоя.

Шаг 15. Примените фильтр «Размытие по Гауссу» к маске слоя

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

Adobe Photoshop Tutorials: Щелкните миниатюру маски слоя в палитре «Слои», чтобы выбрать маску слоя.

Вы можете сказать, что маска слоя теперь выделена белым полем выделения вокруг ее миниатюры. Мы собираемся применить фильтр Gaussian Blur к маске, поэтому вернитесь в меню Filter , снова выберите Blur , а затем выберите Gaussian Blur .Когда появится диалоговое окно, просто нажмите OK, чтобы применить то же значение радиуса, которое мы использовали ранее.

Шаг 16: Раскрасьте воду с помощью корректирующего слоя оттенка / насыщенности

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

Удерживая нажатой клавишу «Alt» (Win) / «Option» (Mac), щелкните значок «Новый корректирующий слой», затем перетащите указатель мыши на «Hue / Saturation», чтобы выбрать его.

Удерживая нажатой клавишу «Alt / Option», Photoshop указывает на необходимость вызова диалогового окна New Layer перед добавлением корректирующего слоя. Выберите параметр Использовать предыдущий слой для создания обтравочной маски , установив флажок слева от него:

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

Этот параметр сообщает Photoshop, что мы хотим, чтобы корректирующий слой влиял только на слой, находящийся непосредственно под ним в палитре слоев, и, поскольку слой под ним является слоем, содержащим нашу водяную рябь, только водяная рябь будет окрашена, что мы и сделали. хотеть.Щелкните OK, чтобы выйти из диалогового окна.

Откроется диалоговое окно «Цветовой тон / насыщенность». Мы хотим раскрасить нашу воду, поэтому первое, что мы хотим здесь сделать, это выбрать опцию Colorize в правом нижнем углу. Затем выберите цвет воды, перетащив ползунок Hue вверху. Я собираюсь перетащить ползунок вправо до значения около 218, что, по моему мнению, является подходящим цветом для моей воды:

Используйте диалоговое окно «Цветовой тон / насыщенность», чтобы раскрасить воду.

Щелкните OK, чтобы выйти из диалогового окна, и вы увидите, что ваша вода на дне теперь раскрашена, но на данный момент цвет слишком сильный.

Шаг 17: Уменьшите непрозрачность слоя оттенка / насыщенности

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

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

После того, как вы снизили непрозрачность корректирующего слоя, чтобы уменьшить интенсивность цвета воды, готово! Вот мой окончательный результат «водного отражения»:

Окончательный эффект.

Ради удовольствия, вот еще один пример того же эффекта, примененного к другому изображению. Единственное, что я здесь изменил, так это то, что я добавил только половину пространства холста под исходным изображением (я установил значение «Высота» в диалоговом окне «Размер холста» на 50% вместо 100%). Все остальное было сделано точно так же:

Еще один пример изображения, использующего тот же эффект.

И вот оно! Вот как с помощью Photoshop добавить к изображению эффект отражения от воды! Посетите наш раздел «Фотоэффекты», чтобы получить больше уроков по эффектам Photoshop!

25 уроков и кистей Photoshop с эффектом воды

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

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

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

Учебники

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

Дождь, Дождь, Уходи

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

Создание плаката фильма о войне

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

Урок «Дождь»

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

Дождь

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

Фотомонтаж с эффектом воды

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

Воздействие воды на изделия

Создайте потрясающую рекламу, где на ваш объект обрушиваются брызги воды! Проверить это!

Создайте красивую сцену под водой

Создайте волшебный подводный мир.Подробно и хорошо объяснено.

Создание воды из крана

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

Рябь на воде

Узнайте, как легко создать водную рябь: примерно за 10 шагов вы создадите рябь на воде!

Вытеснение воды

Создайте реалистичную водную поверхность, которая отражает окружающую среду и придает поверхности ощущение жидкости.

Создание гладких шелковистых водопадов

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

Реалистичный водный текст в Cinema 4D и Photoshop

Любите типографику? Что ж, превратите свой текст в реалистичный и даже художественный дизайн воды!

Дождливый день

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

Капли воды

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

Листовая капля

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

Кисти для воды

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

Кисть Анараша

кистей Photoshop с реалистичными эффектами воды, стоит держать их в качестве ресурса!

Кисти с эффектом воды

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

Брызги воды

«Водяные щетки для охлаждения».

Брызги воды

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

Вода — Том 1

Предварительный просмотр ниже фактически сделан с использованием этого набора кистей и пользовательских цветов, так что вы, вероятно, стали свидетелями возможности этого набора кистей!

Кисти для воды

Набор кистей Photoshop и GIMP, состоящих из воды различной формы для различных настроек освещения.

Кисти Water II

Второй набор водных кистей Obsidian Dawn включает больше водных форм со средним размером 2000 пикселей, что говорит о высоком разрешении!

Капли воды

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

Кисти от дождя

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

Кисти Rain — Tear Drop Brush

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

Водопад

Вам когда-нибудь нужны кисти с водопадом? Что ж, вот тебе пачка.

Отражение в воде

Кисти, сделанные по картине автора, будут большим подспорьем при правильном использовании, как и другие наборы.

Как создать водяные брызги в Photoshop

В этом уроке Photoshop вы узнаете, как сделать эти захватывающие водяные брызги и добавить их к фотографиям, чтобы они действительно выделялись! Спойлер, это намного проще сделать, как вы думаете, посмотрите видео и убедитесь сами, а затем поделитесь своими эффектами брызг воды с остальными на странице CAFE в Facebook (присоединяйтесь — это безопасно и бесплатно).

Мы проводим конкурс на лучшие изображения брызг воды на нашей странице CAFE в Facebook (присоединяйтесь — это безопасно и бесплатно). Вход бесплатный, и вы можете выиграть бесплатное учебное пособие по PhotoshopCAFE премиум-класса.

Некоторое время назад мне посчастливилось разместить одну из моих фотографий на обложке журнала Photoshop User Magazine. (для обложки я написал).

Это была фотография модели Лланы, которую я сделал в своей студии.

Затем я добавил брызги воды и 3D-эффект для учебника, который я написал в журнале.

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

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

Станьте автором Adobe Stock: https: // adobe.ly / 2qdDFRH
10 бесплатных изображений из Adobe Stock https://adobe.ly/2pnpTe4

Шаг 1: подготовьте изображение

Я объединил танцора с фоном (Как объединить человека с фоном)

Затем мы действительно делаем его всплеском с помощью водяных брызг (посмотрите видеоурок в верхней части страницы)

Шаг 2: Создайте брызги

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

a: Откройте изображение, которое содержит брызги, вот стоковая фотография, ссылка на которую приведена выше.

b: выделите область с помощью прямоугольного выделения.

c: (Необязательно) Если изображение недостаточно контрастное, нажмите Cmd / Ctrl + L для уровней. Переместите Черный треугольник вправо.

d: Выберите «Правка»> «Определить кисть»

Выберите инструмент «Кисть» на панели инструментов и выберите новую кисть.Нажмите на свою страницу, чтобы рисовать кистью. Нажатие клавиш [или] изменит размер кисти.

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

Шаг 3: добавление брызг на фото

a. Выберите инструмент «Кисть» (клавиша b)

b. Выберите белый цвет в качестве цвета переднего плана, поэтому мы сделаем белую воду.

г. Выберите кисть Splash для рисования.

г. создайте новый слой для рисования.В данном случае я сделал слой позади изображения танцора.

г. Измените размер кисти [или] клавишами. Установив непрозрачность до 100, я один раз постучал кистью, чтобы создать воду.

г. Не стесняйтесь менять положение, вращать и масштабировать воду. Вот почему он на новом слое.

Здесь я сделал фон черным, чтобы вам было лучше видно воду.

На этот раз я выбрал другую кисть и добавил больше брызг на новый слой.

Чтобы управлять брызгами, выберите новый слой и нажмите другой кистью.Нажмите Ctrl / Cmd + T для свободного преобразования. Перетащите ограничительную рамку, чтобы масштабировать, вращать и растягивать воду в нужное вам положение.

Продолжайте добавлять брызги, все это позади нашего танцора.

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

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

Каждый всплеск находится на отдельном слое. Так выглядит панель слоев.

Вот окончательный результат, в котором я немного изменил цвета с помощью Camera Raw. (настройки lightroom идентичны)

Это тот же процесс, который используется для создания ярких цветных брызг, как вы видите здесь. (для этого я просто выделил слои воды в группу и применил цветной градиент поверх

1. Выделите все слои воды на панели слоев

2.Нажмите Cmd / Ctrl + G, чтобы поместить их в группу, или Layer> Merge Layers (Ctrl / cmd + E), чтобы сделать один слой из всех брызг.

3. Заблокируйте прозрачность на панели слоев

4. Примените цветной градиент и настройте цвета.

Спасибо, что пообщались с нами здесь, в CAFE

Не забудьте комментировать и подписаться на нашу информационную рассылку (она бесплатная)

Colin

Layer Blending Modes.Бесплатная электронная книга Колина Смита
Возьмите бесплатную электронную книгу в формате PDF прямо сейчас. Мы собирались продать это за 9,99 доллара, но решили, что отдадим его вместо этого и посмотрим, что произойдет 🙂

https://photoshopcafe.com/blendmodeebook

text

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

Режимы наложения слоев. Бесплатная электронная книга Колина Смита (Да, действительно бесплатно)

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


Как сделать воду синей в Photoshop

Что я заметил в этих изображениях, так это яркость цвета не только от воды, но и у кромки воды. Кажется, что почти всегда рядом есть желтые и апельсины.И комбинация работает очень хорошо. Я решил найти стандартное изображение, чтобы проверить себя, так как у меня не было бы преимущества использования файла RAW и всех этих дополнительных данных для восстановления. Я выбрал хорошо сбалансированное изображение с множеством интересных объектов под названием «Зеленое озеро с пирсом» Алеся Кривца, как вы можете видеть, я добавил несколько слоев. Позвольте мне рассказать вам об этом процессе.

1. Первое, что я сделал, это продублировал фоновый слой, нажав Ctrl + J на ​​ПК (Cmd + J на ​​Mac).Затем я зашел в меню «Слой» и выбрал «Смарт-объекты»> «Преобразовать в смарт-объект».

2. Создав свой смарт-объект, я добавил фильтры Camera Raw, нажав Ctrl + Shift + A на ПК (Cmd + Shift + A на Mac). В Camera Raw я добавил немного тепла изображению. Это будет слой, который я буду использовать, чтобы получить желтые и апельсиновые тона на краю воды. Я изменил настройки, как показано ниже, на вкладках «Основные» и «Смеситель цветов».
3. В целом цвета были немного насыщенными, поэтому я уменьшил непрозрачность слоя до 59%.Я также не хотел, чтобы цвета менялись так радикально по всему изображению, поэтому я создал маску, чтобы исключить излишнюю теплоту зелени на изображении. Внизу слева находится слой до того, как непрозрачность была уменьшена и маска была применена, маска, которую я использовал, является центральным изображением. Маска была сделана с помощью меню «Выделение» и выбора «Цветовой диапазон», чтобы выбрать зелень (руководство по выбору цветового диапазона ЗДЕСЬ) и часть вручную обработала кистью. Окончательное изображение — после того, как маска была применена. Я решил сохранить немного тепла в небе и на некоторых участках дерева.
4. На этот раз я повторил шаг 1 (выше), чтобы создать слой, нацеленный на воду. На этом новом слое я добавил настройку Selective Color, перейдя в меню Image и выбрав Adjustments> Selective Color.

5. В корректирующий слой «Выборочный цвет» было внесено несколько изменений, как показано ниже. Это было сделано для того, чтобы добавить в воду как можно больше голубого.
6. Как и раньше, мы использовали фильтры Camera Raw, нажав Ctrl + Shift + A на ПК (Cmd + Shift + A на Mac).На этот раз в фильтр Camera Raw было внесено меньше изменений по сравнению с первым слоем. Все, что мне нужно было добиться, это выделить еще больше голубого в воде, вот настройки и изображение после увеличения голубого.
Я также взял на себя эту задачу, используя наш плагин Gradiate, чтобы сделать все цветовые коррекции, это было намного проще, но я хотел ограничить этот урок использованием Photoshop, чтобы сделать воду синей. Надеюсь, вам понравился этот урок и до (слева) и после (справа).
Перед обработкой После обработки
Спасибо за то, что прочитали эту статью Быстрое редактирование в Photoshop, делая воду синей. Возможно, вас заинтересуют статьи, расположенные ниже. Обязательно подпишитесь на нашу рассылку, чтобы получать больше уроков и отличных предложений.
Введите свой адрес электронной почты и присоединитесь к нашему сообществу из более чем 100 000 фотографов, у которых также
подписались на нашу рассылку новостей.

Загрузил БЕСПЛАТНЫЙ курс Photoshop.
Получил нашу БЕСПЛАТНУЮ простую панель для Photoshop.
И получите нашу БЕСПЛАТНУЮ электронную книгу «Основное руководство по маскам яркости».

Предложение скоро заканчивается — получите дополнительную скидку 25% сегодня


Другие способы изменить цвет воды

Если это руководство было слишком продвинутым для вас, есть более простые грубые способы добавить больше цвета и яркости вода точно так же, как в этом уроке Как сделать воду яркой в ​​Photoshop от Jennifer Berube.

Учебников по редактированию воды в фотошопе было не так много, но мне все же удалось найти руководство для «Как сделать красивую голубую воду с помощью инструмента Color Brush Tool» Lightroom.


Как создать эффект идеального отражения воды в Photoshop 2020

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

Загрузить PSD-файлы с учебником бесплатно

Файлы PSD этого учебного пособия можно бесплатно загрузить в магазине PSD Vault.

Что вы будете создавать

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

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

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

Учебные ресурсы

Ветряная мельница — Pixabay

Введение

Вода, она светится и отражает все вокруг себя, а главное прозрачна.

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

Учитывайте масштаб, какой вам нужен, текстуры и какие. Это поверхность океана, реки или небольшой лужи? Текстура меняется по мере приближения к зрителю. На горизонте это еле заметно, на переднем плане видны рябь или волны. Он не может содержать объекты на переднем плане, которые находятся очень далеко от поверхности земли.

Движущаяся вода может не иметь отражения, но направление ряби должно соответствовать движению воды. Вид на воду издали не так уж и прозрачен. Все цвета вокруг него отражаются и смешиваются с ним, иногда с большей насыщенностью и / или контрастом.

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

Вам будет легче воссоздать это в цифровой работе, в зависимости от условий вашей задачи и результата. Главное — передать суть / свойство / материал воды в своей работе и сохранить реалистичность.

Шаг 1

Попробуем применить на практике замечания сверху. Откройте изображение, которое вы хотите применить к отражению, в Photoshop. Перейдите в Файл> Открыть или воспользуйтесь сочетанием клавиш Cmd (Mac) / Ctrl (Win) + O . Если на вашем изображении есть пространство, и оно не нарушает перспективы изображения, выделите эту область.

Используйте инструмент Rectangular Marquee Tool (M) или Polygonal Lasso Tool (L) и сделайте выделение, начиная с того места, где вы хотите определить береговую линию. Дублируйте содержимое выделения на новом слое с помощью Cmd / Ctrl + J или создайте новый слой и используйте Edit> Copy / Paste options .

Есть изображения, на которых нет свободного места для работы, поэтому вам нужно добавить пустое пространство в холст / рабочую область. Возьмите инструмент Crop Tool (C) и перетащите нижнюю границу вниз на нужную величину и примените новые размеры документа.

Шаг 2

Дублируйте фоновый слой ( Cmd / Ctrl + J или Layer> Duplicate layer ) и перетащите его в верхнюю часть панели «Слои». Перейдите в Edit> Transform> Flip Vertical или сделайте то же самое с Free Transform Tool (Cmd / Ctrl + T или Edit> Free Transform> щелкните правой кнопкой мыши> Flip Vertical) . Сделайте обтравочную маску от верхнего слоя с целевым изображением до слоя из выделения ( Cmd / Ctrl + Opt / Alt + G или перейдите к Layer> Create Clipping Mask ).

Шаг 3

С помощью инструмента Move Tool (V) переместитесь вниз по слою, чтобы обе половинки сходились на одной линии или немного больше / меньше. Это зеркальное отражение — где обе части выглядят почти одинаково. Чтобы добиться более правильных результатов с физической, оптической или реалистичной точки зрения, вам нужно поиграть с положением слоя или, точнее, его частей.

Шаг 4

Теперь давайте подготовим текстуру искажения и применим ее к воде.Цифровой аналог, из которого вы можете создавать множество форм и поведения воды — это текстуры облаков и шума. Это одна из закономерностей природы, замеченная учеными и воплощенная в цифровой версии. Создайте новый слой (используйте значок внизу панели «Слои» или используйте сочетание клавиш Cmd / Ctrl + Opt / Alt + Shift + N ). Установите цвета фона и переднего плана на по умолчанию (D) . Примените фильтр «Волокна» ( Фильтр> Рендеринг> Волокна ).Вы можете поиграть с настройками, чтобы создать другую текстуру.

Шаг 5

Полученная текстура находится в неправильном направлении. С помощью инструмента Free Transform Tool (Cmd / Ctrl + T или Edit> Free Transform) поверните его на на 90 градусов и трансформируйте его так, чтобы он занимал всю рабочую область или больше. Удерживайте Shift на клавиатуре, чтобы преобразовать непропорционально. Сохраните это как новый документ через Файл> Сохранить как или Cmd / Ctrl + Shift + S на жестком диске.А пока скройте текстуру, щелкнув значок глаза рядом со слоем. Это понадобится позже.

Шаг 6

Примените фильтр «Смещение» ( Фильтр> Искажение> Смещение ) к отраженному фоновому слою. Каждый рабочий случай, изображение и масштаб текстуры могут приводить к разным результатам. Попробуйте найти, что именно подходит для вашего изображения. Я использую настройки, как показано на изображении ниже. В диалоговом окне, после нажатия OK, вам будет предложено указать текстуру, которую вы сохранили ранее.Вы можете применить фильтр еще несколько раз, но с другой текстурой, чтобы получить более интересную текстуру.

Шаг 7

Чтобы текстура после искажения выглядела более гладкой, продублируйте этот слой (Cmd / Ctrl + J). Добавьте фильтр «Размытие в движении» (Фильтр> Размытие> Размытие в движении) с углом Угол: 0 градусов, Расстояние: 10 пикселей . Вы можете добавить больше к этому эффекту, и тогда большая часть деталей исчезнет. Это подходит для фотографий удаленных городов.Вы также можете задать небольшое направление с помощью настройки угла. С помощью маски слоя вы можете контролировать распространение размытия. В результате я удалил размытие у берега мягкой круглой кистью Brush Tool (B) . Для изображений с большим радиусом действия в этом может быть нет необходимости.

Шаг 8

Часть работ готова! Теперь поработаем над цветовыми и тональными характеристиками отражения. Для начала немного изменим баланс света и тени. Для этого я использую корректирующий слой «Уровни», («Слой »> «Новый корректирующий слой»> «Уровни » или значок в нижней части панели «Слои»).В моем случае я немного осветляю тени и убираю блики с помощью ползунков, как показано на изображении ниже. Для вашего изображения вам придется немного поиграть с настройками, чтобы найти значение, которое подходит для вашего случая. Сделайте из этого слоя обтравочную маску для стека отражающих слоев, нажав кнопку в нижней части панели свойств.

Шаг 9

Теперь я могу сделать береговую линию немного темнее, а пространство с отражением, которое ближе к зрителю, — светлее.Для этого создайте новый слой ( Cmd / Ctrl + Shift + N ) как обтравочную маску (Cmd / Ctrl + Opt / Alt + G) к слою с отражением и возьмите инструмент Gradient Tool (G) . По умолчанию Black and White linear-gradient рисует градиент от береговой линии к нижнему краю документа. Измените режим наложения на «Мягкий свет» и уменьшите непрозрачность примерно до 55% , Заливка примерно до 30% .

Шаг 10

Текстура, которую вы создали ранее, будет использоваться для добавления легкой ряби на поверхности.Для этого вам нужно использовать Distort Tool ( Layer> Transform> Distort или Cmd / Ctrl + T ). Удерживая нажатой Opt / Alt + Shift, потяните за угол в сторону, чтобы преобразовать слой так, чтобы он был больше на переднем плане и уменьшался по мере приближения к береговой линии. Опустите верхнюю границу около уровня береговой линии. Примените фильтр Displace из Step 7 . По желанию вы можете использовать такие фильтры, как «High Pass», «Emboss» и т. Д., Чтобы добавить текстуре большей глубины.Измените режим наложения на «Мягкий свет» или «Перекрытие» и уменьшите слой Заливка примерно до 40% .

Сводка

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

Самое главное, не бойтесь творить и экспериментировать! Спасибо за внимание и удачи вам в творческих проектах! Есть что добавить или спросить? Используйте раздел комментариев ниже!

.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *