Создание реалистичного отражения в воде: три башни

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

Сложность: средняя

Время: до 1 часа

Навыки для "прокачки":

- создание реалистичной текстуры волн displacement map и фильтрами - создание отражения в воде - работа с цветовыми каналами - цветокоррекция - работа с многослойным документом - фильтр Lence flare - работа с корректирующими слоями и масками.

Материалы для повторения урока.

Шаг 1: Создание неба Откройте изображение неба. Затем расширьте холст вдвое Alt+Ctrl+C (Размер холста = Canvas size).

Создание реалистичного отражения в воде: три башни - уроки фотошоп

Добавим 2 корректирующих слоя (Adjustment layer). 1) Яркость/Контраст (Brightness / Contrast), Контраст (Contrast) ставим на +15, а Яркость (Brightness) на +15. 2) Фотофильтр (Photo Filter) установлен Теплый фильтр (Warm LBA) на 30%.

Создание реалистичного отражения в воде: три башни - уроки фотошоп

Создание реалистичного отражения в воде: три башни - уроки фотошоп

На панели слоев, удерживая Shift, выберите оба слоя, и нажмите Ctrl+Alt+G (так мы создадим обтравочную маску).

Создание реалистичного отражения в воде: три башни - уроки фотошоп

Шаг 2: Добавление башни Откройте фоnо. Для вырезания башен используйте инструмент Быстрого выделения (Quick selection tool) для выбора каждой башни, а затем перетащите в свой главный файл.

Создание реалистичного отражения в воде: три башни - уроки фотошоп

Добавим слои  Яркость/Контраст (Brightness / Contrast) над каждой из башен и примените тем же путем обтравочную маску. Контраст каждой башни увеличьте на +10, снизьте Яркость до -30 у дальней башни, до -20 у средней и передней башен.

Создание реалистичного отражения в воде: три башни - уроки фотошоп

Создание реалистичного отражения в воде: три башни - уроки фотошоп

Шаг 3: Молния Для облегчения этого процесса выделения молнии Обесцветим изображение и повысим Контраст на максимум. Меню Изображение> Настройки> Обесцветить (Image> Adjustments> Desature), далее Изображение> Настройки> Яркость/Контраст (Image> Adjustments> Brightness / Contrast).

Создание реалистичного отражения в воде: три башни - уроки фотошоп

Перейдем в меню Выделение Цветовой диапазон (Select> Color Range), чтобы выбрать белые молнии.

Создание реалистичного отражения в воде: три башни - уроки фотошоп

Откройте диалоговое окно Уточнить край (Refine Edge), и использовал Уточнить радиус инструмента (Refine Radius Tool), чтобы выбрать даже мелкие детали. После выделения молнии перекиньте ее в наш общий файл.

Создание реалистичного отражения в воде: три башни - уроки фотошоп

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

Создание реалистичного отражения в воде: три башни - уроки фотошоп

Дважды щелкнув на иконке слоя молнии откройте Стили слоя (Layer Styles) и добавьте Внешнее свечение (Outer Glow).

Создание реалистичного отражения в воде: три башни - уроки фотошоп

Шаг 4: Создание отражения Выделите все слои на панели слоев, а затем нажмите Ctrl+G для группировки. Дублируйте группу. Слой молнии в дублированной группе нужно размыть. Фильтр> Размытие> Размытие по Гауссу (Filter> Blur> Gaussain blur) на 3 пикселя/ Увеличьте также Яркость (Brightness) слоя. Слейте группу и отразите ее по вертикали (Ctrl+T, правой кнопкой мыши на слое, Flip vertical).

Создание реалистичного отражения в воде: три башни - уроки фотошоп

Поместите слой под группой.

Создание реалистичного отражения в воде: три башни - уроки фотошоп

Шаг 5: Создание воды Создайте новый слой ниже слоя отражения. Залейте инструментом Заливка (Paint bukcet) слой цветом морской волны. Примените для слоя отражения маску слоя и залейте ее линейным черно-белым градиентом так, чтобы нижняя часть слоя исчезла, открывая цвет.

Создание реалистичного отражения в воде: три башни - уроки фотошоп

Создание реалистичного отражения в воде: три башни - уроки фотошоп

