Рисуем в Фотошоп все формы жидкой воды / 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

Рисуем в Фотошоп все формы жидкой воды / 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

Рисуем в Фотошоп все формы жидкой воды / 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

Как сделать воду в фотошопе чистой. Рисуем в фотошоп все формы жидкой воды. Завершаем Рисовать Океан

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Создание отражения объектов от различных поверхностей – одна из самых сложных задач при обработке изображений, но, если Вы владеете Фотошопом хотя бы на среднем уровне, то это не станет проблемой.

Этот урок посвятим созданию отражения объекта на воде. Для достижения желаемого результата воспользуемся фильтром «Стекло» и создадим для него пользовательскую текстуру.

Изображение, которое мы будем обрабатывать:

Подготовка

Создание текстуры

1. Создадим новый документ большого размера с равными сторонами (квадратный).

2. Создадим копию фонового слоя и применим к ней фильтр «Добавить шум» , который находится в меню «Фильтр – Шум» .

   Значение эффекта выставляем в 65%

3. Затем нужно данный слой размыть по Гауссу. Инструмент можно найти в меню «Фильтр – Размытие» .

   Радиус выставляем в 5%.

4. Усилим контрастность слоя с текстурой. Нажимаем сочетание клавиш CTRL+M , вызывая кривые, и настраиваем так, как указано на скриншоте. Собственно, просто двигаем ползунки.

5. Следующий шаг очень важен. Нам необходимо сбросить цвета на дефолтные (основной – черный, фоновый – белый). Делается это нажатием на клавишу D .

6. Теперь идем в меню «Фильтр – Эскиз – Рельеф» .

   Значение детализации и смещения выставляем в 2 , свет – снизу .

7. Применим еще один фильтр – «Фильтр – Размытие – Размытие в движении» .

   Смещение должно быть 35 пикселей , угол – 0 градусов .

8. Заготовка для текстуры готова, далее нам нужно поместить ее на наш рабочий документ. Выбираем инструмент «Перемещение»

   и перетягиваем слой с холста на вкладку с замком.

   Не отпуская кнопку мыши, ждем открытия документа и помещаем текстуру на холст.

9. Поскольку текстура намного больше нашего холста, то для удобства редактирования придется изменить масштаб клавишами CTRL+ «-» (минус, без кавычек).
10. Применяем к слою с текстурой свободное трансформирование (CTRL+T ), нажимаем правую кнопку мыши и выбираем пункт .

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

    Нажимаем клавишу ENTER и продолжаем создание текстуры.

12. В данный момент мы находимся на верхнем слое, который трансформировали. Оставаясь на нем, зажимаем CTRL и кликаем по миниатюре слоя с замком, который находится ниже. Появится выделение.

13. Нажимаем CTRL+J , выделение скопируется на новый слой. Это и будет слой с текстурой, старый можно удалить.

14. Далее кликаем правой кнопкой мыши по слою с текстурой и выбираем пункт «Создать дубликат слоя» .

    В блоке «Назначение» выбираем «Новый» и даем название документу.

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

15. Сейчас нам необходимо удалить прозрачные пиксели с холста. Идем в меню «Изображение – Тримминг» .

    и выбираем обрезку на основании «Прозрачных пикселов»

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

16. Осталось только сохранить текстуру в формате PSD («Файл – Сохранить как» ).

Создание отражения

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

2. Идем в меню «Фильтр – Искажение – Стекло» .

   Ищем значок, как на скриншоте, и нажимаем «Загрузить текстуру» .

   Это будет сохраненный на предыдущем этапе файл.

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

4. После применения фильтра включаем видимость слоя с текстурой и переходим на него. Меняем режим наложения на «Мягкий свет» и снижаем непрозрачность.

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

6. Перемещаем этот слой над слоем с замком, затем жмем ALT и кликаем левой кнопкой мыши по границе между слоем с цветом и слоем с перевернутым замком. При этом создастся так называемая «обтравочная маска» .

7. Теперь добавляем обычную белую маску.

8. Берем в руки инструмент «Градиент» .

   В настройках выбираем «От черного к белому» .

9. Протягиваем градиент по маске сверху вниз.

   Результат:

10. Снижаем непрозрачность слоя с цветом до 50-60% .

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

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

What You»ll Be Creating

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

Получите вдохновение, просмотрев невероятные исходные изображения с Водными ресурсами на Envato Market .

Исходные материалы

Следующие исходные материалы были использованы для создания данного урока:

1. Создаём Эскиз Океанских Волн и Воды

Перед тем, как нарисовать океан, нам нужен базовый эскиз. Before we paint the ocean, we»ll need a basic sketch. Пожалуйста, обратите внимание, что графический планшет необходим для завершения этого урока.

Шаг 1

Создайте новый документ в Photoshop со следующими размерами 1700 x 1700 px с разрешением 300 dpi .

Шаг 2

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

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

Шаг 3

