Уроки Фотоманипуляция Марат Садыгалиев 12 октября 2015

Как добавить туман на фото в Фотошоп

Сложность урока: Легкий

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

1. Создаём базовую текстуру тумана

Шаг 1

Создайте новый документ в программе Photoshop. Установите Ширину (Width) и Высоту (Height) на 5000 px, а затем нажмите ‘OK’.

Шаг 2

Выберите инструмент Заливка (Paint Bucket Tool (G), установите чёрный цвет (#000000). Залейте Задний фон (BACKGROUND) чёрным цветом.

Шаг 3

Создайте новый слой поверх слоя с Задним фоном (BACKGROUND). Вы можете найти кнопку Создать новый слой (Create a new layer) в нижней части панели слоёв (если вы не видите этой панели, то идём Окно – Слои (Window > Layers) 

Дважды щёлкните по названию слоя, который вы только что создали. Назовите этот слой Туман (FOG). 

С помощью инструмента Заливка (Paint Bucket Tool (G), также залейте этот слой чёрным цветом.

Шаг 4

Выберите инструмент Овальная область (Elliptical Marquee Tool (M), создайте круглое выделение в центре изображения. См. скриншот ниже для примера.

Далее, идём Выделение – Модификация – Растушёвка (Select > Modify > Feather) и в появившемся окне, установите Радиус растушёвки (Feather Radius) 500 px. Нажмите кнопку ‘OK’.

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

Шаг 5

Установите цвет переднего плана на чёрный цвет, а цвет заднего плана на белый цвет.

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

Теперь, отмените активное выделение, для этого идём Выделение – Отменить выделение (Select > Deselect0.

Шаг 6

Чтобы сделать базовую текстуру более реалистичной, нам необходимо немного размыть её. Идём Фильтр – Размытие – Размытие по Гауссу (Filter > Blur > Gaussian Blur). Установите Радиус (Radius) размытия 30 px. Нажмите ‘OK’.

2.  Создаём густой туман

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

Мы сфокусируемся над созданием следующих трёх эффектах:
Густой туман (Thick Fog)
Лёгкий туман (Gentle Haze)
Рассеянный туман (Wisps of Fog)

Шаг 1

Щёлкните правой кнопкой мыши по слою Туман (FOG) и в появившемся окне, выберите опцию Создать дубликат слоя (Duplicate layer). Назовите дубликат слоя Густой Туман (THICK FOG).

Отключите видимость слоя Туман (FOG).

Находясь на слое Густой Туман (THICK FOG), уменьшите его Непрозрачность (Opacity) до 40%.

Шаг 2

Далее, идём Редактирование – Трансформация – Перспектива (Edit > Transform > Perspective) и установите перспективу, как показано на скриншоте ниже. Создав перспективу, нажмите клавишу ‘Enter’, чтобы применить изменения.

Отлично. Мы создали основу для нашей первой кисти. Давайте перейдём к следующей основе!

3.  Создаём лёгкий туман

Шаг 1

Щёлкните правой кнопкой мыши по слою Туман (FOG) и в появившемся окне, выберите опцию Создать дубликат слоя (Duplicate layer). Назовите дубликат слоя Лёгкий Туман (GENTLE HAZE).

Отключите видимость слоя Туман (FOG) и Густой Туман (THICK FOG).

Далее, идём Фильтр – Размытие – Размытие по Гауссу (Filter > Blur > Gaussian Blur). Установите Радиус (Radius) размытия 80 px. Нажмите ‘OK’, чтобы применить фильтр.

Шаг 2

Далее, идём Редактирование – Свободная трансформация (Edit > Free Transform) и трансформируем эффект, как показано на скриншоте ниже. Нажмите клавишу ‘Enter’ после завершения трансформации, чтобы применить изменения.

Шаг 3

Уменьшите Непрозрачность (Opacity) данного слоя до 60%.

Выберите инструмент Кисть (Brush Tool (B). Установите мягкую круглую кисть непрозрачностью 30%, цвет кисти чёрный. Прокрасьте кистью поверх отдельных участков тумана, где туман слишком густой. Обратите внимание на скриншот ниже, чтобы увидеть, где вы должны прокрашивать кистью.

4.  Добавляем рассеянный туман

Шаг 1

Щёлкните правой кнопкой мыши по слою Туман (FOG) и в появившемся окне, выберите опцию Создать дубликат слоя (Duplicate layer). Назовите дубликат слоя Рассеянный Туман (WISPS OF FOG).

Отключите видимость слоёв Туман (FOG), Густой Туман (THICK FOG) и Лёгкий Туман (GENTLE MIST).

Шаг 2

Далее, идём Редактирование – Свободная трансформация (Edit > Free Transform) и трансформируем эффект Рассеянного Тумана (WISPS OF FOG), как показано на скриншоте ниже. Нажмите клавишу ‘Enter’ после трансформации, чтобы применить изменения.

Шаг 3

Далее, идём Фильтр – Пластика (Filter > Liquify). Выберите инструмент Деформация (Forward Warp Tool). Деформируйте эффект, как показано на скриншоте ниже. Нажмите клавишу ‘Enter’ после деформации, чтобы применить изменения.

Шаг 4

Далее, идём Фильтр – Размытие – Размытие по Гауссу (Filter > Blur > Gaussian Blur). Установите Радиус (Radius) размытия 50 px. Нажмите ‘OK’, чтобы применить фильтр.

Уменьшите Непрозрачность (Opacity) данного слоя до 50%.

5.  Создаём собственные кисти

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

В этом параграфе я покажу вам, как можно создать кисть из слоя Густой Туман (THICK FOG). Техника создания кистей из оставшихся двух слоёв – абсолютно та же самая.

Шаг 1

Убедитесь, чтобы была включена видимость только двух слоёв Задний фон (BACKGROUND) и Густой Туман (THICK FOG).

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

Добавьте новый корректирующий слой Инверсия (Invert) поверх всех остальных слоёв. Данный корректирующий слой можно добавить, нажав кнопку Добавить новый слой-заливку или корректирующий слой (Add new fill or adjustment layer) в нижней части панели слоёв.

Шаг 2

Идём Редактирование – Скопировать совмещённые данные (Edit > Copy Merged), чтобы скопировать всё совмещённое изображение. После этого идём Редактирование – Вклеить (Edit > Paste), чтобы вклеить скопированные совмещённые данные. Расположите данный новый слой поверх всех остальных слоёв.

Примечание переводчика: чтобы скопировать совмещённые данные, удерживая клавишу (Ctrl) + выделите видимые слои.

Шаг 3

Теперь, чтобы создать кисть из созданного нового слоя, идём Редактирование – Определить кисть (Edit > Define Brush Preset).

Назовите новую кисть Густой Туман (THICK FOG), а затем нажмите ‘OK’.

Шаг 4

Повторите этот процесс создания кисти, используя слои Лёгкий Туман (GENTLE FOG) и  Рассеянный Туман (WISPS OF FOG).

6.  Протестируйте созданные кисти

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

  1. Кисти создадут отличный эффект на фотографиях с элементами тумана, где вы хотите просто усилить естественный туман.
  2. Не используйте чисто белый цвет для кисти. Постарайтесь использовать очень светлые оттенки синего или жёлтого цвета, чтобы получить наиболее правдоподобный результат.
  3. Используйте кисти с низкой непрозрачностью.
  4. Попробуйте использовать различные размеры и формы кисти, чтобы посмотреть, какие кисти наилучшим образом подходят к каждому изображению.
  5. Не забывайте, что объекты, расположенные ближе к вам, будут более видимыми в тумане, чем те, которые расположены вдалеке.
  6. Обычно участки, покрытые туманом, имеют наименьший контраст.

Давайте посмотрим, как работают кисти на изображениях.

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

На данном изображении, вы можете увидеть, как работает кисть Лёгкий Туман (Gentle Fog). Как вы видите, я также уменьшил контрастность изображения, чтобы получить наиболее правдоподобный результат.

Кисть Рассеянный Туман (Wisps of Mist) отлично смотрится, если на изображении уже присутствует элемент тумана, а вы хотите просто усилить отдельные детали.

Заключение

Поздравляю! Вы создали свои собственные кисти Туман!

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

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

Вы можете скачать кисти автора по этой ссылке.

Автор: Jarka Hrncarkova

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

Комментарии 28

Спасибо за замечательные кисти!

Спасибо за урок!

В Ялте туман...

Спасибо! Пользовалась Вашими кистями. Главное не переборщить

Спасибо вам больше за урок!
Помогло осуществить задуманную идею)

спасибо вам большое!

Спасибо за урок! Густой туман в лесу.

Спасибо, интересно.

Вот как то так...Очень густой туман :)

Поигрался немного с непрозрачностью. Получилось вот так.

Спасибо большое! Все получилось :)

Спасибо за урок!

Спасибо за урок))!

Спасибо за урок!

Полезные кисти, пригодятся. Спасибо.

нудно создавать кисти. но эффект не плохой!

хороший урок)

Для того, чтобы команда (Edit > Copy Merged) стала активна, сначала нужно выделить весь документ - Ctrl+A.

Очень полезный урок, кисти "туман" важны в работах, спасибо!

давно хотелось найти способ добавления тумана на фото, но всё руки не доходили. :) спасибо вам.

