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

Шаг 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

photoshop-master.ru

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

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

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

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

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

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

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

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

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

Нажмите Enter.

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

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

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

Слой-маска:

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

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

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

rugraphics.ru

Эффект тумана в Уроках photoshop

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

Для урока нам понадобится два изображения: задний фон и персонаж.

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

И так запускаем программу фотошоп. Открываем в ней картинку с задним фоном (у меня это изображение леса).

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

Для этого нам необходимо создать несколько слоев тумана с разными настройками насыщенности. Создаем новый слой (Shift+Ctrl+N). Выбираем инструмент Paint Bucket Tool (Заливка) и заливаем белым цветом, затем устанавливаем непрозрачность слоя на 95%.

Затем создаем маску для слоя  Layer > Layer Mask > Reveal All (Слои>маска слоя> Показать все).

После выбираем инструмент Gradient Tool (градиент) и заливаем маску линейным черно-белым градиентом:

Теперь вберем инструмент Eraser Tool (Ластик) и выставляем следующие настройки: Soft Brush (Мягкая кисть), Size (размер): 100px, Opacity (Непрозрачность): 20%.

После на области маски слоя стираем ластиком туман на дереве и камне, а также подчищаем немного передний план.

Чтобы достичь эффекта реалистичного тумана (туман имеет способность подниматься и беспорядочно стелиться по земле), нужно сначала нажать D, чтобы установить цвета переднего плана и фона – черный и белый, затем создаем новый слой и применяем фильтр Filter > Render > Clouds:

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

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

Теперь для слоя с фильтром меняем режим отображения слоя на Screen (Осветление) и выставляем непрозрачность слоя на 40%

Подготовка заднего фона готово и теперь мы добавим изображение девушки.

Открываем изображение в фотошопе и перетягиваем его на документ с подготовленным задним фоном. Так как картинка с девушкой немного больше заднего фона мы используем трансформацию (Ctrl+T) и уменьшаем картинку до нужного размера.

Создаем дубликат слоя с девушкой Дублируем (Ctrl+J) и отключаем видимость нижней копии (нажимаем на значке «глаза», который показывает видимость слоя).

Для верхней копии устанавливаем режим смешивания слоев Screen (Осветление).

Создаем маску для этого слоя Layer > Layer Mask > Reveal All (Слои>маска слоя>показать все).

Теперь берем инструмент Brush Tool (кисть) со следующими настройками: цвет – черный, круглую с мягкими краями, Opacity (непрозрачность): 45%.

После убираем кистью весь лишний задний фон.

Возвращаемся к отключенной копии девушки.

Теперь делаем её видимой и накладываем на слой маску Layer > Layer Mask > Reveal All (Слои>маска слоя>показать все).

Берем инструмент Brush Tool (кисть) со следующими настройками: цвет – черный, круглую с мягкими краями, Opacity (непрозрачность): 60%.

После убираем кистью весь лишний задний фон.

Теперь выставляем непрозрачность слоя на 34% и наш конечный результат готов.

Перевод: Prescilla

Источник: photoshopstar

Данный материал подготовлен для Вас командой сайта https://bakemono.ru

bakemono.ru

Реалистичный туман в Photoshop — Exkaryon

Вы считаете, что кое чем, например фильтром Clouds (Облака), будет легко создать эффект тумана на фотографии. И действительно, создать туман на фотографии возможно очень быстро, применяя только фильтр Clouds (Облака) к новому слою, а затем изменяя параметр Blending Mode to Screen (режим смешивания) слоя. Однако, результаты, полученные таким образом, редко выглядят естественными. Чтобы создать эффект тумана, который выглядит убедительней, мы должны принять во внимание две вещи…