Кликните на иконке маски слоя и перейдите в меню Фильтр> Размытие> Размытие движении (Filter> Blur> Motion blur).

Создание реалистичного отражения в воде: три башни - уроки фотошоп

Шаг 6: Создание реалистичной текстуры волн Для начала создадим "Карту смещения" (Displacement map). Сделаем это в новом документе Фотошоп с помощью Фильтра шума, Размытия по Гауссу и тиснения красного и зеленого каналов. Создайте новый файл в режиме RGB 1000 пикселей в ширину и 2000 пикселей в высоту.

  • К Фильтр Шум Добавить шум (Filter> Noise> Add Noise). Введите следующие параметры:
  • Количество (Amount): 400%
  • Распространение (Distribution): гауссовское
  • Монохроматический (Monochromatic)
  • Нажмите OK

Перейдите к меню  Фильтр> Размытие> Размытие по Гауссу (Filter> Blur> Gaussain blur) на 2 пикселя.

Создание реалистичного отражения в воде: три башни - уроки фотошоп

Перейдите к закладке палитры Каналов (или Shift+F7) Выберите канал 1 в палитре.

  • Перейдите к Фильтр> Стилизация> Тиснение (Filter> Stylize> Emboss).  Введите следующие параметры:
  • Угол обзора (Angle): 180 °
  • Высота (Hight): 1 пиксель
  • Количество (Amount): 500%

Выберите канал 2. Примените фильтр Рельеф снова, но на этот раз используйте угол 90 ° вместо 180 °.

Создание реалистичного отражения в воде: три башни - уроки фотошоп

  Нажмите Ctrl+T, далее правой кнопкой на слой и выберите Перспективу (Perspective). Растяните нижние края в стороны. Измените перспективу, растягивая примерно на 1000%. Нажмите Enter.

Создание реалистичного отражения в воде: три башни - уроки фотошоп

Создание реалистичного отражения в воде: три башни - уроки фотошоп

  Сохраните файл в качестве карты смещения (Displacement map), как  PSD файл. Затем вернитесь в наш рабочий документ и перейдите к меню Фильтр> Искажение> Карта искажения (Filter> Distort> Displace). Введите количество перемещений. Горизонтальные шкалы должна быть около 50% от вертикальной шкалы. Также выберите "растянуть изображение" (Stretch To Fit) и "Повторить краевые пиксели" (Repeat Edge Pixels). Нажмите кнопку ОК. Найдите карту смещения на вашем компьютере и нажмите кнопку "Открыть", чтобы применить его.

Создание реалистичного отражения в воде: три башни - уроки фотошоп

Шаг 7: освещение и тени Чтобы затемнить области, где вода встречается с небом, под слоем главной башни добавьте новый слой. Проведите узкий горизонтальный черный градиент над горизонтом и измените Режим наложения (Blend mode) на Мягкий свет (Soft Light).


Создание реалистичного отражения в воде: три башни - уроки фотошоп

Еще добавьте новый слой с белым градиентом спускающийся сверху вниз на изображение неба. Измените Режим наложения (Blend mode) на Мягкий свет (Soft Light) и установите Непрозрачность (Opacity) 30%. Создадим новый слой над ним и зальем его черным цветом. Перейдем в к Фильтру Блик (Lens Flare). Не меняя настроек кликаем ОК.

Создание реалистичного отражения в воде: три башни - уроки фотошоп

Измените его Режим наложения (Blend mode) на Мягкий свет (Soft Light) и установите Непрозрачность (Opacity) 30%.

Создание реалистичного отражения в воде: три башни - уроки фотошоп

Шаг 8: Цветокоррекция Добавьте три корректирующих слоя:

Создание реалистичного отражения в воде: три башни - уроки фотошоп

Тон/Насыщенность Hue / Saturation слой с Насыщенностью -30, Черно-белый (Black and White layer) слой с Зеленым фильтром (Green Filter) и с установной Режима наложения Перекрытие (Overlay), и Фотофильтр (Photo Filter) Охлаждения (Cooling Filter  80) на 10% Плотности (Density).

И вот такой конечный результат в нашем уроке дизайна:

Создание реалистичного отражения в воде: три башни - уроки фотошоп

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

Кликните на изображение чтобы обновить код, если он неразборчив
  • Яндекс.Метрика