Давайте нарисуем воду! Выберите инструмент Кисть (Brush Tool (B), установите Жёсткую Круглую Нажим Непрозрачность Кисть (Hard Round Pressure Opacity Brush) со 100% Нажимом (Flow) и Непрозрачностью (Opacity). Не забудьте также поставить галочку в окошке Нажим пера (Pen Pressure) в настройках Непрозрачности (Opacity).

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

Шаг 4

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

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

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

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

2. Добавляем Базовые Цвета

Шаг 1

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

С помощью инструмента Прямоугольного лассо (Polygonal Lasso Tool (L), создайте активное выделение вокруг каждой области рисунка перед тем, как выполнить заливку с помощью инструмента Заливка (Paint Bucket Tool (G). Ниже представлены цвета, который я буду использовать:

• Для переднего плана : #41896d
• Для среднего плана : #254b5c
• Для заднего плана : #5d8191

Шаг 2

3. Затемняем Воды и Волны

Шаг 1

Добавьте три новых слоя по одному слою поверх каждого слоя с базовым цветом. Щёлкните правой кнопкой мыши по новым слоям и в появившемся окне, выберите опцию Создать обтравочную маску (Create Clipping Mask).

Дайте название этим слоям на своё усмотрение – в данном случае, я назвала эти слои Затенение (shading).

Шаг 2

Теперь выберите инструмент Градиент (Gradient Tool (G). Перейдите на слой Затенение (Shading) для воды на среднем плане, чтобы применить Линейный градиент (Linear Gradient), цвета градиента: от тёмно-синего #0c3649 до прозрачного. Очень важно, чтобы вода была темнее по мере приближения к линии горизонта, чтобы создать ощущение, что вода уходит вдаль.

Проделайте то же самое с водой на переднем плане. На этот раз, используйте слегка другой оттенок синего цвета #184b5a , чтобы применить Линейный градиент (Linear Gradient), который затемнит воду, поскольку она движется вверх и влево.

Шаг 3

Вам также придётся применить свето-голубой оттенок #7ba4b3 Линейного градиента (Linear Gradient) на верхнюю часть неба. Убедитесь, чтобы синий цвет был светлее в верхней части форм облаков.

Шаг 4

Выберите инструмент Кисть (Brush Tool (B), установите круглую мягкую кисть Жёсткостью (Hardness) 0% , чтобы добавить больше красок на холст. Поскольку опция Нажим пера (Pen Pressure) для Непрозрачности (Opacity) всё ещё активна, ваш графический планшет будет контролировать количество используемой краски.

Добавьте световые блики к океану, а также мягкие облака в небе.

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

Шаг 5

Добавьте глубины к воде на переднем плане, для этого создайте новый слой с режимом наложения Умножение (Multiply), а также используя светло-голубой, добавьте светлый тон к воде. Постарайтесь создать плавный переход цветов, поскольку вода движется дальше.

Шаг 6

Перед тем, как мы продолжим. Давайте ещё раз поработаем над небом. С помощью мягкой круглой кисти, добавьте ещё облаков, используя лёгкий оттенок жёлтого цвета #b5ccc8 . Далее, создайте новый слой поверх облаков, залейте его оранжевым цветом, используя Линейный градиент (Linear Gradient), чтобы создать затенение снизу вверх.

4. Создаём Переход Базовых Цветов

Шаг 1

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

Шаг 2

Поиграйте с цветовыми оттенками картины, чтобы вся сцена стала гармоничной. Вначале добавьте корректирующий слой Поиск Цвета (Color Lookup). Установите фильтр Kodak 5218 Kodak 2383 .

5. Рисуем Реалистичные Волны

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

Шаг 1

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

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

Шаг 2

Шаг 3

С помощью круглой кисти со слегка жёсткими краями (Жёсткостью (Hardness) 30-60% ), ещё больше выделите формы волн.

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

Шаг 4

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

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

Застряли в этой части? Узнайте больше про технику совмещения из моей серии для начинающих: .

Шаг 5

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

1. Нарисуйте закруглённые фигуры, похожие на эмблему Инфинити для ряби на переднем плане.
2. Далее, нарисуйте длинные изогнутые линии для основной волны, чтобы показать направление, в котором движется и разбивается волна.
3. Нарисуйте нежные формы волн, которые слегка наплывают друг на друга, поскольку волна откатывается назад на расстоянии.
4. Завершите создание ряби с помощью простых, изогнутых горизонтальных линий для волн вблизи горизонта.

Шаг 6

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

Создайте новый слой, поменяйте режим наложения на Перекрытие (Overlay). Усильте драму с помощью мягкой круглой кисти, прокрасьте светло-жёлтым оттенком, чтобы добавить светлые блики, а также чёрным оттенком, чтобы добавить тени. Данный слой поможет нам выделить цвета и добавить больше глубины к воде.

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

6. Завершаем Рисовать Океан

Шаг 1

Объедините все слои вместе. Меня не устроила текущая текстура волны на переднем плане, поэтому, решила немного сгладить цветовые тона. Для этого, я использовала мягкую круглую кисть Жёсткостью (Hardness) 0% , чтобы смягчить синие тона на внутренних участках волны.

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

Шаг 2

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

Шаг 3

Добавьте новый корректирующий слой Кривые (Curves). Приподнимите кривые для RGB и Синего (Blue) канала, чтобы сделать всю сцену более синей и более яркой.

Шаг 4

Добавьте волн и океанской ряби.

1. Повторяя естественное направление центральной волны, соответствующим образом, добавьте ещё волн. Далее, добавьте белые океанские брызги на гребень разбивающейся волны для усиления реализма.
2. Обратите внимание, как волны движутся от изогнутых гребней до почти полностью ровных горизонтальных линий. Это необходимо для достижения естественного ощущения глубины резкости.

Шаг 5

Также продолжайте работать над формой облаков. Создайте выделение вокруг неба, прямо над линией горизонта с помощью инструмента Прямоугольная область (Rectangular Marquee Tool (M), а затем нажмите клавиши (Ctrl+J ), чтобы продублировать выделение.

Теперь вы можете быстро применить корректирующий слой Поиск цвета (Color Lookup) к облакам, используя фильтр FallColors.look . Преобразуйте данный корректирующий слой в обтравочную маску к слою с облаками, для этого щёлкните правой кнопкой мыши по корректирующему слою Поиск цвета (Color Lookup) и в появившемся окне, выберите опцию Создать обтравочную маску (Create Clipping Mask).

Теперь у нас есть красивый закат.

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

Шаг 6

Завершаем нашу картину последней цветовой коррекцией! Добавьте корректирующий слой Уровни (Levels) для осветления сцены. Выберите RGB канал, чтобы применить следующие настройки, которые указаны ниже:

На этом всё! Вы можете увидеть итоговый результат на скриншоте ниже!

Поздравляю, мы завершили урок!

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

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

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

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

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

Законченное изображение

Шаг 1
Откройте в фотошопе стоковое изображение с замком. Оно довольно большое, поэтому, давайте слегка уменьшим его размер. Нажмите Ctrl + Alt + I, чтобы открыть окно Размер изображения (Image Size), и задайте следующие установки:

Шаг 2
Выберите инструмент Рамка (Crop Tool) и переместите манипуляторы так, чтобы удалить имеющийся внизу логотип, а так же излишние области по бокам и сверху.

Шаг 3
Продублируйте фоновый слой нажатием Ctrl + J, и переименуйте копию в “Отражение”.

Шаг 4
Теперь давайте увеличим размер холста, ведь нам нужно где-то расположить наше отражение. Нажмите Ctrl + Alt + C, чтобы открыть диалоговое окно Размер холста (Ctrl + Alt + C), и задайте установки, приведенные ниже.

Кликните по слою с отражением на палитре слоев, чтобы активировать его, после чего, нажатием Ctrl + T включите режим Свободной трансформации. Кликните по холсту ПКМ и выберите пункт Отразить вертикально (Flip Vertical). Завершите трансформацию нажатием Enter.

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

Шаг 6
Итак, нам нужно создать рябь. Для этой цели нам понадобится специальная текстура, напоминающая рябь, которую мы могли бы применить к слою с отражением. Начнем работу над текстурой с создания нового документа (Ctrl + N), размером 4000×4000.

Добавим шума. Пройдите в меню Фильтр > Шум > Добавить шум (Filter > Noise > Add Noise), и задайте параметры, приведенные ниже.

Чтобы у нас получилась реалистичная рябь, нам нужно крупная зернистость. Здесь есть одна хитрость: мы размоем слой с шумом, после чего увеличим контраст. Примените 5-пиксельное гауссовское размытие: Фильтр > Размытие > Размытие по Гауссу (Filter > Blur > Gaussian blur).

Теперь пройдите в меню Изображение > Коррекция > Кривые (Image > Adjustments > Curves), и, расположив слайдеры, как показано ниже, измените форму кривой следующим образом:

Пройдите в меню Фильтр > Галерея фильтров (Filter > Filter Gallery), и в разделе Эскиз (Sketch) выберите фильтр Рельеф (Bass Relief). Задайте величину Детализации (Detail) и Смягчения (Smoothness) – 2. Наша текстура начинает выглядеть как рябь. Но погодите, это еще не все.

Примените 35-пиксельное динамическое размытие: Фильтр > Размытие > Размытие в движении (Filter > Blur > Motion Blur). Это для того, чтобы получить более мягкие и продолговатые волны.

Шаг 7
Теперь применим нашу текстуру с рябью на наш слой с отражением. Для этого временно переместим текстуру на наш основной холст (с замком). При активном документе с текстурой нажатием Ctrl + A выделите все его содержимое, затем, нажав Ctrl + C, скопируйте все в буфер обмена. Переключитесь на свой основной документ, и, нажав Ctrl + V, вставьте на него то, что скопировали.

Далее нам предстоит трансформировать текстуру таким образом, чтобы она получила ту же перспективу, что и элементы на нашем холсте с замком. Активируйте Свободную трансформацию (Ctrl+T).
Уменьшите высоту текстуры, так, чтобы она занимала нижнюю половину изображения.
Кликните внутри границ трансформируемой области ПКМ, и выберите пункт Перспектива. Переместите верхние и нижние манипуляторы трансформации так, как показано на изображении ниже.
Убедитесь, что верхняя граница слоя с текстурой не выходит за верхние границы слоя с отражением. Чтобы легче выровнять эти слои, просто включите привязку: Обзор > Привязка (View > Snap). Нажатием Enter, завершите деформацию.

Шаг 8
Кликните на палитре слоев по только что трансформированному слою с текстурой. Теперь, удерживая Ctrl, кликните иконке слоя с отражением, чтобы выделить его пиксели. Далее, нажатием Ctrl + J, продублируйте выделенную область (при активном слое с текстурой). Назовите этот слой “Текстура”, и удалите предыдущий (Слой 1).
Чтобы убедиться, что вы все выполнили правильно, кликните, удерживая Ctrl, на палитре слоев по слою с отражением, затем, так же удерживая Ctrl, кликните по слою с текстурой. Выделенная область должна остаться без изменений. Если она окажется большей, то значит вы допустили ошибку и этот шаг нужно проделать заново.

Кликните на палитре слоев ПКМ по слою с текстурой и в контекстном меню выберите пункт Создать дубликат слоя (Duplicate Layer). В открывшемся диалоговом окне, в разделе Назначение (Destination) укажите Документ: Новый (New document). Присвойте какое-нибудь осмысленное название и нажмите OK.

Шаг 9
В верхней чести текстуры можно заметить прозрачную область. Нужно от нее избавиться, для чего воспользуемся меню Изображение > Тримминг… (Image > Trim). В диалоговом окне укажите Прозрачные пиксели (Transparent Pixels), и нажмите OK. Сохраните текстуру (Ctrl + S) где-нибудь на своем компьютере (только запомните где именно).

Шаг 10
Закройте документ с текстурой, и переключитесь на свой основной документ. Отключите видимость слоя с текстурой, кликнув для этого по пиктограмме с глазом рядом с названием слоя на палитре слоев.

Шаг 11
Кликните ПКМ по слою с отражением на палитре слоев, и в открывшемся контекстном меню выберите пункт Преобразовать в смарт-объект (Convert to Smart Object).

При выделенном слое с отражением пройдите в меню Фильтр > Галерея фильтров (Filter > Filter Gallery). В разделе Искажение (Distort) выберите фильтр Стекло (Glass). Обратите внимание на иконку в разделе Текстура. Кликните по ней и нажмите “Загрузить текстуру” (Load Texture). Укажите ранее сохраненную текстуру (на шаге 9).

Чтобы получить более выраженный эффект, увеличьте величину Искажения (Distort). А чтобы получить менее заметный – задайте значение поменьше (6-7). Выгода от использования смарт-объектов заключается в том, что вы в любой момент можете изменять настройки примененных к ним фильтров. Наш эффект практически завершен. Но несмотря на этом, мы можем еще кое-что улучшить.

Шаг 12
В реальности вода имеет определенную степень отражения, что до сих пор не было учтено в нашей работе. Помните слой с текстурой, видимость которого мы отключили ранее? Снова включите его видимость, кликнув для этого по пиктограмме с глазом (вернее там, где она должна быть). Измените Режим наложения (Blend mode) этого слоя на Мягкий свет (Soft Light) и уменьшите Непрозрачность (Opacity) до 18%. Теперь вы можете заметить, что степень отражения нашей водной поверхности больше соответствует реальной.

Шаг 13
Вода имеет оттенок неба. Давайте воспроизведем этот эффект на нашем изображении. Выберите инструмент Кисть (Brush tool), и, удерживая Alt, кликните где-нибудь по области неба над замком, взяв образец. Цвет, который в этот момент окажется под курсором, и будет установлен в качестве Основного.
Теперь создайте новый слой (Ctrl + Shift + Alt + N) и залейте его Основным цветом (Foreground color): Alt + Backspace. Назовите этот слой “Цвет”.

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

Нажатием D сбросьте цвета в стандартные, затем, нажав X, переключитесь между ними.
Кликнув по специальной кнопке Добавления слоя-маски (Add layer mask) в нижней части палитры слоев, создайте для этого слоя слой-маску. Выберите инструмент Градиент (Gradient tool) и на панели опций в верхней части окна программы укажите градиент От Основного к Фоновому (Foreground to Background).

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Как сделать отражения воды в 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!

Как сделать реку в фотошопе. Рисуем Воду, Волны и Океан в Adobe Photoshop. Затемняем Воды и Волны

Создание отражения объектов от различных поверхностей – одна из самых сложных задач при обработке изображений, но, если Вы владеете Фотошопом хотя бы на среднем уровне, то это не станет проблемой.

Этот урок посвятим созданию отражения объекта на воде. Для достижения желаемого результата воспользуемся фильтром «Стекло» и создадим для него пользовательскую текстуру.

Изображение, которое мы будем обрабатывать:

Подготовка

Создание текстуры

1. Создадим новый документ большого размера с равными сторонами (квадратный).

2. Создадим копию фонового слоя и применим к ней фильтр «Добавить шум» , который находится в меню «Фильтр – Шум» .

   Значение эффекта выставляем в 65%

3. Затем нужно данный слой размыть по Гауссу. Инструмент можно найти в меню «Фильтр – Размытие» .

   Радиус выставляем в 5%.

4. Усилим контрастность слоя с текстурой. Нажимаем сочетание клавиш CTRL+M , вызывая кривые, и настраиваем так, как указано на скриншоте. Собственно, просто двигаем ползунки.

5. Следующий шаг очень важен. Нам необходимо сбросить цвета на дефолтные (основной – черный, фоновый – белый). Делается это нажатием на клавишу D .

6. Теперь идем в меню «Фильтр – Эскиз – Рельеф» .

   Значение детализации и смещения выставляем в 2 , свет – снизу .

7. Применим еще один фильтр – «Фильтр – Размытие – Размытие в движении» .

   Смещение должно быть 35 пикселей , угол – 0 градусов .

8. Заготовка для текстуры готова, далее нам нужно поместить ее на наш рабочий документ. Выбираем инструмент «Перемещение»

   и перетягиваем слой с холста на вкладку с замком.

   Не отпуская кнопку мыши, ждем открытия документа и помещаем текстуру на холст.

9. Поскольку текстура намного больше нашего холста, то для удобства редактирования придется изменить масштаб клавишами CTRL+ «-» (минус, без кавычек).
10. Применяем к слою с текстурой свободное трансформирование (CTRL+T ), нажимаем правую кнопку мыши и выбираем пункт .

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

    Нажимаем клавишу ENTER и продолжаем создание текстуры.

12. В данный момент мы находимся на верхнем слое, который трансформировали. Оставаясь на нем, зажимаем CTRL и кликаем по миниатюре слоя с замком, который находится ниже. Появится выделение.

13. Нажимаем CTRL+J , выделение скопируется на новый слой. Это и будет слой с текстурой, старый можно удалить.

14. Далее кликаем правой кнопкой мыши по слою с текстурой и выбираем пункт «Создать дубликат слоя» .

    В блоке «Назначение» выбираем «Новый» и даем название документу.

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

15. Сейчас нам необходимо удалить прозрачные пиксели с холста. Идем в меню «Изображение – Тримминг» .

    и выбираем обрезку на основании «Прозрачных пикселов»

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

16. Осталось только сохранить текстуру в формате PSD («Файл – Сохранить как» ).

Создание отражения

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

2. Идем в меню «Фильтр – Искажение – Стекло» .

   Ищем значок, как на скриншоте, и нажимаем «Загрузить текстуру» .

   Это будет сохраненный на предыдущем этапе файл.

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

4. После применения фильтра включаем видимость слоя с текстурой и переходим на него. Меняем режим наложения на «Мягкий свет» и снижаем непрозрачность.

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

6. Перемещаем этот слой над слоем с замком, затем жмем ALT и кликаем левой кнопкой мыши по границе между слоем с цветом и слоем с перевернутым замком. При этом создастся так называемая «обтравочная маска» .

7. Теперь добавляем обычную белую маску.

8. Берем в руки инструмент «Градиент» .

   В настройках выбираем «От черного к белому» .

9. Протягиваем градиент по маске сверху вниз.

   Результат:

10. Снижаем непрозрачность слоя с цветом до 50-60% .

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

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

What You»ll Be Creating

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

1. Создаём Простое Отражение

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

Шаг 1

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

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

Шаг 2

Откройте исходное изображение в программе Photoshop . Выберите инструмент Рамка (Crop Tool (C). Потяните за верхний центральный узелок вниз, чтобы обрезать изображение прямо над большим деревом слева от храма. Далее, потяните за нижний центральный узелок вниз, чтобы добавить пустое пространство ниже изображения.

Шаг 3

Активируйте линейки на экране, для этого идём Просмотр — Линейки (View > Rulers) или нажмите клавиши (Ctrl+R ). Далее, щёлкните по верхней линейке, а затем зажав её кнопкой мыши, потяните вниз, чтобы создать горизонтальную направляющую линию. Сместите эту направляющую линию вниз до нижней ступеньки храма. Это будет горизонт воды нашего цифрового озера.

Шаг 4

С помощью инструмента Прямоугольная область (Rectangular Marquee Tool (M), создайте выделение от верхнего края изображения. Т.к. линия выделенной области будет подведена очень близко к направляющей линии, то она привяжется к ней, создав точное выделение в нужном месте.

Шаг 5

Далее, идём Слой- Новый — Скопировать на новый слой (Layer > New > Layer Via Copy) или нажмите клавиши (Ctrl+J ), чтобы продублировать выделенную область на новый слой. В панели слоёв, вы можете увидеть этот слой под названием Слой 1 (Layer 1). Дважды щёлкните по названию слоя, чтобы переименовать его, назовите этот слой Отражение (Reflection).

Шаг 6

Данный слой будет подвержен небольшому искажению. Каждый раз подвергая деформации пиксели, будет разумно вначале преобразовать данный слой в смарт-объект — это сохранит пиксели при деформации. Для этого идём Слой- Смарт-объект — Преобразовать в смарт-объект (Layer > Smart Objects > Convert to Smart Object). На миниатюре слоя, вы увидите появившийся маленький квадратик в нижней правом углу, означающий, что это Смарт-объект.

Шаг 7

Далее, идём Редактирование — Трансформация — Свободная трансформация (Edit > Transform > Free Transform) или нажмите клавиши (Ctrl+T ), чтобы активировать область трансформации слоя. Выберите верхний центральный узелок, а затем потяните его вниз мимо нижней части основной сцены, таким образом, вы полностью перевернёте изображение. Потяните узелок трансформации до самого нижнего контура рабочего холста.

Шаг 8

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

2. Создаёт Рябь на Водной Поверхности.

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

Шаг 1

Создайте новый слой поверх слоя с отражением, для этого идём Слой- Новый слой (Layer > New Layer) или нажмите клавиши (Shift+Ctrl+N ).

В появившемся окне Новый слой (New Layer), укажите название слоя Градиент воды (Water Gradient), поставьте галочку в окошке Использовать предыдущий слой для создания обтравочной маски (Use Previous Layer to Create Clipping Mask), а затем нажмите кнопку «OK «. Вы не увидите каких-либо заметных изменений на рабочем холсте, но в панели слоёв, вы увидите новый слой со смещённой миниатюрой слоя. Это означает, что слой закреплён в качестве обтравочной маски или видимость его ограничена слоем Отражение (Reflection).

Шаг 2

Выберите инструмент Градиент (Gradient Tool (G), а затем в панели управления данного инструмента, установите чёрно-белый градиент, тип градиента Линейный (Linear). Теперь потяните градиент сверху вниз, чтобы создать градиентную заливку. Отпустите кнопку мыши у нижнего края рабочего холста, таким образом, чёрная часть градиента будет в верхней части холста, а белая часть градиента в нижней части холста.

Шаг 3

Градиент полностью захватывает область отражения. Режим наложения для данного слоя по умолчанию Нормальный (Normal).

Поменяйте режим наложения для слоя с градиентом на Умножение (Multiply). Данный режим показывает только тёмные тона, поэтому, белые тона станут невидимыми.

Шаг 4

Теперь нам нужен новый документ, чтобы создать текстуру ряби. Идём Файл — Новый (File > New) или нажмите клавиши (Ctrl+N ), чтобы появилось диалоговое окно Новый документ (New Document). Установите значение Ширины (Width) на 2000 px , значение Высоты (Height) на 2000 px , Содержимое фона (Background Contents) Белый (White), а затем нажмите кнопку Создать (Create) (или кнопку «OK » в ранних версиях программы до версии CC 2017 ).

Шаг 5

Нажмите клавишу «D «, чтобы убедиться, что цвета переднего и заднего плана установлены по умолчанию на чёрный и белый цвет. Далее, идём Фильтр — Рендеринг — Волокна (Filter > Render > Fibers). Установите Интенсивность (Strength) на 16 , а Несовпадения (Variance) на 4 . Таким образом, мы создадим узор из рваных вертикальных полосок.

Шаг 6

С помощью инструмента Перемещение (Move (V), переместите текстуру Волокна на наш рабочий документ, для этого, зажмите кнопкой мыши текстуру, а затем наведите курсор на вкладку нашего рабочего документа. Пока ещё не отпускайте кнопку мыши! Как только Photoshop переключится на наш рабочий документ, отпустите кнопку мыши, чтобы добавить текстуру на рабочую область. Обратите внимание, что в панели слоёв, появился новый слой. Назовите слой с текстурой Волокна (Fibers). На данном этапе, документ, который вы создали для создания текстуры, можно закрыть без сохранения, т.к. он нам больше не понадобится.

Шаг 7

Преобразуйте слой с волокнами в смарт-объект, для этого идём Слой- Смарт-объект- Преобразовать в смарт-объект (Layer > Smart Objects > Convert to Smart Object). Далее, ещё раз с помощью Свободной трансформации (Free Transform), поверните текстуру. Во время поворота. удерживайте клавишу (Shift ) для фиксированного поворота под углом на 45 -градусов. Поверните текстуру на 90 градусов, а затем примените Масштабирование (Scale), чтобы полностью охватить область отражения.

Шаг 8

Идём Редактирование — Трансформация — Перспектива (Edit > Transform > Perspective). Откорректируйте перспективу текстуры Волокна точно так же, как мы редактировали перспективу слоя с отражением. Нажмите клавишу (Enter ), чтобы применить изменения трансформации.

Шаг 9

Далее, идём (Filter > Blur > Gaussian Blur). Примените Радиус (Radius) размытия 1.5 px . Ещё одно преимущество применения смарт-объекта- это то, что фильтры применяются в качестве смарт-фильтров, это означает, что настройки активны и могут быть изменены в любой момент.

3. Применяем Эффект Смещения к Отражению

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

Шаг 1

В нижней части панели слоёв есть значок с загнутым уголком бумаги. Это значок Новый слой (New Layer). Удерживая клавишу (Ctrl ), нажмите на этот значок, чтобы добавить новый слой ниже текущего слоя. Таким образом, мы создадим новый слой ниже слоя с текстурой Волокна.

Шаг 2

Идём Редактирование — Выполнить заливку (Edit > Fill). Поменяйте Содержимое (Contents) на 50% серого (50% Gray), а затем нажмите кнопку «OK «, чтобы залить новый слой серым цветом средних тонов.

Шаг 3

Далее, идём Изображение — Создать дубликат (Image > Duplicate) и в появившемся окне Создать дубликат изображения (Duplicate Image), укажите название документа Смещение_Водной_Ряби (Water_Ripples_Displacement), а также поставьте галочку в окошке Создать дубликат только для сведённого изображения (Duplicate Merged Layers Only). Нажмите кнопку «OK » и программа Photoshop создаст новый документ, где слой с серым задним фоном и слой с текстурой волокон будут совмещены вместе.

Теперь идём Сохранить как (Save As) и сохраняем этот документ, как Смещение_Водной_Ряби.psd (Water_Ripples_Displacement.psd). Очень важно, чтобы документ был сохранён, как psd файл — это формат файлов Photoshop. Как только вы сохранили документ, его можно закрыть — позже, мы используем его в качестве карты смещения.

Шаг 4

Возвращаемся на наш рабочий документ и удаляем слой с серой заливкой, для этого идём Слой- Удалить — Слой (Layer > Delete > Layer). Далее, щёлкните по слою с текстурой Волокна в панели слоёв, чтобы убедиться, что он активный. Поменяйте режим наложения для данного слоя с текстурой на Мягкий свет (Soft Light), а также уменьшите Непрозрачность (Opacity) до 25% .

Шаг 5

Щёлкните по слою Отражение (Reflection), чтобы он стал активным. Далее, идём Фильтр — Искажение- Смещение (Filter > Distort > Displacement). Установите Масштаб по горизонтали (Horizontal Scale) на 25 , а Масштаб по вертикали (Vertical Scale) на 10 . Для параметра Неопределённые области (Undefined Areas), установите на Повторить граничные пикселы (Repeat Edge Pixels), а затем нажмите кнопку «OK «. Программа Photoshop запросит вас выбрать карту смещения. В появившемся окне навигации, выберите файл Смещение_Водной_Ряби.psd (Water_Ripples_Displacement.psd), который мы создали ранее.

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

Шаг 6

Отражение водной поверхности должно иметь слегка иной цветовой тон и яркость, чем реальные объекты, которые отражаются — это создаёт едва уловимый зрительный ориентир, что делает отражение более реалистичным. Идём Изображение — Коррекция — Цветовой тон / Насыщенность (Image > Adjustments > Hue/Saturation). Установите значение Насыщенности (Saturation) на +28 , а значение Яркости (Lightness) на -21 .

Шаг 7

Изображение, отображённое на водной поверхности, также необходимо немного размыть в сравнении с исходным храмом. Идём Фильтр — Размытие — Размытие по Гауссу (Filter > Blur > Gaussian Blur). Примените Радиус (Radius) размытия 1.5 px .

Обратите внимание, что фильтры расположены под миниатюрой слоя Отражение (Reflection) в качестве Смарт-фильтров . Если вам в какой-то момент понадобится отредактировать настройки фильтра, то просто дважды щелкните по названию фильтра, чтобы открыть окно настроек данного фильтра.

Шаг 8

В панели слоёв, вы можете увидеть небольшой белый прямоугольник рядом с надписью Смарт Фильтры (Smart Filters). Это миниатюра маски, которая используется для применения фильтров к слою Отражение (Reflection). Щёлкните по ней, чтобы она стала активной. Белый контур вокруг миниатюры слоя подскажет вам, что маска активна.

Далее, ещё раз выберите инструмент Градиент (Gradient Tool (G), настройки должны быть те же самые, которые вы использовали последний раз, градиент чёрно-белый, тип градиента Линейный (Linear). Потяните ещё раз градиент вниз, чтобы создать заливку градиента на маске. Это поможет затенить эффект фильтров, т.к. отражение находится ближе к храму и дальше от нашей точки наблюдения.

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

Поздравляю, мы создали цифровую рябь!

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

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

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

Законченное изображение

Шаг 1
Откройте в фотошопе стоковое изображение с замком. Оно довольно большое, поэтому, давайте слегка уменьшим его размер. Нажмите Ctrl + Alt + I, чтобы открыть окно Размер изображения (Image Size), и задайте следующие установки:

Шаг 2
Выберите инструмент Рамка (Crop Tool) и переместите манипуляторы так, чтобы удалить имеющийся внизу логотип, а так же излишние области по бокам и сверху.

Шаг 3
Продублируйте фоновый слой нажатием Ctrl + J, и переименуйте копию в “Отражение”.

Шаг 4
Теперь давайте увеличим размер холста, ведь нам нужно где-то расположить наше отражение. Нажмите Ctrl + Alt + C, чтобы открыть диалоговое окно Размер холста (Ctrl + Alt + C), и задайте установки, приведенные ниже.

Кликните по слою с отражением на палитре слоев, чтобы активировать его, после чего, нажатием Ctrl + T включите режим Свободной трансформации. Кликните по холсту ПКМ и выберите пункт Отразить вертикально (Flip Vertical). Завершите трансформацию нажатием Enter.

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

Шаг 6
Итак, нам нужно создать рябь. Для этой цели нам понадобится специальная текстура, напоминающая рябь, которую мы могли бы применить к слою с отражением. Начнем работу над текстурой с создания нового документа (Ctrl + N), размером 4000×4000.

Добавим шума. Пройдите в меню Фильтр > Шум > Добавить шум (Filter > Noise > Add Noise), и задайте параметры, приведенные ниже.

Чтобы у нас получилась реалистичная рябь, нам нужно крупная зернистость. Здесь есть одна хитрость: мы размоем слой с шумом, после чего увеличим контраст. Примените 5-пиксельное гауссовское размытие: Фильтр > Размытие > Размытие по Гауссу (Filter > Blur > Gaussian blur).

Теперь пройдите в меню Изображение > Коррекция > Кривые (Image > Adjustments > Curves), и, расположив слайдеры, как показано ниже, измените форму кривой следующим образом:

Пройдите в меню Фильтр > Галерея фильтров (Filter > Filter Gallery), и в разделе Эскиз (Sketch) выберите фильтр Рельеф (Bass Relief). Задайте величину Детализации (Detail) и Смягчения (Smoothness) – 2. Наша текстура начинает выглядеть как рябь. Но погодите, это еще не все.

Примените 35-пиксельное динамическое размытие: Фильтр > Размытие > Размытие в движении (Filter > Blur > Motion Blur). Это для того, чтобы получить более мягкие и продолговатые волны.

Шаг 7
Теперь применим нашу текстуру с рябью на наш слой с отражением. Для этого временно переместим текстуру на наш основной холст (с замком). При активном документе с текстурой нажатием Ctrl + A выделите все его содержимое, затем, нажав Ctrl + C, скопируйте все в буфер обмена. Переключитесь на свой основной документ, и, нажав Ctrl + V, вставьте на него то, что скопировали.

Далее нам предстоит трансформировать текстуру таким образом, чтобы она получила ту же перспективу, что и элементы на нашем холсте с замком. Активируйте Свободную трансформацию (Ctrl+T).
Уменьшите высоту текстуры, так, чтобы она занимала нижнюю половину изображения.
Кликните внутри границ трансформируемой области ПКМ, и выберите пункт Перспектива. Переместите верхние и нижние манипуляторы трансформации так, как показано на изображении ниже.
Убедитесь, что верхняя граница слоя с текстурой не выходит за верхние границы слоя с отражением. Чтобы легче выровнять эти слои, просто включите привязку: Обзор > Привязка (View > Snap). Нажатием Enter, завершите деформацию.

Шаг 8
Кликните на палитре слоев по только что трансформированному слою с текстурой. Теперь, удерживая Ctrl, кликните иконке слоя с отражением, чтобы выделить его пиксели. Далее, нажатием Ctrl + J, продублируйте выделенную область (при активном слое с текстурой). Назовите этот слой “Текстура”, и удалите предыдущий (Слой 1).
Чтобы убедиться, что вы все выполнили правильно, кликните, удерживая Ctrl, на палитре слоев по слою с отражением, затем, так же удерживая Ctrl, кликните по слою с текстурой. Выделенная область должна остаться без изменений. Если она окажется большей, то значит вы допустили ошибку и этот шаг нужно проделать заново.

Кликните на палитре слоев ПКМ по слою с текстурой и в контекстном меню выберите пункт Создать дубликат слоя (Duplicate Layer). В открывшемся диалоговом окне, в разделе Назначение (Destination) укажите Документ: Новый (New document). Присвойте какое-нибудь осмысленное название и нажмите OK.

Шаг 9
В верхней чести текстуры можно заметить прозрачную область. Нужно от нее избавиться, для чего воспользуемся меню Изображение > Тримминг… (Image > Trim). В диалоговом окне укажите Прозрачные пиксели (Transparent Pixels), и нажмите OK. Сохраните текстуру (Ctrl + S) где-нибудь на своем компьютере (только запомните где именно).

Шаг 10
Закройте документ с текстурой, и переключитесь на свой основной документ. Отключите видимость слоя с текстурой, кликнув для этого по пиктограмме с глазом рядом с названием слоя на палитре слоев.

Шаг 11
Кликните ПКМ по слою с отражением на палитре слоев, и в открывшемся контекстном меню выберите пункт Преобразовать в смарт-объект (Convert to Smart Object).

При выделенном слое с отражением пройдите в меню Фильтр > Галерея фильтров (Filter > Filter Gallery). В разделе Искажение (Distort) выберите фильтр Стекло (Glass). Обратите внимание на иконку в разделе Текстура. Кликните по ней и нажмите “Загрузить текстуру” (Load Texture). Укажите ранее сохраненную текстуру (на шаге 9).

Чтобы получить более выраженный эффект, увеличьте величину Искажения (Distort). А чтобы получить менее заметный – задайте значение поменьше (6-7). Выгода от использования смарт-объектов заключается в том, что вы в любой момент можете изменять настройки примененных к ним фильтров. Наш эффект практически завершен. Но несмотря на этом, мы можем еще кое-что улучшить.

Шаг 12
В реальности вода имеет определенную степень отражения, что до сих пор не было учтено в нашей работе. Помните слой с текстурой, видимость которого мы отключили ранее? Снова включите его видимость, кликнув для этого по пиктограмме с глазом (вернее там, где она должна быть). Измените Режим наложения (Blend mode) этого слоя на Мягкий свет (Soft Light) и уменьшите Непрозрачность (Opacity) до 18%. Теперь вы можете заметить, что степень отражения нашей водной поверхности больше соответствует реальной.

Шаг 13
Вода имеет оттенок неба. Давайте воспроизведем этот эффект на нашем изображении. Выберите инструмент Кисть (Brush tool), и, удерживая Alt, кликните где-нибудь по области неба над замком, взяв образец. Цвет, который в этот момент окажется под курсором, и будет установлен в качестве Основного.
Теперь создайте новый слой (Ctrl + Shift + Alt + N) и залейте его Основным цветом (Foreground color): Alt + Backspace. Назовите этот слой “Цвет”.

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

Нажатием D сбросьте цвета в стандартные, затем, нажав X, переключитесь между ними.
Кликнув по специальной кнопке Добавления слоя-маски (Add layer mask) в нижней части палитры слоев, создайте для этого слоя слой-маску. Выберите инструмент Градиент (Gradient tool) и на панели опций в верхней части окна программы укажите градиент От Основного к Фоновому (Foreground to Background).

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

03.10.2009 27.01.2018

Хороший урок который раскрывает методы работы с водой в фотошопе и что можно сделать из воды. В данном примере рассказывается как сделать юбку из воды. Фотошоп позволяет творить чудеса.

Создайте новый документ в фотошоп. Фон сделайте цветом #909090. Сейчас, используя Blending option применяем стиль слоя Gradient Overlay (Перекрытие градиентом) для Слоя 1. (NS: сначала откройте слой background — двойной щелчок по слою, в открывшемся окне введите новое имя слою «Слой 1» и программа переименует слой и освободит от замка. Далее, правый щелчок мышкой и выбираем Blending option ). Преобразуем эффект в слой, щелкаем правой клавишей мыши на Gradient Overlay (строке в палитре слоёв) и выбираем Create Layer (Создать слой). Затем, удерживая Alt , щелкаем между «Слоем 1» и «Слоем 1 Заливка градиентом» (NS: курсор изменит свой вид и программа отменит, созданную предыдущим действием, Clipping Mask ). Переместите «Слой 1» вверх, изменим режим смешивания для этого слоя на Overlay (Перекрытие), уменьшим Непрозрачность до 75% , применим Filter > Noise > Add Noise (Фильтры > Шум > Добавить шум) (количество около 5,5 ), а затем Filter > Sharpen > Sharpen (> Резкость> Резкость) дважды.

Переименуем слой «Layer 1″s Gradient Fill» в » background gradient » (Фон градиент), и слой «Layer 1» на «background sharpen » (Фон резкость), и разместим их в одной группе под названием «фон».

Далее ваша задача подобрать фотографию девушки на которую оденем водяную юбку. Выделите девушку используя инструмент Pen Tool для контура, и Filter > Extract (Alt+Ctrl+X ) для волос) и размещаем ее в нашем документе (при необходимости изменяя размер). Можете переименовать этот слой в «Леди».

Водная Юбка будет иметь хороший вид на естественном теле. Я не буду использовать в уроке фото обнаженного тела, а применю маленькую хитрость. Щелкаем на слое «Леди», удерживая Alt , и используя инструмент Clone Stamp Tool (S) (Штамп), убираем часть одежды (нет необходимости это делать совершенным и реалистичным).

Примечание: Рекомендую сделать следующее — создать новый слой над слоем «Леди» и, взяв образец для клонирования в слое «Леди», маскировать одежду на этом новом слое. Это сохранит наше оригинальное изображение. Я сделал таким образом, и назвал этот слой «Lady panties mask».

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

Нам нужна только верхняя часть этого изображения (который между прочим напоминает юбку). Используем Rectangular Marquee Tool (M) (Прямоугольное выделение), вырезаем эту часть, и, используя Free Transform (Свободное трансформирование)(Ctrl+T ), размещаем это в нашем проекте. Назовите слой с этим всплеском «юбка» и разместите его группе «водная юбка».

Инструментом Magic Wand Tool (W) (Волшебная палочка) выделяем участок, установите Tolerance (Допуск) на 5 и удаляем голубой фон (выделяем область и нажимаем Delete ). После этого подчищаем Eraser Tool (E) (Ластиком).

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

Изменим Blending Mode (режим смешивания) слою «платье» на Luminosity (Свечение). Сейчас используем Filter > Liquify (Shift+Ctrl+X ), чтобы сделать этот всплеск более естественным, как юбка. Используйте Forward Wrap Tool (W) чтобы сделать это.

Дублируем слой «платье», меняем Blending Mode на Overlay (Перекрытие) и снижаем Непрозрачность к 40% . Убедитесь, что Вы находитесь в слое «платье», и щелкаем на слое «Леди» (в палитре слоёв клик по иконке), удерживая Ctrl , чтобы загрузить выделение. Теперь, используя Burn Tool (O) (Затемнение) обработаем область ног «под юбкой» пока не получим хороший эффект. После этого снимаете выделение.

Примечание: Пробуйте экспериментировать с размером кисти инструмента Burn Tool (O) и значением Exposure (Воздействие — в панели опций). Если Вы используете другие изображения всплесков/модели, экспериментируете с Непрозрачностью для слоя «копия юбка».

Мы почти закончили. Выберите Sharpen Tool ® (Резкость) и используя разный размер кисти, обработаем слой «платье». После нескольких щелчков Вы поймете, зачем мы это делаем — вода будет выглядеть более… резкой.

Примечание: Пробуйте экспериментировать инструментом Sharpen Tool ®, размером кисти и значениями Exposure (Воздействие). Не прокрашивайте всю юбку, только выбирайте некоторые участки. Так резкость капель воды будет лучше смотреться.

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

Этап 1: подготавливаем изображение

1. Начинаем с того, что создаем копию базового (фонового) слоя. Для этого нажимаем комбинацию клавиш Ctrl+J.
2. Для создания отражения потребуется дополнительное место на холсте. Поэтому переходим в меню “Изображение”, где щелкаем по строке “Размер холста”.

3. В открывшемся окне в два раза увеличиваем значение высоты, а также, меняем положение исходной картинки, щелкнув по средней стрелке в верхней строке.

4. В итоге внизу изображения добавится ровно столько же места (по высоте).

5. Теперь нужно перевернуть изображение на верхнем слое. Для этого выделяем его нажатием клавиш Ctrl+T, затем правой кнопкой мыши щелкаем внутри выделенной области и в открывшемся списке жмем “Отразить по вертикали”.

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

7. На этом подготовительная часть работы выполнена и переходим к следующему этапу.

Простой эффект отражения на воде

Автор: NON. Дата публикации: 05 февраля 2019. Категория: Обработка фотографий в фотошопе.

Простой

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

на воде

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

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

Урок сделан в версии фотошопа CS3, но может быть легко выполнен в любой версии фотошопа.

Посмотреть другие приёмы работы с каналами Вы можете здесь

Откроем исходное изображение.

Сделаем активным инструмент «Быстрое выделение» (W) и выделим воду, на которой будем делать отражение. Вы можете использовать любой удобный для Вас инструмент выделения. Так как с первого раза обычно точного выделения создать не удаётся, то используйте две кнопки на панели параметров инструмента «Быстрое выделение» со значком плюса и со значком минуса. А ещё лучше использовать горячие клавиши Shift (для добавления) и Alt (для вычитания) выделенной области.

Перейдём в палитру «Каналы» и сохраним созданное выделение в виде отдельного альфа-канала. Для чего достаточно нажать на второй слева иконке в палитре «Каналы».

Снимаем выделение — Ctrl+D.

Теперь опять активизируем инструмент «Быстрое выделение» (W) и выделим небо. Копируем выделение в буфер обмена — нажимаем горячие клавиши Ctrl+C.

Снимаем выделение — Ctrl+D.

Загружаем выделение из альфа-канала — нажимаем сочетание клавиш Ctrl+Alt+4.

Переходим в «Выделение — Модификация — Растушевка».

В открывшемся окне поставим радиус около 3 пикселов.

Переходим в «Редактирование — Вклеить в».

Получаем вот такой промежуточный результат.

Вызываем «Свободное трансформирование» (Ctrl+T), правой кнопкой щёлкаем внутри рамки трансформации и в раскрывшемся списке выбираем пункт «Отразить по вертикали».

Перемещаем небо так, как нам надо и применяем трансформирование — Enter.

Меняем режим наложения верхнего слоя на «Мягкий свет» (попробуйте и другие режимы наложения).

Получаем вот такой красивый эффект.

Выбираем инструмент «Кисть» (В) со стандартными установками, за исключением непрозрачности, которую ставим примерно на 15-20%, На переднем плане чёрный цвет.

Чтобы вода не была такой слишком синей, «проходимся» по ней кистью. Вот так выглядит маска слоя.

Мы с Вами получили простой и красивый эффект отражения

на воде.

Посмотреть другие приёмы работы с каналами Вы можете здесь

Если Вы не хотите пропустить интересные уроки по обработке фотографий — подпишитесь на рассылку.

Форма для подписки находится ниже.

0

Печать

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

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

. Для отображения
Аватара
(вашей картинки) необходимо на ту же почту иметь аккаунт на — Gravatar, это бесплатно.

JComments

Этап 2: создаем текстуру

1. Заходим в меню файл и щелкаем по пункту “Создать”.
2. Задаем одинаковые размеры ширины и длины (должны быть большие, например, 5000 пикселей) и нажимаем кнопку “Создать”.

3. Копируем фоновый слой нажатием клавиш Ctrl+J.

4. Переходим в меню “Фильтр”, где щелкаем по пункту “Добавить шум” (группа “Шум”).
5. В качестве значения эффекта устанавливаем 65%, выбираем распределение по Гауссу, ставим флажок напротив опции “Монохромный”, после чего жмем OK.

6. К этому же слою нужно применить фильтр “Размытие по Гауссу” (меню “Фильтр” – группа “Размытие”).

7. В открывшемся окне настроек фильтра устанавливаем значение радиуса, равное 5 пикселям.
8. Теперь нужно усилить контрастность слоя. Для этого жмем комбинацию Ctrl+M, чтобы открыть окно параметров “Кривые”. Двигая ползунки выставляем настройки примерно так, как показано на рисунке ниже. По готовности щелкаем OK.

9. Сбрасываем цвета, т.е. черный – основной, белый – фоновый. Для этого нажимаем на клавиатуре клавишу D.
10. Переходим в меню “Фильтр”, где щелкаем по пункту “Галерея фильтров”.

11. Раскрываем группу “Эскиз”, где выбираем “Рельеф”. Для детализации и смещения выставляем значения, равные 2. Для параметра света выбираем вариант – “снизу”.

12. Нам нужен еще один фильтр “Размытие в движении” (меню “Фильтр” – группа “Размытие”).

13. Выставляем смещение, примерно, в диапазоне 35-40 пикселей. Угол должен быть нулевым.
14. Когда текстура готова, перемещаем ее на наше изображение с помощью зажатой левой кнопки мыши.

    
    Для этого нужно предварительно выбрать инструмент “Перемещение”, который доступен в боковом меню программы слева.

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

16. Нажимаем клавиши Ctrl+T, чтобы выделить слой с текстурой. Т.к. его размеры значительно больше нашего холста, чтобы было удобнее работать с ним, меняем масштаб. Для этого можно одновременно нажать клавиши Ctrl и “-“, или ввести желаемое значение в соответствующем поле в нижнем левом углу окна программы.

17. Сжимаем слой следующим образом:
    • нижнюю границу – по нижней линии холста
    • верхнюю границу – по линии, разделяющей оригинальное изображение и его перевернутую версию.
18. Затем нажимаем правой кнопкой мыши по любой точке в области холста и в открывшемся контекстном меню кликаем по строке “Перспектива”.

19. Зажав левую кнопку мыши тянем края выделенной области, выровняв верхние точки по ширине холста. Нижние точки аналогичным образом сжимаем, но не так много, оставив их за холстом. Должен получиться примерно следующий результат. Когда все готово, жмем клавишу Enter.
20. Переходим в Палитру слоев. Находясь на самом верхнем слое с текстурой, зажав клавишу Ctrl на клавиатуре, щелкаем по миниатюре слоя ниже (отраженному по вертикали изображению). Обращаем Ваше внимание, что кликнуть нужно именно по миниатюре слоя, а не по его названию.

21. Теперь жмем сочетание клавиш Ctrl+J, чтобы скопировать выделение в новый слой. В редакторе слоев появится новый слой с текстурой.

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

23. Щелкаем правой кнопкой мыши по новому слою с текстурой и в открывшемся контекстном меню кликаем по команде “Создать дубликат слоя”.

24. В группе параметров “Назначение” указываем значение “Новый” и задаем название документа.

25. В окне программе в отдельной вкладке откроется только что созданный дубликат с текстурой.
26. Теперь приступаем к удалению к холста прозрачных пикселей. Для этого переходим в меню “Изображение”, в которой выбираем пункт “Тримминг”.
27. Из предложенных вариантов останавливаемся на выполнении процедуры на основе “Прозрачных пикселов”, после чего жмем кнопку OK.

28. В результате нам удалось убрать прозрачную часть холста.

29. Сохраняем полученную текстуру в файл с расширением “psd” (Photoshop). Для этого переходим в меню “Файл”, выбираем пункт “Сохранить как”.

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

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

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

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

Оригинальный снимок

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Задаем размеры холста

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

Снизу добавился холст белого цвета

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

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

Выбираем Select > All

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

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

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

Выбираем Select > Deselect

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Опции Fill

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

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

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

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

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

Судя по цветовым ячейкам, цвета переднего и заднего планов заданы по умолчанию

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

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

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

Открываем категорию Sketch и выбираем фильтр Halftone Pattern

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

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

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

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

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

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

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

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

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

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

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

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

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

Отводим левый манипулятор влево. Правый самостоятельно смещается вправо

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

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

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

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

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

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

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

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

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

Нажимая на вкладки, можно переключаться между открытыми документами

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

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

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

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

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

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

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

Закрываем новый документ, оставив оригинал

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

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

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

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

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

Нажимаем на кнопку меню в панели слоев

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Под слоем Layer 2 находятся оба смарт-фильтра. Двойной щелчок откроет вам возможность отрегулировать их настройки

Шаг 16: Добавляем маску слоя

Теперь давайте уберем рябь с верхней половины фотографии с помощью маски слоя. Выбрав Layer 2, нажмите Ctrl (Win) / Command (Mac) на клавиатуре, а мышью выберите миниатюру слоя Layer 1:

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

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

В этот раз выделена нижняя половина снимка

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

Нажимаем Layer Mask

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

Панель слоев с новой маской слоя

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

Фотография после создания маски

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Оригинальный пейзаж

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

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

Удачи вам!

Этап 3: создаем отражение

Смотрите также: “Как сделать эффект дождя в Фотошопе”

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

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

2. Переходим в Галерею фильтров, расположенную в меню “Фильтр”.

3. Раскрываем группу “Искажение”, в которой выбираем фильтр “Стекло”. Щелкаем по значку в виде списка, и затем – по появившейся команде “Загрузить текстуру”.

4. Открываем ранее сохраненную текстуру в формате “psd”.
5. Настраиваем параметры искажения и смягчения на свое усмотрение (ориентироваться можно на наши значения). При этом, корректировать значение масштаба не нужно.

6. Переключаемся на слой с текстурой и включаем его видимость обратно. В параметре “Режим наложения” выбираем вариант “Мягкий свет” и уменьшаем непрозрачность (ориентировочно, до 20-30%).
7. В целом, можно сказать, что все сделано. Однако есть небольшой нюанс. Дело в том, что в водной глади отражаются не только горы, трава и т.д. Нельзя забывать и про небо.

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

9. Берем за образец цвет нашего неба (с помощью инструмента “Пипетка”) и заливаем новый слой, используя “Заливку”, которую можно выбрать на боковой панели.
10. Размещаем этот слой над слоем с отраженным изображением, после чего зажав клавишу Alt на клавиатуре щелкаем по границе межу слоем с отраженным изображением и слоем с залитым цветом.

11. Создаем слой-маску, нажав на соответствующий значок в редакторе слоев.

12. На боковой панели инструмента выбираем инструмент “Градиент”.

13. Щелкнув по стрелке вниз рядом с текущим вариантом градиента, раскрываем список, в котором выбираем “От черного к белому”.

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

15. Должен получиться примерно такой результат.

16. Устанавливаем непрозрачность слоя с залитым цветом примерно на уровне 50-60%.

17. На этом можно сказать, что наша работа по созданию отражения гор в воде завершена.

Снимаем отражение в воде

© lincolnian

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

© karl17

© geoffbarrattgeoff

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

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

Отражение в солнечную погоду почти такое же контрастное, как сами отраженные объекты. © pearbiter

А вот пример: за счет яркого бокового освещения деревья, берег реки и здания можно рассмотреть в деталях, так же как и их отражение в водной глади.

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

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

Не очень понятно, что перед глазами — результат странной обработки в графическом редакторе, применение эффектного фильтра или просто отражение в луже. © mc lemore](https://flickr.com/photos/mc_lemore/), © [senor codo

Здесь благодаря включенной в кадр достаточной площади асфальта четко видно, что перед нами именно отражение в луже. © esqenzo

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

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

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

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

Отражения огней — важная составляющая часть этого снимка. © tanakawho

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

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

Использование симметрии деревьев и их отражений относительно кромки воды. © treehouse1977

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

Пример съемки с длительной выдержкой. © Michael Kenna

Съемка с длительной выдержкой. © David Fokos

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

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

Где можно найти подходящие объекты для таких отражений? Это все крупное и яркое, что плавает вблизи берега или находится в непосредственной близости: суда, дебаркадеры, конструкции причалов и набережных, мосты, здания и другие сооружения. Чем ярче, красочнее объект, чем он лучше освещен, тем интереснее получаются от него блики на воде.

Отражение рекламы на дебаркадере. © Максим Кривошеев

Снимок до обработки. Усилен контраст, резкость, насыщенность цвета, и дополнительно подрегулирован синий цвет отраженного в воде неба. © Максим Кривошеев

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

Выдержки 1/2000 с не хватило для того, чтобы «заморозить» это отражение. © Максим Кривошеев

Здесь вода была более спокойная, и отражение получилось довольно резким при выдержке 1/250 с. © Максим Кривошеев

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

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

© bobjagendorf

Маленькие хитрости

Не секрет, что большинство уроков для «Фотошоп» – это переводы с английского, реже с других языков. В тоже время очень много интересных уроков только на английском. Что же делать тем, у кого «Фотошоп» на русском языке (то есть с русификатором)?

Для того чтобы переключиться на английский (временно), достаточно переименовать (можно изменить всего один символ) файл с расширением .dat, который вы найдете в папке Support Files (C:\Program Files\Adobe\Adobe Photoshop CS…\Locales\ru_RU\).

Вернуться к русскому вы сможете, восстановив исходное название файла с расширением .dat.

«Рябь из океанских волн»

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

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

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

Тем не менее для имитации «ряби» уроки Photoshop чаще всего предлагают использовать карту смещения, пример которой описан выше. Применяется фильтр «Полутоновый узор/Halftone Pattern» из группы «Эскиз»/Sketch. В качестве основы для карты создают новый документ на отдельном слое и заливают его белым цветом.

При этом в настройках фильтра обязательно выбирают «Тип узора»/Pattern Type «Линия»/Line, а «Размер» и «Контрастность» — в зависимости и от характера изображения. Их средние значения будут колебаться где-то в пределах 10-15 («Размер») и 3-7 («Контрастность»).

Присвоив имя, карту сохраняют (Ctrl+Shift+S) в формате PSD и в нужный момент применяют аналогично примеру, описанному выше (раздел «Шаг 3. Переносим «волновую рябь» на изображение»).

Как создать в Photoshop реалистичное отражение на воде ?

Конечно же для создания качественного отражения на воде можно воспользоваться специальной программой ,плагином. Например Flaming Pear Flood . Но , как для начинающего фотошопера , мне было бы интересно создать его вручную. И так начнём. Для этого урока будем использовать фотографию острова , который расположен в в Нормандии, департамент Манш во Франции. Открываем её в Photoshop . Двумя кликами по замочку разблокируем Основной слой (Background). Теперь нам нужно добавить пространства, которое будет заполнено водой. Заходим Изображение — Размер холста (Image-Canvas Size) и увеличиваем высоту в два раза : Дублируем слой с фотографией . Отразим его по вертикали : Редактирование-Трансформирование-Отразить по вертикали и расположим дубликат ниже оригинала. Получили зеркальное отражение. Ниже слоя Отражение создайте новый слой и назовите его Вода, залейте его синим цветом ( это в моём случае , настройки цвета конечно же индивидуальные. К слою Отражение добавляем маску, нажатием соответствующей иконки внизу панели слоёв . Заливаем её прямым градиентом от черного к белому, таким образом наше отражение «растворяется в воде» Нажимаем Ctrl+клик по пиктограмме маски, появится выделение видимой части. Переключимся с маски к самому отражению , далее жмем Фильтр — Размытие — Размытие в движении (Filter-Blur-Motion Blur), ставим Угол (Angle)-90, Смещение (Distance)-10 pix. Не надолго отодвинем изображение замка и займёмся созданием водной ряби . Для этого создаем новый документ размером 1000 x 2000px в RGB . Заходим в Фильтр — Шум — Добавить шум (Filter-Noise-Add Noise), ставим Эффект (Amount) на максимум и включаем флажок Монохромный (Monochromatic) Следующим шагом будет Фильтр-Размытие-Размытие по Гауссу (Filter-Blur-Gaussian Blur) ,устанавливаем значение Радиуса -2 px : Переключимся на панель Каналы (Channels). Выбираем красный канал, жмем Фильтр-Стилизация-Тиснение (Filter-Stylise-Emboss), и устанавливаем значения: Угол (Angle)-180, Высота (Height)-1 и Эффект (Amount) выкручиваем на максимум : Тот же фильтр применяем к зеленому каналу, но Угол (Angle) ставим 90 Включаем все каналы, активным делаем RGB и переходим к панели Слои (Layers). Разблокируем Фон (Background) : Теперь нам нужно растянуть нижнюю часть, для создания перспективы. Заходим Редактирование-Трансформирование-Перспектива (Edit-Transform-Perspective) и тянем нижние углы в стороны как показано ниже: Дальше заходим в Изображение-Размер изображения (Image-Image Size), уменьшаем высоту до 1000 px (не сохраняем пропорции) т.е. получаем квадратное изображение : Должно получиться что то подобное: Сохраняем этот файл в PSD формате и закройте . Возвращаемся к нашей работе. Зажав клавишу CTRL Кликните по пиктограмме слоя с отражением тем самым создадим выделение в той части изображения, где будет вода. Заходим Фильтр-Искажение-Смещение (Filter-Distrort-Displace), ставим Масштаб по горизонтали (Horizontal Scale)-30 , Масштаб по вертикали (Vertical scale)-60. Так же ставим метки Растянуть (Stretch to Fit) и Повторить граничные пикселы (Repeat Edge Pixels): После нажатия кнопки OK появится диалоговое окно открытия файла, выбираем PSD, сохраненный во втором шаге. После этого картинка принимает такой вид: Возможно вам придется вернуться и поэкспериментировать со значениями в настройках фильтра — это зависит от размера обрабатываемого изображения. Осталось доработать некоторые мелочи. Во-первых затемним те области, где вода соприкасается с землей. Создайте новый слой, при помощи инструмента Прямоугольное выделение создайте в нем узкое выделение в этом месте и залейте его черным Редактировать — Выполнить заливку (Edit- Fill). Снимите выделение CTRL+D и примените Фильтр-Размытие-Размытие по Гауссу(Filter-Blur-Gaussian blur) с радиусом — 20px. Меняем режим смешивания слоя на Мягкий свет (Soft Light), а также снижаем Opacity до 80%. Добавляем корректирующий слой Слой -Новый корректирующий слой -цветовой тон/насыщенность (Layer -New Adjustment Layer-Hue/Saturation) и ставим Насыщенность (Saturation)-30: Добавляем ещё один корректирующий слой — Черно — белое (Add a Black and White), используйте из Набора (пресет) Зелёный фильтр (Green filter preset). Меняем режим слоя на Перекрытие (Overlay), непрозрачность (Opacity) — 30%. И последний корректирующий слой — Слои — Новый слой заливка — Градиент (Gradient) от прозрачного к черному, стиль — Радиальный (Radial), Масштаб (Scale) — 150%. Режим смешивания слоя меняем на Мягкий свет (Soft Light), Непрозрачность (Opacity) ставим 30%. Вот и результат : Автор: Aaron Chua Оригинал урока: 10steps.sg Желаю успехов ! Всегда для Вас: photoshoplesson.ru У Вас возникло желание показать результаты Ваших трудов ? Выложите свои работы на наш форум ! Уважаемые посетители сайта, потратившие время на прочтение этого урока . Нам очень хотелось бы знать понравился ли он вам и был ли он вам полезен. Не поленитесь оставить комментарий . Заранее спасибо. ПОХОЖИЕ УРОКИ: Как создать отражение предмета в Photoshop Создадим в фотошоп эффект отражения в стекле

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

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

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

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

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

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

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

Приступим!

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

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

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

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

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

из Adobe Stock):

Исходное фото. Предоставлено: Adobe Stock.

Шаг 2. Разблокируйте фоновый слой и назовите его «Фото»

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

Двойной щелчок по фоновому слою.

Photoshop открывает диалоговое окно Новый слой . Назовите слой «Фото» и нажмите OK:

.

Переименование фонового слоя в «Фото».

Вернувшись на панель «Слои», фоновый слой теперь является слоем «Фото», и значок замка исчез:

Фоновый слой теперь разблокирован и называется «Фото».

Шаг 3. Дублируйте слой и назовите его «Отражение»

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

Перетащите слой на значок нового слоя, удерживая Alt / Option.

Отпустите кнопку мыши, а затем отпустите клавишу Alt / Option. Photoshop открывает диалоговое окно « Дубликат слоя ». Назовите слой «Отражение» и нажмите OK:

.

Именование копии слоя «Отражение».

Слой «Отражение» появляется над слоем «Фото»:

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

Шаг 4. Преобразование слоя «Отражение» в смарт-объект

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

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

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

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

Значок смарт-объекта появляется в правом нижнем углу эскиза предварительного просмотра слоя «Отражение», сообщая нам, что слой теперь является смарт-объектом. Любые фильтры, которые мы применяем к слою, теперь будут применяться как редактируемые смарт-фильтры:

Слой «Reflection» теперь является смарт-объектом.

Шаг 5. Добавьте больше холста под фотографией

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

Выбор размера холста в меню изображения.

В диалоговом окне «Размер холста» установите для ширины значение 100 процентов и высоты значение 200 процентов . Не устанавливайте флажок «Относительный». Чтобы добавить все дополнительное пространство под фотографии, щелкните верхнее среднее поле в сетке Anchor , а затем щелкните OK, чтобы закрыть диалоговое окно:

Диалоговое окно «Размер холста».

Photoshop добавляет дополнительное пространство под изображением. Если дополнительное пространство выходит за пределы экрана, нажмите Ctrl + 0 (Win) / Command + 0 (Mac) на клавиатуре, чтобы выбрать команду «По размеру экрана» в Photoshop:

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

Шаг 6. Переместите «отраженное» изображение в добавленное пространство

Переместите изображение «Отражение» под основной фотографией в новое пространство холста, выбрав инструмент Move Tool на панели инструментов:

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

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

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

Шаг 7. Отразите изображение по вертикали

Отразите изображение на слое «Reflection» по вертикали так, чтобы отражение в воде отражало фотографию над ним. Поднимитесь в меню Edit в строке меню, выберите Transform , а затем выберите Flip Vertical :

Идем в Edit> Transform> Flip Vertical.

После отражения слоя «Отражение» нижнее изображение теперь отражает верхнее:

Вода теперь отражает изображение над собой.

По теме: Создайте эффект зеркального изображения с помощью Photoshop

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

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

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

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

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

.

Идем в Фильтр> Размытие> Размытие в движении.

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

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

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

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

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

Панель «Слои» с интеллектуальным фильтром «Размытие в движении».

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

Так как вода имеет тенденцию выглядеть синей, давайте добавим голубоватый оттенок к отражению. Щелкните значок New Fill или Adjustment Layer в нижней части панели Layers:

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

Выберите Solid Color в верхней части списка:

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

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

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

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

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

Шаг 11. Перетащите слой заливки ниже слоя «Отражение»

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

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

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

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

Щелкните миниатюру маски слоя смарт-фильтров.

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

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

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

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

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

По-прежнему на панели параметров убедитесь, что стиль градиента Linear выбран, щелкнув его значок (непосредственно справа от образца цвета градиента):

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

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

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

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

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

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

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

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

Шаг 15: Добавьте маску слоя к слою «Reflection»

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

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

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

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

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

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

Шаг 16: Уменьшите интенсивность синего

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

Понижение плотности маски слоя для уменьшения синего цвета.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Выбираю> Все.

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

Идем в меню «Правка»> «Копировать».

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

Переход к файлу> Создать.

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

.

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

Шаг 19: Добавьте шум

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

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

В диалоговом окне Добавить шум установите Amount на 400% , а затем выберите Gaussian и Monochromatic внизу.Щелкните ОК, чтобы закрыть диалоговое окно. Photoshop заполняет документ шумом (маленькие черные и белые точки):

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

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

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

Идем в Фильтр> Размытие> Размытие по Гауссу.

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

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

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

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

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

Щелкните канал Red , чтобы выбрать его:

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

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

Идем в Фильтр> Стилизация> Тиснение.

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

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

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

Щелкните канал Зеленый , чтобы выбрать его:

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

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

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

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

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

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

Затем вернитесь на панель Layers , щелкнув ее вкладку:

Повторное открытие панели «Слои».

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

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

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

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

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

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

Шаг 26: Преобразование перспективы изображения

Перейдите в меню Edit , выберите Transform , а затем выберите Perspective :

Идем в Edit> Transform> Perspective.

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

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

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

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

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

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

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

Шаг 28: кадрирование изображения

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

Выбираю> Все.

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

Переход к изображению> Обрезка.

Чтобы удалить контур выделения, вернитесь в меню Select и выберите Deselect :

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

Связанный: Как обрезать изображения в Photoshop CC

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

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

Идем в Edit> Free Transform.

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

Перетаскивание верхнего маркера трансформации в центр.

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

Мы создали карту смещения и готовы ее сохранить. Поднимитесь в меню File и выберите Save As :

Переход к файлу> Сохранить как.

В диалоговом окне «Сохранить как» назовите файл «displacement-map» и сохраните его на рабочем столе или в другом месте, где вы сможете легко его найти.Убедитесь, что для формата Format установлено значение Photoshop , чтобы файл был сохранен как файл .PSD , а затем нажмите Сохранить . Если Photoshop спрашивает, хотите ли вы включить максимальную совместимость для файла, нажмите OK:

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

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

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

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

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

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

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

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

Идем в Фильтр> Искажение> Смещение.

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

В моем случае я установил горизонтальный масштаб на 10 и вертикальный масштаб на 80. Оставьте Displacement Map равным Stretch To Fit и Undefined Areas , установленным на Repeat Edge Pixels , а затем нажмите OK :

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

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

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

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

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

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

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

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

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

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

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

Различные настройки смещения дадут разные результаты.

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

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

Фильтр «Смещение» создавал артефакты в верхней части отражения от воды.

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

Идем в Edit> Free Transform.

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

Щелкните OK, чтобы принять сообщение.

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

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

Шаг 35: кадрирование изображения

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

Выбор инструмента кадрирования.

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

Обрезка части отражения воды на дне.

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

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

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

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

Щелкнув значок «Новый слой».

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

Выбор инструмента «Прямоугольная область».

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

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

Залейте выделение черным цветом, перейдя в меню Edit и выбрав Fill :

Идем в меню «Правка»> «Заливка».

В диалоговом окне «Заливка» установите для Contents значение Black и нажмите OK:

Установка черного для параметра содержимого.

Выбор закрашен черным:

Выделение после заливки черным.

Удалите контур выделения, перейдя в меню Select и выбрав Deselect :

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

Смягчите края, перейдя в меню Filter , выбрав Blur , а затем выбрав Gaussian Blur :

Идем в Фильтр> Размытие> Размытие по Гауссу.

В диалоговом окне «Размытие по Гауссу» перетащите ползунок Radius вправо, пока края не станут красивыми и мягкими. Для изображения большего размера хорошо подходит значение 30-40 пикселей. Для изображений меньшего размера попробуйте 15-20 пикселей. Нажмите ОК, чтобы закрыть диалоговое окно:

Перетащите ползунок «Радиус», чтобы смягчить края.

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

После смягчения краев черная область больше похожа на тень.

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

Уменьшение непрозрачности слоя, чтобы тень не переходила в изображение.

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

Последний эффект отражения воды.

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

Создание отражения в воде в Photoshop

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

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

Это гостевое сообщение Симоне Сала

Step 1

Первое, что вам нужно сделать, это открыть изображение, которое вы хотите изменить, в Photoshop. Затем перейдите в «Изображение», нажмите «Размер холста» и удвойте «Высота». Убедитесь, что вы выбрали вершину в качестве точки привязки.
(Примечание: вы также можете использовать инструмент кадрирования и обрезать изображение больше, чем размер холста)

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

Шаг 2

На этом шаге мы начнем создавать отражение. Итак, продублируйте предыдущий слой (CMD / Ctrl + J) и назовите его «Отражение». Затем перейдите в «Правка»> «Трансформировать»> «Отразить по горизонтали».

Шаг 3

Теперь мы создадим размытие. Фильтр> Размытие> Размытие в движении. Установите угол 90 ° и расстояние 30 пикселей.

Шаг 4

Выберите «Smudge Tool» и установите размер кисти на 150 пикселей, жесткость на 0 и силу на 20%.Используйте этот инструмент для создания неровностей, характерных для водной поверхности.
Я предлагаю вам поэкспериментировать с настройками, чтобы получить наиболее понравившийся результат.

Step 5

Пришло время создать водную рябь.
Теперь создайте новый слой, залейте его белым цветом. Перейдите в Фильтр> Шум> Добавить шум.
Сумма 400%, установите «Распределение» по Гауссу и отметьте «Монохроматическое».

Step 6

Перейдите в Filter> Blur> Motion Blur. Установите угол на 0 градусов и расстояние на 40 пикселей.
Теперь изменим контраст. Поэтому нажмите Ctrl + L и используйте следующие значения:

Входной черный: 147
Средние тона: 1,53
Входной белый: 219

Шаг 7

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

Шаг 8

Перейдите в «Фильтр», «Размытие» и «Размытие по Гауссу»: установите Радиус на 3 пикселя.
Теперь установите непрозрачность слоя на 30% и режим наложения на Soft Light.

Шаг 9

Дублируйте предыдущий слой.
Нажмите Ctrl + I (чтобы инвертировать цвета) и установите режим наложения уровня на Overlay, непрозрачность на 25%.
Не забудьте поместить эти два слоя между слоем с исходным изображением и слоем «Отражение».

Final

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

Будьте в курсе!

CS6 Superguide

Присоединяйтесь к нашему списку, чтобы получать больше руководств и советов по Photoshop. Получите эксклюзивные учебные пособия, скидки и бесплатные супер-руководства. Никакого спама, весь контент, не чаще одного раза в неделю.
Если вы внесены в наш список, вы получите его бесплатно по электронной почте, как только он станет доступен. Если нет, зарегистрируйтесь сейчас и получите CS6 Superguide бесплатно. Или щелкните изображение ниже.

---

Quick Photoshop Edit Making Water Blue

Быстрое редактирование в Photoshop Создание синего цвета воды

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

• Озеро Нойшванштайн, Германия Самата Оки
• Озеро Луиза, Канада Брэкстон Стунц
• Хорватия Джозеф Келли

---

Как сделать воду синей в 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. В корректирующий слой Selective Color было внесено несколько изменений, как показано ниже. Это было сделано для того, чтобы добавить в воду как можно больше голубого.

6. Как и раньше, мы использовали фильтры Camera Raw, нажав Ctrl + Shift + A на ПК (Cmd + Shift + A на Mac). На этот раз в фильтр Camera Raw было внесено меньше изменений по сравнению с первым слоем. Все, что мне нужно было добиться, это выделить еще больше голубого в воде, вот настройки и изображение после увеличения голубого.

7. Теперь нам нужно создать целевую маску, точно такую ​​же, как и раньше, только на этот раз она не должна быть такой точной. Поэтому я вручную создал эту маску, чтобы голубой цвет оставался в воде, не затрагивая все изображение. Также было приятно оставить немного синего в небе. На изображении ниже и слева показано, как слой выглядел после настроек фильтра Camera Raw. Я применил маску, которая находится ниже центра, затем немного уменьшил непрозрачность до 82%. Изображение внизу справа — это слой после уменьшения непрозрачности и применения маски.

8. Более темные части воды все еще слишком зеленые. Итак, чтобы добавить немного большей яркости воде, я использовал простой корректирующий слой Curves, чтобы осветлить более темные области. Поскольку я хотел, чтобы это повлияло только на воду, а не на немного цвета, который я оставил на небе или любых других слоях, я создал обтравочную маску и применил маску, защищающую небо.

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

10. В качестве последних штрихов я использовал Detail Enhancer из панели Raya Pro Filters and Finish. Я также применил эффект Ортона, используя Raya Pro Dodge & Burn Panel.

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

Перед обработкой После обработки

---

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

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

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

---

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

Введите свой адрес электронной почты и присоединитесь к нашему сообществу из более чем 100 000 фотографов, у которых

• Вы подписались на нашу рассылку новостей.
• Скачал БЕСПЛАТНЫЙ курс Photoshop.
• Воспользуйтесь нашей БЕСПЛАТНОЙ панелью Easy в Photoshop.

Также теперь вы можете БЕСПЛАТНО скачать наш курс Photoshop для начинающих, нажмите

ЗДЕСЬ .

БЕСПЛАТНЫЙ курс Photoshop

---

Искусство фотографии

---

Raya Pro

---

Как создать потрясающую прозрачную водяную лошадь в Photoshop

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

Предварительный просмотр окончательных результатов

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

Шаг 1

Итак, как превратить обычную лошадь в водяную? Итак, сначала откроем изображение «Лошадь». Это очень красивая фотография, полная динамизма и движения, почти требующая классной манипуляции с фотографиями. Если вы следовали моим предыдущим урокам на photoshoptutorials.ws, вы, вероятно, знаете, как сделать огненную лошадь и ледяную лошадь, так что это должно дать еще одно решение для преобразования лошади.

Шаг 2

Первое, что мы должны сделать, это избавиться от лошади и заменить ее фоном.Используйте Lasso Tool (L) или Quick Selection Tool, чтобы сделать грубый выбор лошади.

Шаг 3

Теперь, когда у нас есть выделение, давайте выберем инструмент Clone Stamp и начнем клонирование снаружи выделения и рисование внутри. Постарайтесь, чтобы отбор проб и клонирование проводились на одной линии (не снимайте сэмплы с неба и не клонируйте там, где должно быть море). Вы можете видеть на изображении ниже, что я заменил голову лошади морем и небом. Чтобы сэмплировать с помощью инструмента «Клонировать штамп», щелкните нужное место, удерживая клавишу «Alt».

Шаг 4

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

Шаг 5

Нажмите Ctrl + D, чтобы снять выделение. Обратите внимание, что у нас есть темная некрасивая линия, очерчивающая лошадь.Избавьтесь от него, снова выбрав инструмент «Клонировать штамп» и тщательно сделав выборку и клонирование. Делайте это медленно, не торопитесь, и если вы допустили ошибку, лучше вернуться на шаг назад (Ctrl + Z или Ctrl + Alt + Z для нескольких шагов), а затем попробуйте поработать над этим.

Шаг 6

Помните, я сказал вам сохранить выбор лошади на шаге 4? Пришло время использовать это. Загрузите выделение, выбрав «Выделение»> «Загрузить выделение» и в раскрывающемся меню выберите имя, которое вы использовали для его сохранения на шаге 4.

Шаг 7

Создайте новый слой, нажав Ctrl + Shift + Alt + N и нажав Alt + Backspace, чтобы залить выделение цветом переднего плана. Неважно, какого это цвета.

Шаг 8.

Назовите слой, который вы создали на предыдущем шаге, «Horse Glue» (звучит странно, но это будет слой, который склеит все брызги воды и заставит его чувствовать себя настоящей лошадью, а не просто случайными каплями воды) или любое другое имя и дважды щелкните по нему, чтобы открыть экран «Дополнительные параметры наложения».Здесь я хочу, чтобы вы уменьшили Заливку до 0% и Непрозрачность до 75%. Если вы не знали, что «Заливка» управляет непрозрачностью самого слоя, а «Непрозрачность» управляет непрозрачностью слоя и эффектов слоя вместе. Поэтому, если вы уменьшите Заливку до 0%, цвет, который вы использовали для заливки выделения лошади и который представляет пиксели слоя, станет невидимым, но будущие эффекты слоя будут полностью видны. Круто, да?

Как создать эффект идеального отражения воды в 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 .

Есть изображения, на которых нет свободного места для работы, поэтому вам нужно добавить пустое пространство в холст / рабочую область. Возьмите инструмент «Обрезка» (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) .Примените фильтр «Волокна» ( Filter> Render> Fibers ). Вы можете поиграться с настройками, чтобы создать другую текстуру.

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

Сводка

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

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

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

В последнее время я мечтала о пляже.

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

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

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

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

Создайте новый корректирующий слой сплошного цвета. Выберите цвет, в котором должна выглядеть вода. Может быть, красивый бирюзовый или голубой? Затем измените режим наложения на screen

.

Вы заметите, что он покрывает все изображение.Вы этого не хотите, поэтому инвертируйте маску слоя, нажав cnt + I.

Статья по теме: 7 советов по фотографированию на пляже

Подкаст по теме: СОВЕТЫ ПО СЪЕМКЕ ПЛЯЖНЫХ ФОТОГРАФИЙ!

Слушайте сюда!

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

Поиграйте с разными слоями сплошного цвета, чтобы получить больше внешнего вида, ИЛИ измените режим наложения и посмотрите, что получится!

Если вы попробуете, мне бы хотелось посмотреть, как это у вас получится! Отметьте меня или упомяните меня в Instagram, чтобы я мог видеть, что вы создаете! @cozyclicks

Как вырезать водный фонтан — Урок Photoshop

Как вырезать водный фонтан в Adobe Photoshop

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

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

Полезно, если базовое изображение имеет приемлемое разрешение. Кроме того, фонтан должен хорошо контрастировать с фоном.Я выбрал это изображение:

Пример изображения для вырезания фонтана в Photoshop

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

Изменение фонового слоя на нормальный

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

Мы вырежем фонтан с водой, и для управления выделением очень полезно создать красный контрастный слой под нашим слоем с водой. Поэтому создайте новый слой (SHIFT + Ctrl + N), выберите красный цвет в качестве цвета переднего плана и залейте (клавиша «G») новый слой красным цветом. Теперь перетащите новый слой под слой изображения.

Вставьте красный слой для лучшего контраста.

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

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

Поэтому сначала мы копируем слой изображения и дважды щелкаем в окне слоя рядом с именем слоя, чтобы увидеть диалоговое окно стиля слоя.(или выберите скопированный слой и перейдите в Layer / Layer Style / Blending Options) В поле «Color Range» у нас есть возможность определить с помощью ползунка цветовой диапазон, который будет установлен как прозрачный. Поскольку мы хотим затемнить белые части изображения, выбор по умолчанию в раскрывающемся меню «Серый» подходит для нас. Теперь мы перетаскиваем значок правого треугольника на ползунке и медленно перетаскиваем его влево. Вы увидите предварительный просмотр результата на своем изображении: вода в фонтане станет прозрачной, а вместо этого будет виден наш красный контрастный слой.

Вырезать воду с помощью стиля слоя

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

Промежуточный результат вырезанного фонтана

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

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

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

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

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

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

Затем мы создаем новый слой и перетаскиваем его ниже скопированного слоя с прозрачной водой (важно), выбираем вышеупомянутый слой и объединяем оба слоя с помощью CTRL + E.

Разделите слой с вырезанным фонтаном.

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

Создание выделения содержимого слоя

Теперь будут выделены все пиксели этого слоя, то есть все области, кроме воды. Затем мы инвертируем выделение (SHIFT + CTRL + I) и, наконец, получаем именно ту воду, которая нам нужна.

Выберите исходный слой с фотографией фонтана под названием «изображение», создайте новый слой путем копирования (CTRL + J) и назовите его «выделение».

Появляется вырезанная вода.

Вы видите, что еще несколько областей фона включены в выделение воды.Но мы легко можем выделить их с помощью инструмента «Лассо» (L) и потом удалить.

Теперь у нас есть последний вырезанный фонтанчик!

Если вы хотите объединить визуализированную архитектурную визуализацию или просто другую фотографию с фонтаном, просто перетащите слой с вырезанным фонтаном в новый документ Photoshop.

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

— Создание бассейна для фонтана с использованием элементов фона

— Добавление мягкой тени под фонтаном

— Настройка режим наложения слоя на «Light Point»

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

No related posts.