Сверхъесхтесственный эффект

Шаг 1.

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

Итак, создайте новый документ, установите рабочие цвета: темно-синий #18323a и черный. Далее идем в Filter > Render > Clouds.

Шаг 2.

Теперь создайте новый слой, залейте черным и иедм в Filter > Noise > Add Noise и выставьте значения как показано на скриншоте ниже:

Шаг 3.

Слишком "шумно" и поэтому не естесственно, поэтому идем в Image > Adjustment > Levels (Ctrl+L), сместите ползунки друг к другу, пока "звезд" не станет меньше, как показано на скриншоте:

Шаг 4.

Теперь установите режим наложения для слоя в Screen, чтобы фон с дымкой стал "просвечиваться". Мы видим, что все еще многовато звезд на небе, поэтому добавим маску к слою (Layer Mask) и большой мягкой кистью черного цвета "уберем" часть звезд, скрывая пиксели.

Шаг 5.

В этом шаге я добавил новый слой с радиальным градиентом от центра (белый) к краям (черный), установил режим наложения для слоя в Overlay и понизил прозрачность слоя дл 45%. Этот эффект всего лишь затемнит края и не является важным шагом. В итоге у меня картинка стала выглядеть таким образом:

Шаг 6.

Теперь добавим текст на наше изображение. Я исползовал Cuez_Ver6. Вы можете сходить на любой сайт с бесплатными шрифтами и найти подходящий шрифт.

Шаг 7.

Теперь добавим стиль слою (Layer Style). Для начала я зашел во вкладку Color Overlay и применил черный цвет (#000000), а т.к. цвет фона у нас также темный, я добавил внутреннего свечения Inner Glow как показано на скриншоте ниже. Затем добавил Inner Shadow с цветом #54a4ff, режим наложения (Blend mode) выставил в Screen, distance 1, size 2, angle -90' остальное по умолчанию.

Шаг 8.

Теперь зайдем во вкладку Bevel and Emboss (Скос и рельеф), чтобы придать неровность поверхности и текстуры. Настройки для Bevel Вы можете видеть на скриншоте ниже, а текстуру я выбрал стандартную из поставки Photoshop похожую на пузыри. И я выставил параметр Depth в -79.

Как Вы можете заметить - это придало внутреннему свечению некую неровность.

Шаг 9.

В заключение я добавил падающую тень (Drop Shadow) и внешнего свечения (Outer Glow), для этих двух эффектов я использовал режим наложения Screen и цвет #008ac5. Расстояние выставил 10px и 100px соответственно, чтобы получить небольшое внутренне свечение и обширное внешнее.

Шаг 10.

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

Шаг 11.

Прежде всего скопируйте слой с текстом, затем сделайте клик правой кнопкой мыши по дупликату на палитре слоев и удалите настройки стиля (Layer Style). Теперь смените цвет текста на флюорисцентный #5cdbff. Теперь нажмите кнопку со стрелкой вверх один раз, чтобы сдвинуть текст на 1 пиксель вверх. Это придаст еще одно яркое свечение.

Шаг 12.

Этат шаг является ключевым в уроке.

Скопируйте слой с голубым текстом. Затем идем в Filer > Distort > Wave (Фильтры > Искажение > Волна). Вы можете использовать настройки по умолчанию за исключением параметра Scale. Я использовал парметры 10% и 10%, т.о. искажение текста было небольшим. Если Вы зададите параметры 100%, то искажение будет самым большим.

(Примечание: я перенес слой с голубым текстом на верх, чтобы было наглядней как действует фильтр, а Вы можете этого не делать).

Шаг 13.

После того как мы деформировали текст идем в Filter > Blur > Gaussian Blur (Фильтры > Размытие > Размытие по Гауссу) и используем значение 4px. Теперь понизим прозрачность этого слоя (Opacity) до 20%.

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

Шаг 14.

Удерживая Ctrl сделайте клик по иконке слоя с деформированным текстом, чтобы получить выделение. Затем идем в Select > Modify > Contract (Выделение > Модификация > Оптимизировать) и используем значение 5px. Затем нажмите Shift+Ctrl+I чтобы инвертировать выделение и нажмите Delete для удаления изображения в выделенной области. Выглядеть это будет как распыленные остатки текста.

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

Шаг 15.

Теперь продублирйте этот слой и зайдите снова в Filter > Distort > Wave (Фильтры > Искажение > Волна) и деформируйте копию несколько сильнее.

Повторите этот шаг несколько раз. Попробуйте в настройках нажать несколько раз на кнопку Randomize или исказить копию несколько раз подрят. Я использовал различные режимы наложения для разных копий дымки. Пару раз я применил Overlay, пару раз Hard Light и еще пару раз оставил режим наложения слоя в Normal.

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

Шаг 16.

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

Скопируйте снова слой с голубым текстом.

Шаг 17.

В этот раз мы изменим настройки для деформации Wave, мы зададим для параметров Scale horizontal 5%, а для Scale vertical 100%. Это сделает искажение вытянутым. После того, как Вы применили этот фильтр, повторите его снова и снова, нажав Ctrl+F, пока текст не примет окончательные формы как показано на скриншоте.

Шаг 18.

Есои достигнутый результат Вас устроил, смените режим наложения для слоя на Hard Light и у Ва сдолжно получиться что-то похожее на это:

Шаг 19.

Теперь скопируйте этот слой и примените размытие по Гауссу Filter > Blur > Gaussian Blur со значением 4px. Это придаст струйкам быма более мягкий эффект.

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

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

Шаг 20.

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

Шаг 21.

Далее я переместил несколько слоев с дымкой на передний план, чтобы текст казался окруженный дымкой. Посмотрите на букву "E", чтобы понять что я имею ввиду.

Шаг 22.

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

Via