Как сделать туман в фотошопе
Перейти к содержимому

Как сделать туман в фотошопе

  • автор:

Эффект тумана в Photoshop

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

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

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

Эффект тумана в Photoshop

Давайте начнём. Открываем в Photoshop файл forest.jpg? но он слишком большой. Для уменьшения изображения нажимаем клавиши Ctrl+Alt+I, открывается диалоговое окно изменения размера изображения, вводим значение «Ширины» (Width) и «Высоты» (Height) 1000 px и 669 px соответственно.

Чтобы создать эффекта густого туман в удалении кадра и лёгкого прозрачного затуманивания на переднем плане, мы сделаем несколько слоёв тумана, но с различными градациями насыщения.
Создайте новый слой (Ctrl+Shift+Alt+N) и залейте его белым цветом (нажмите клавишу D, затем X (икс), затем Alt+Delete), затем установите непрозрачность для данного слоя 95%. Рабочий документ у нас на данный момент выглядит как белый прямоугольник с лёгким просветом леса.

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

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

gradient

Возьмите инструмент «Градиент» (Gradient Tool):

И протащите градиент сверху вниз, предварительно зажав клавишу Sift. Вот как выглядит
панель слоёв:

2

И рабочий документ:

3

Но туман закрывает объект переднего плана — дерево. Возьмём чёрную кисть диаметром 125 px, нулевой жёсткостью и непрозрачностью 30% и аккуратно закрасим маску в области дерева. Таким образом, мы делаем маску слоя непрозрачной и удаляем туман с участка. Если Вы удалили лишнее, нажмите клавишу X (икс), цвет кисти изменится на белый, и закрасьте неправильно удалённые участки. Затем снова нажмите X? цвет снова изменится на чёрный, и продолжайте удалять. Вот что должно получиться:

4

А маска выглядит так:

5

Теперь необходимо добиться добиться эффекта реалистичного тумана на переднем плане (туман может как подниматься так и неравномерно стелиться по земле)
Прежде всего нажмите клавишу D, чтобы в цветовой палитре основной цвет стал чёрным, а фоновый белым. Затем создайте новый слой и примените Фильтр —> Рендеринг —> Облака (Filter —> Render —> Clouds):

6

После применения фильтра к слою, измените режим наложения слоя на «Экран» (Screen) и установите непрозрачность 40%:

7

Сейчас мы собираемся добавить на картинку лесную фею. Откройте в Photoshop файл pixy.jpg и перенесите её на основной холст. Затем с помощью свободной трансформации (Ctrl+T) немного уменьшите изображение феи и переместить его влево, как показано на рисунке:

8

Дублируйте слой с феей (Ctrl+J), отключите видимость нижнего слоя с феей:

7

У верхнего слоя (копии) измените режим наложения на «Экран» (Screen):

9

Создайте для слоя слой-маску и удалите фон вокруг фигуры чёрной кистью диаметром 100 px, жёсткостью 40% и непрозрачностью 100%.

10

11

Перейдите на скрытый слой, сделайте его видимым. Создайте слой-маску и удалите фон, как на прошлом слое. Установите непрозрачность слоя 34%. Всё, готово!

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

Скачать с Depositfiles.com

Как сделать туман в фотошопе

Все курсы школы

Изучайте анатомию, композицию, комиксы, манга, дизайн персонажей, геймдизайн, анимацию, концепт арт окружения многое другие.

Показать список курсов

25 курсов по рисованию за 2990 р.
25 курсов рисования за 2990 р.
ARTISTHUNT BLOG
Как создать в Photoshop кисти, имитирующие туман

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

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

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

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

Бесплатный курс
Рисование для новичков
Полноценный 8-часовой курс для начинающих.
Состоит из 7 видео-уроков

Начать бесплатно

Шаг 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. Нажмите кнопку ОК. Благодаря этому действию, мы создадим плавный переход между туманом и остальным изображением.

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

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

Теперь, отмените активное выделение, для этого выбираем Выделение — Отменить выделение (Select > Deselect).

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

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. Нажмите ОК, чтобы применить фильтр.

Шаг 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) отлично смотрится, если на изображении уже присутствует элемент тумана, а вы хотите просто усилить отдельные детали.

Шаг 2

Идем в меню File — Place (Файл — Поместить встроенные). Выбираем текстуру и нажимаем Load (Поместить). В этом случае я использую «Fog Overlay 4».

Шаг 3

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

Шаг 4

На панели слоев переключаем режим наложения текстуры на Screen (Экран) и уменьшаем Opacity (Непрозрачность) до 75%.

Шаг 5