Вы считаете, что кое-чем, например фильтром Clouds (Облака), будет легко создать эффект тумана на фотографии. И действительно, создать туман на фотографии возможно очень быстро, применяя только фильтр Clouds (Облака) к новому слою, а затем изменяя параметр Blending Mode to Screen (режим смешивания) слоя. Однако, результаты, полученные таким образом, редко выглядят естественными. Чтобы создать эффект тумана, который выглядит убедительней, мы должны принять во внимание две вещи:

1 — Фотографии с реальным туманом имеют эффект растворения (глубины) с приближением и его уплотнения с увеличением расстояния от места съемки.
2 — Объекты на переднем или среднем плане, попадающие на туманный задний план остаются четкими и практически не затронутыми туманом. Заметьте, как самый близкий фонарный столб в этой фотографии реального тумана не затронут туманом на заднем плане:

Для создания реалистичного тумана нужно выполнить следующие действия:

Шаг 1: Откройте подходящее изображение в Photoshop. Здесь мое:

Шаг 2: Добавьте, слой регулирования Оттенка/Насыщенности (Layer → New Adjustment Layer → Hue/Saturation). Измените параметры Hue/Saturation (Оттенка/Насыщенности), как изображено на рисунке.

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

Шаг 3: Нажмите D на клавиатуре, чтобы установить цвета по умолчанию (черный передний план и белый фон), затем нажмите G, чтобы выбрать инструмент Gradient (Градиент). Удостоверьтесь, что у вас выбран слой регулирования оттенка/насыщенности, который вы создали. И что в инструменте Gradient параметр Linear Gradient (Линейный Градиент) также выбран. Наложите градиент на изображение сверху вниз или наоборот. Ваше изображение должно теперь выглядеть подобно этому:

Шаг 5: Выделите Layer Mask (маску слоя оттенка/насыщенности в палитре слоев), возьмите большую кисточку с мягкими краями. С её помощью черным закрасьте места, которые выходят за нужные вам пределы. Это очистит от тумана всё линии и придаст иллюзию глубины. В приведённой ниже фотографии автор очистил самый близкий кустик. Если вам кажется что эффект тумана слишком сильный, вы можете понизить значение параметра Opacity (непрозрачность) слоя Hue/Saturation (Оттенка/Насыщенности).

Шаг 6: Добавьте новый слой между слоем изображения и слоем Hue/Saturation (Оттенка/Насыщенности). Назовите его, например Mist. Выберите инструмент Rectangular Marquee tool (Прямоугольное Выделение). В его параметрах установите в Feather (Растушевка) значение 30.

Выделите область, которая будет охватывать среднее расстояние в изображении.

Выберите Filter → Render → Clouds, чтобы заполнить выбор облаками. Нажмите Ctrl+D, чтобы отсеять.

Шаг 7: Кликните правой кнопкой мыши на этом же слое Mist и выберите из списка Blending Options (Опции Смешивания). Найдите секцию Blend If (Смешивать если) диалогового окна Blending Options (Режим Смешивания). Удерживая Alt, нажмите на маленький черный значок с левой стороны градиента This Layer.

Разделите этот значок и переместите:

Нажмите OK. Ваш туман теперь должен приобрести немного структуры в средней части:

В принципе можно было бы оставить и так, но доведем дело до конца.

Шаг 8: Для слоя Mist, который все еще активен, выберите Edit → Transform → Perspective. Потяните за углы, пока не получите форму трапеции.

Нажмите Return или же на кнопку Commit Transform.

Шаг 9: Выберите Edit → Transform → Scale. Измените установку параметра W на 1000%, затем нажмите Return или на кнопку Commit Transform :

Теперь все. Вы могли бы поэкспериментировать с вариантами смешивания (Blending Option) слоя Mist, чтобы увеличить детализацию тумана или отрегулировать Opacity (Непрозрачность), или слоя Оттенка/Насыщенности (Hue/Saturation), или слоя Mist (или оба). Вы также можете попробовать очистить от тумана нежелательные участки. Во всяком случае, вот — то, что у меня получилось в итоге.

exkaryon.ru