Спасибо огромное за возможность не просто замечательные кисти. но и самим их сотворить.

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

Новые работы пользователей

По заданным фильтрам работы не найдены

Попробуйте изменить критерий поиска или сбросить фильтры


Смотреть все работы

Предыдущая Следующая
Добавлена {{work.date}}
Не удалось загрузить работу. Возможно она была удалена.
GIF {{work.bite}} Мб Загрузить
Редактировать Удалить
18+
Работа имеет содержимое для 18+ лет
{{work.views}} {{work.comments}}
Жалоба

Комментарии {{work.childs.length || 0}}

Видео к работе
Популярные работы автора:
Работа получила награды:
Курсы автора:
Онлайн-курс

Жалоба

Опишите суть жалобы, при необходимости добавьте ссылки на скриншоты

Спасибо! Ваше обращение ушло на рассмотрение.

Название работы

Описание работы (необязательно)

Комментарий

Ваша миниатюра:

Название:
{{name}}
Описание:

Исходник:

{{source.name}} {{source.name}}

Тэги:
#{{tag.label}}

Есть ли у вас исходник к работе?

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

Пример исходника

Выберете тэги работы:

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

Не более десяти тэгов на одну работу

Комментарии к работе будут отключены, на их месте будет выведена реклама.

После добавления работы:


Запланировать публикацию

Отменить планирование
Запланировать

Используя данный сайт, вы даёте согласие на использование файлов cookie, данных об IP-адрес, помогающих нам сделать его удобнее для вас. Подробнее