Photoshop
3D эффекты Анимация более 1 часа до 1 часа до 30 минут Имитации
Интерфейсы Коллаж Концептуальные Обработка фото Пейзаж Плакаты и фоны Элементы и текст Простые уроки Реальные объекты Реклама Ретушь и лицо Рисование силуэты, люди, здания Явления природы Сложные уроки Спецэффекты Средние уроки Трюки Фотошоп Фильтры Фотошоп с нуля Illustrator

Создание реалистичного отражения в воде: три башни
Нравится(+) +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).

И вот такой конечный результат в нашем уроке дизайна:
Создание реалистичного отражения в воде: три башни - уроки фотошоп
Информация
Автор / Разработчик
Автор не указан
Перевел
Автор перевода не указан
Источник
Добавил
Yara
Дата
23-04-2019, 14:28
Метки:  еще статьи

Поделиться ссылкой

Создание реалистичного отражения в воде: три башни
Социальне сети:
Прямая ссылка:
BB-code ссылка:
HTML ссылка:

Комментарии

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


Последние уроки
Опубликовано 6-09-2019, 21:48
Опубликовано 21-05-2019, 14:55
Архив сайта
Теги
.