Создаем туманное окно используя Фотошоп

| Категория: Уроки по созданию спец эффектов в Фотошопе | Сложность урока: Высокая

В этом уроке мы рассмотрим, как создать эффект туманного окна в Photoshop.
Внимание: Сложный урок. ВНИМАНИЕ: Урок предназначен для уже продвинутых пользователей Фотошопа.


Финальный результат

Создаем туманное окно используя Фотошоп

Приступаем к уроку Фотошопа


После более чем трех дней непрерывного дождя я решил использовать его в качестве вдохновения для нового эксперимента в Photoshop.


Мы будем использовать фото, кисти и стили слоя, чтобы создать эффект.


Шаг 1.


Открываем Photoshop и создаем новый документ (File > New (Файл > Новый / Сочетание клавиш "Ctrl+N")). Я использую размер 2560x1440 пикселей.


Сделаем заливку темно-серым цветом (#272727). В этой части необходимо будет создать капли воды.


Создаем туманное окно используя Фотошоп

Шаг 2.


Перейдите к Window > Brushes (Окно > Кисти) создадим кисть для капель воды. На картинке ниже приведены настройки, чтобы изменить форму эллипса, кисть должна быть очень мягкой.


Создаем туманное окно используя Фотошоп

Шаг 3.


Добавим новый слой и поместим этот слой в группы. Затем измените Blend Mode (Режим наложения) папки на Color Dodge (Осветление основы).


Берем инструмент Brush Tool Инструмент - Кисть (Инструмент Кисть / Клавиша "B"), выставляем белый цвет и рисуем капли.


Как вы можете видеть капли находяться в хаотичном порядке и имеют разный размер, в зависимости насколько близко они находятся.

Это очень важно, чтобы капли были более реалистичными.


Создаем туманное окно используя Фотошоп

Шаг 4.


Выбирите фоновый слой и группы с каплями и объедините их в один слой. После этого зайдите в Image > Adjustments > Levels (Изображение > Коррекция > Уровни / Сочетание клавиш "Ctrl+L").


Изменение Black Input (Черный) в 124 и 161 White Input (Белый). Значения могут изменяться в зависимости от капель, так что просто убедитесь, что вы избавляетесь от размытых краев.


Создаем туманное окно используя Фотошоп

Шаг 5.


С помощью Magic Wand Tool Инструмент - Волшебная палочка (Инструмент "Волшебная палочка" / Клавиша "W") выберите черную область, а затем перейдите в Select > Similar (Выделение > Подобные оттенки), убедитесь что все черные области выделины.


Затем удалите их.


Создаем туманное окно используя Фотошоп

Шаг 6.


Импортируйте любое изображение для использования в нашей работе.

Дублируйте этот слой (Layer > Duplicate Layer (Слой > Дублировать Слой / Сочетание клавиш "Ctrl+J")), поскольку мы будем использовать его несколько раз с разным значение размытия.


Один слой сделайте не видимым.


Создаем туманное окно используя Фотошоп

Шаг 7.


Перейдем в Filter > Blur > Gaussian Blur (Фильтр > Размытие > Размытие по Гауссу). Поставим 20 px для Radius (Радиус).


Создаем туманное окно используя Фотошоп

Шаг 8.


Перейдем в Layer > Layer Style > Color Overlay (Слой > Стиль слоя > Наложение цвета). Используйте темно-серый цвет и измените Opacity (Непрозрачность) до 60%.


Создаем туманное окно используя Фотошоп

Шаг 9.


Теперь переместите слой каплями перед изображением, и применим layer styles (Стиль слоя), чтобы получить реальный эффект.


Создаем туманное окно используя Фотошоп

Шаг 10.


Перейдем в Layer > Layer Style > Blending Options (Слой > Стиль слоя > Параметры наложения) и установите Fill (Заливка) Opacity (Непрозрачность) на 0. После этого выберите Inner Shadow (Внутренняя тень).


Выберим белый цвет и Linear Dodge (Линейный осветлитель) для Blend Mode (Режим наложения) с Opacity (Непрозрачность) 50%, Angle (Угол) 90°, выставим Distance (Смещение) 3 px и Size (Размер) 5 px. Кроме того, изменим режим Contour (Контур) на Cone (Конус).


Создаем туманное окно используя Фотошоп

Шаг 11.


Выберите Bevel and Emboss (Тиснение и рельеф). Изменените Depth (Глубина) до 350%, Direction (Направление) изменим на Down (Вниз), Size (Размер) 7 px, Soften (Смягчение) 5 px, затем в Shading options (Настройки затенения) изменим Angle (Угол) 54° и 42 Altitude (Высота). Кроме того, измененим Gloss Countour (Контур глянца) на Cove – Deep (Глубокая выемка), с Highlight Mode (Режим подсветки) 80% с белый цветом и Color Dodge (Осветление основы) для Blend Mode (Режим наложения), и для Shadow Mode (Режим тени) с Multiply (Умножение) с черным цветом и 50% Opacity (Непрозрачность).


Создаем туманное окно используя Фотошоп

Шаг 12.


Выберите Inner Glow (Внутреннее свечение), в Blend Mode (Режим наложения) выберим Darken (Затемнение) с 40% Opacity (Непрозрачность) и черным цветом.


Измененм Source (Источник) на Edge (Край) с размером (Size) 25 пикселей.


Создаем туманное окно используя Фотошоп

Шаг 13.


Теперь выберите Color Overlay (Наложение цвета) и используйте этот цвет (#907f72) для Blend Mode (Режим наложения) выберим Color Dodge (Осветление основы) с 45% Opacity (Непрозрачность).


Создаем туманное окно используя Фотошоп

Шаг 14.


Последний вариант стиля слоя будет Drop Shadow (Тень).

Выберим Multiply (Умножение) для Blend Mode (Режим наложения), черный цвет и 20% Opacity (Непрозрачность).


Измененим Angle (Угол) до 90°, Distance (Смещение) 9 px, 5% для Spread (Размах) и Size (Размер) 10 px.


Создаем туманное окно используя Фотошоп

Шаг 15.


Сделаем фото без размытости видимым и перейдем в Filter > Blur > Gaussian Blur (Фильтр > Размытие > Размытие по Гауссу).


На этот раз поставим 5 px. Теперь на палитре слоев на слое с каплями нажмите правой кнопкой мыши и выберите пункт "Select Pixel" (выбор пикселей), чтобы выбрать только капли.


Выберите фотографию, которой мы присвоили 5 px Gaussian Blur (Размытие по Гауссу) и перейдите на Layer > Layer Mask > Reveal Selection (Слои > Слой-маска > Показывать выделенную область).


Таким образом, изображение с 5 px Gaussian Blur (Размытие по Гауссу) будет видно только под каплями воды.


Создаем туманное окно используя Фотошоп

Шаг 16.


Выберите маску слоя, который мы создали на предыдущем шаге и перейдите на Filter > Blur > Motion blur (Фильтр > Размытие > Размытие в движении).


Поставим -90 для Angle (Угол) и 80° px для Distance (Смещение).


Создаем туманное окно используя Фотошоп

Шаг 18.


После motion blur (Размытие в движении), перейдем Image > Adjustments > Levels (Изображение > Коррекция > Уровни / Сочетание клавиш "Ctrl+L").


Измененим black (черный) и white (белый) inputs (вход), чтобы избавиться от размытых краев вызванных размытия.


Получиться эффект как будто капли текут по стеклу.


Создаем туманное окно используя Фотошоп

Шаг 19.


Дублируйте слой с фотографией, к которой мы применили Gaussian Blur (Размытие по Гауссу) с 5 px и удалить маску слоя.


С помощь Horizontal Type Tool Инструмент - Горизонтальный текст (Инструмент "Горизонтальный текст" / Клавиша "T") добавим текст рукописного шрифта.


Снова выберите пиксели текста, как мы это делали в шаге 15.


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


Создаем туманное окно используя Фотошоп

Шаг 20.


Добавим новый слой и с помощью инструмента Brush Tool Инструмент - Кисть (Инструмент Кисть / Клавиша "B") и той же кистью мы создадим новые капли воды.

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


Чтобы применить тот же стиль слоя для новых капель, просто щелкните правой кнопкой мыши на слое с каплями и выберите Copy Layer Style (Копировать стиль слоя), а затем на новом слое выберите Paste Layer Style (Вставить стиль слоя).


Создаем туманное окно используя Фотошоп

Шаг 21.


Снова копируем фото и удаляем маску, после чего идем в Layer > Layer Mask > Hide all (Слой > Слой маска > Скрыть всё).


Выберите маску слоя и перейдите к Filter > Render > Clouds (Фильтр > Рендеринг > Облака). Убедитесь, что цвета стоят по умолчанию (ч/б).


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


Создаем туманное окно используя Фотошоп

Шаг 22.


Выберите все слои и дублируйте их, после чего объедините дублированые слои в один.


Вы также можете использовать сочетание клавиш Ctrl+Alt+Shift+E. Затем перейдите на Filter > Blur > Gaussian Blur (Фильтр > Размытие > Размытие по Гауссу).

Поставим 20 px для Radius (Радиус).


Создаем туманное окно используя Фотошоп

Шаг 23.


Изменить Blend Mode (Режим наложения) размытого слоя на Overlay (Перекрытие) с 40% Opacity (Непрозрачность).


Создаем туманное окно используя Фотошоп

Шаг 24.


Дублируйте предыдущий слой и только измените Blend Mode (Режим наложения) на Screen (Осветление), с 40% Opacity (Непрозрачность).


Создаем туманное окно используя Фотошоп

Шаг 25.


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


Кроме того, поставьте Multiply (Умножение) для Blend Mode (Режим наложения).


Создаем туманное окно используя Фотошоп

Заключение.


Вот результат урока. Как вы можете видеть используемые методы довольно просты это все стили слоя, маски и основные фильтры.

Самая важная вещь состояла в том, чтобы понять, как создать эффект, используя инструменты, доступные в Photoshop.

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


Теперь дело за вами.


Финальный результат

Создаем туманное окно используя Фотошоп

Оригинал;

Перевод: korky;

Текст доработан командой сайта PhotoshopPro.ru