В этом уроке Photoshop мы создадим дымчатый эффект тексту на фоне звездного неба. Это очень просто будет сделать при помощи фильтра Wave distort.
Шаг 1. Для начала нам потребуется для нашего изображения фон. Мы создадим звездное небо, в интернете довольно много написано на эту тему и самый просто способ добиться нужного эффекта заключается всего в двух шагах Clouds и Noise.
Итак, создайте новый документ, установите рабочие цвета: темно-синий #18323a и черный. Далее идем в Filter > Render > Clouds
http://zerolayer.ru/uploads/posts/2008-01/thumbs/1200661624_1.jpg
Шаг 2.
Теперь создайте новый слой, залейте черным и иедм в Filter > Noise > Add Noise и выставьте значения как показано на скриншоте ниже:
http://zerolayer.ru/uploads/posts/2008-01/thumbs/1200661624_2.jpg
Шаг 3.
Слишком "шумно" и поэтому не естесственно, поэтому идем в Image > Adjustment > Levels (Ctrl+L), сместите ползунки друг к другу, пока "звезд" не станет меньше, как показано на скриншоте:
http://zerolayer.ru/uploads/posts/2008-01/thumbs/1200661624_3.jpg
Шаг 4.
Теперь установите режим наложения для слоя в Screen, чтобы фон с дымкой стал "просвечиваться". Мы видим, что все еще многовато звезд на небе, поэтому добавим маску к слою (Layer Mask) и большой мягкой кистью черного цвета "уберем" часть звезд, скрывая пиксели
http://zerolayer.ru/uploads/posts/2008-01/thumbs/1200661624_4.jpg
Шаг 5.
В этом шаге я добавил новый слой с радиальным градиентом от центра (белый) к краям (черный), установил режим наложения для слоя в Overlay и понизил прозрачность слоя дл 45%. Этот эффект всего лишь затемнит края и не является важным шагом. В итоге у меня картинка стала выглядеть таким образом:
http://zerolayer.ru/uploads/posts/2008-01/thumbs/1200661624_5.jpg
Шаг 6.
Теперь добавим текст на наше изображение. Я исползовал Cuez_Ver6. Вы можете сходить на любой сайт с бесплатными шрифтами и найти подходящий шрифт
http://zerolayer.ru/uploads/posts/2008-01/thumbs/1200661624_6.jpg
Шаг 7.
Теперь добавим стиль слою (Layer Style). Для начала я зашел во вкладку Color Overlay и применил черный цвет (#000000), а т.к. цвет фона у нас также темный, я добавил внутреннего свечения Inner Glow как показано на скриншоте ниже. Затем добавил Inner Shadow с цветом #54a4ff, режим наложения (Blend mode) выставил в Screen, distance 1, size 2, angle -90' остальное по умолчанию
http://zerolayer.ru/uploads/posts/2008-01/thumbs/1200661624_7.jpg
Шаг 8.
Теперь зайдем во вкладку Bevel and Emboss (Скос и рельеф), чтобы придать неровность поверхности и текстуры. Настройки для Bevel Вы можете видеть на скриншоте ниже, а текстуру я выбрал стандартную из поставки Photoshop похожую на пузыри. И я выставил параметр Depth в -79.
Как Вы можете заметить - это придало внутреннему свечению некую неровность
http://zerolayer.ru/uploads/posts/2008-01/thumbs/1200661624_8.jpg
Шаг 9.
В заключение я добавил падающую тень (Drop Shadow) и внешнего свечения (Outer Glow), для этих двух эффектов я использовал режим наложения Screen и цвет #008ac5. Расстояние выставил 10px и 100px соответственно, чтобы получить небольшое внутренне свечение и обширное внешнее
http://zerolayer.ru/uploads/posts/2008-01/thumbs/1200661624_9.jpg
Шаг 10
Итак, мы применили настройки стиля слоя и для остального текста. Выглядит уже не плохо, но Вы можете сделать и больше, используя настройки стиля для слоя и сейчас мы добавим еще несколько других эффектов
http://zerolayer.ru/uploads/posts/2008-01/thumbs/1200661624_10.jpg
Шаг 11.
Прежде всего скопируйте слой с текстом, затем сделайте клик правой кнопкой мыши по дупликату на палитре слоев и удалите настройки стиля (Layer Style). Теперь смените цвет текста на флюорисцентный #5cdbff. Теперь нажмите кнопку со стрелкой вверх один раз, чтобы сдвинуть текст на 1 пиксель вверх. Это придаст еще одно яркое свечение
http://zerolayer.ru/uploads/posts/2008-01/thumbs/1200661699_11.jpg
Шаг 12.
Этат шаг является ключевым в уроке.
Скопируйте слой с голубым текстом. Затем идем в Filer > Distort > Wave (Фильтры > Искажение > Волна). Вы можете использовать настройки по умолчанию за исключением параметра Scale. Я использовал парметры 10% и 10%, т.о. искажение текста было небольшим. Если Вы зададите параметры 100%, то искажение будет самым большим.
(Примечание: я перенес слой с голубым текстом на верх, чтобы было наглядней как действует фильтр, а Вы можете этого не делать)
http://zerolayer.ru/uploads/posts/2008-01/thumbs/1200661699_12.jpg
Шаг 13.
После того как мы деформировали текст идем в Filter > Blur > Gaussian Blur (Фильтры > Размытие > Размытие по Гауссу) и используем значение 4px. Теперь понизим прозрачность этого слоя (Opacity) до 20%.
На скриншоте ниже я отключил слои с основным текстом, чтобы показать результат последних действий
http://zerolayer.ru/uploads/posts/2008-01/thumbs/1200661699_13.jpg
Шаг 14.
Удерживая Ctrl сделайте клик по иконке слоя с деформированным текстом, чтобы получить выделение. Затем идем в Select > Modify > Contract (Выделение > Модификация > Оптимизировать) и используем значение 5px. Затем нажмите Shift+Ctrl+I чтобы инвертировать выделение и нажмите Delete для удаления изображения в выделенной области. Выглядеть это будет как распыленные остатки текста.
Теперь включите обратно основные слои с текстом, теперь это выглядит как легкий дым, окружающий текст
http://zerolayer.ru/uploads/posts/2008-01/thumbs/1200661699_14.jpg
Шаг 15.
Теперь продублирйте этот слой и зайдите снова в Filter > Distort > Wave (Фильтры > Искажение > Волна) и деформируйте копию несколько сильнее.
Повторите этот шаг несколько раз. Попробуйте в настройках нажать несколько раз на кнопку Randomize или исказить копию несколько раз подрят. Я использовал различные режимы наложения для разных копий дымки. Пару раз я применил Overlay, пару раз Hard Light и еще пару раз оставил режим наложения слоя в Normal.
Также неплохая идея менять распложение слоев относительно друг друга и оригинального текста. Помните, что мы хотим добиться эффекта дыма
http://zerolayer.ru/uploads/posts/2008-01/thumbs/1200661699_15.jpg
Шаг 16.
Теперь у нас есть небольшой дымок, но не хватает более четких струек дыма, сейчас мы их добавим.
Скопируйте снова слой с голубым текстом
http://zerolayer.ru/uploads/posts/2008-01/thumbs/1200661699_16.jpg
Шаг 17.
В этот раз мы изменим настройки для деформации Wave, мы зададим для параметров Scale horizontal 5%, а для Scale vertical 100%. Это сделает искажение вытянутым. После того, как Вы применили этот фильтр, повторите его снова и снова, нажав Ctrl+F, пока текст не примет окончательные формы как показано на скриншоте
http://zerolayer.ru/uploads/posts/2008-01/thumbs/1200661699_17.jpg
Шаг 18.
Есои достигнутый результат Вас устроил, смените режим наложения для слоя на Hard Light и у Ва сдолжно получиться что-то похожее на это:
http://zerolayer.ru/uploads/posts/2008-01/thumbs/1200661699_18.jpg
Шаг 19.
Теперь скопируйте этот слой и примените размытие по Гауссу Filter > Blur > Gaussian Blur со значением 4px. Это придаст струйкам быма более мягкий эффект.
После этого возьмите ластик с большой мягкой кистью и удалите часть дымки снизу и сверху изображения, чтобы края дымки выглядели более четкими.
В ыможете повторить этот шаг для усидения эффекта
http://zerolayer.ru/uploads/posts/2008-01/thumbs/1200661699_19.jpg
Шаг 20.
Здесь я удалил часть струек дыма в нижней части изображения и добавил несколько копий более тонких струек. Также я добавил дополнительный текст над всем слоями
http://zerolayer.ru/uploads/posts/2008-01/thumbs/1200661699_20.jpg
Шаг 21.
Далее я переместил несколько слоев с дымкой на передний план, чтобы текст казался окруженный дымкой. Посмотрите на букву "E", чтобы понять что я имею ввиду
http://zerolayer.ru/uploads/posts/2008-01/thumbs/1200661699_21.jpg
Шаг 22.
В заключение я придал изображению более жуткого эффекта, добавив новый слой поверх всех и зарисовав большой мягкой зеленой кистью часть изображения, затем я сменил режим наложения на Color. Готово!
http://zerolayer.ru/uploads/posts/2008-01/thumbs/1200661699_22.jpg
Источник zerolayer.ru
Модераторы плиз отредактируйте урок