Идем в меню Layer — New Adjustment Layer — Curves (Слои — Новый корректирующий слой ­ Кривые). Устанавливаем галочку напротив Use Previous Layer to Create Clipping Mask (Использовать предыдущий слой для создания обтравочной маски), называем этот слой Curves (Кривые) и нажимаем ОК.

Шаг 6

На панели свойств кривых, щелкаем по первой якорной точке и устанавливаем значение Input (Вход) на 15.

Шаг 7

Далее кликаем по второй якорной точке и устанавливаем значение Output (Выход) на 250.

Шаг 8

Идем в меню Layer — New Adjustment Layer — Brightness/Contrast (Слои — Новый корректирующий слой ­Яркость/Контрастность). Называем этот слой Brightness/Contrast(Яркость/Контрастность) и нажимаем ОК.

Шаг 9

На панели свойств Яркость/Контрастность устанавливаем значение Contrast(Контрастность) на 20.

Метод 2. Используем текстуру с облаками

Двигайте ползунок, чтобы увидеть разницу

Шаг 1

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

Шаг 2

Идем в меню Image — Adjustments — Desaturate (Изображение — Коррекция — Обесцветить).

Шаг 3

Идем в меню Image — Adjustments — Levels (Изображение — Коррекция — Уровни). На панели свойств Уровни устанавливаем Shadow Input Level (Входные значения) на 115 и нажимаем ОК.

Шаг 4

Идем в меню Filter — Blur — Gaussian Blur (Фильтр — Размытие — Размытие по Гауссу). Устанавливаем радиус 15 и нажимаем ОК. Примечание: возможно вам потребуется изменить немного это значение в соответствии с размером вашей картинки.

Шаг 5

Открываем в Photoshop изображение, на которое хотим добавить туман.

Шаг 6

Переходим обратно к изображению с облачным небом и идем в меню Layer — Duplicate Layer (Слои — Создать дубликат слоя). Называем слой, который будет продублирован Fog Overlay (Наложение тумана), выбираем в поле Destination Document (Назначение Документ) ваше открытое изображение, на которое хотим добавить туман, и нажимаем OK.

Шаг 7

Возвращаемся во вкладку с вашим изображением и видим, что там появился новый слой с облачным небом под названием Fog Overlay (Наложение тумана).

Шаг 8

Изменяем размер слоя Fog Overlay (Наложение тумана), если требуется, и изменяем режим наложения на Screen (Экран).

Шаг 9

Зажимаем Alt на клавиатуре и кликаем по кнопке Add Layer Mask (Добавить слой-маску) внизу панели слоев.

Шаг 10

Делаем активной маску слоя (кликаем по миниатюре маски) и идем в меню Filter — Render — Difference Clouds (Фильтр — Рендеринг — Облака с наложением).

Шаг 11

И наконец, корректируем непрозрачность слоя Fog Overlay (Наложение тумана) так, как вам нравится.

Заключение

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

Создание эффекта тумана:
просто и быстро

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

Создание тумана в photoshop, туман в фотошоп, эффекта тумана photoshop

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

Создание тумана в photoshop, туман в фотошоп, эффекта тумана photoshop

Шаг 1

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

Создание тумана в photoshop, туман в фотошоп, эффекта тумана photoshop

Шаг 2

Создайте новый слой (нажмите одновременно «Ctrl+Shift+Alt+N» или нажмите на кнопку, которая указана на изображении снизу). У вас автоматически будет выбран новый слой (если в процессе обработки вы уже создали новые слои, то лучше назвать его «Туман 1».

Создание тумана в photoshop, туман в фотошоп, эффекта тумана photoshop

Шаг 3

Выберите крупную мягкую кисть с режимом «затухание» (dissolve), параметр непрозрачности установите в районе 80%.

Создание тумана в photoshop, туман в фотошоп, эффекта тумана photoshop

Шаг 4

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

Создание тумана в photoshop, туман в фотошоп, эффекта тумана photoshop

Шаг 5

Затем к этому слою нужно применить функцию «Размытие по Гауссу» (Filter > Blur > Gausian Blur) и установить радиус размытия на значение 7. Убедитесь, что у вас выбран слой «Туман 1».

Создание тумана в photoshop, туман в фотошоп, эффекта тумана photoshop

Шаг 6

Уже после 4 пункта у вас получится что-то похожее на туман. Останется только поправить ластиком рога у оленя и всё, что, на ваш взгляд не должно находится в тумане. Чтобы выбрать ластик можно воспользоваться горячей клавишей и нажать «E». Лучше выбрать мягкий ластик, чтобы не было резких границ между областями с туманом и без него.

Создание тумана в photoshop, туман в фотошоп, эффекта тумана photoshop

Шаг 7

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

Шаг 8

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

Создание тумана в photoshop, туман в фотошоп, эффекта тумана photoshop

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

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

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