Прием быстрого создания динамичных светящихся букв

Очередной урок по созданию замечательного текстового эффекта. На этот раз рисуем стильные светящиеся буквы. В этом уроке мы будем использовать базовые инструменты Photoshop и стили слоев. Он довольно легкий для понимания новичком, но предупреждаю — в итоге у нас получится порядка 60 слоев текста, что очень сильно нагрузит память вашего компьютера.

1 Шаг

Создайте документ размерами 2000x1200 пикселей. Выберите Gradient Tool (G) и залейте рабочую область линейным градиентом цветами от черного (#000000) до темно-серого (#464646) сверху вниз.

2 Шаг

Создайте новый слой (Ctrl + N) и залейте его очередным линейным градиентом, но на этот раз это должно быть что-нибудь ярче и разнообразнее. Как вариант — выбрать что-либо из уже готового набора, или же создать свой градиент. Понизьте закраску (Fill) слоя до 25% и установите режим наложения слоя (Blending Mode) в Color (этот режим позволяет смешивать только цвета, не трогая при этом яркость).

3 Шаг

В итоге создайте еще один слой, но на этот раз заполнять его будем радиальным градиентом. Цвета выберите: от прозрачного (Opacity 0%) в центре к черному (#000000) по краям. Залив таким градиентом слой, понизьте его непрозрачность (Opacity) до 65%. В результате должно получиться примерно то, что показано на рисунке.

4 Шаг

Теперь приступим к тексту. Нанесите на рабочую область нужную вам букву (в моем случае это P). Затем выберите инструмент Moove Tool и нажмите Ctrl + T для трансформации. Приведите ее к нужному размеру. Переключитесь обратно на инструмент Text Tool и, если буква не черного цвета — сделайте ее такой. Далее установите режим наложения этого текстового слоя в Screen. Ваша буква должна исчезнуть.

5 Шаг

Здесь нам нужно добавить к текстовому слою пару стилей. Вызовите меню Layer Effects для слоя с буквой и примените к нему стили Outer Glow и Stroke с параметрами, указанными на рисунке ниже. Используем эту букву в качестве отправной точки для создания всего эффекта. Наложение нескольких подобных слоев друг на друга дадут отличный результат.

6 Шаг

Создайте копию слоя с нашей буквой, перетащив его на соответствующую пиктограммку внизу палитры слоев. Выберите Type Tool (T) и поменяйте новой букве шрифт. При не соответствии размеров вы всегда можете их подогнать, трансформировав (Ctrl + T) новый объект. Только учтите, что основание у всех литер должно находиться на одной и той же линии. Теперь всю процедуру копирования слоя, изменения шрифта, подгонки размеров и так далее нужно проделать еще раз 20 разными шрифтами. Я использовал различные шрифты с засечками. Вы можете придумать что-нибудь свое.

7 Шаг

Выделите все текстовые слои, что есть в вашем распоряжении и поместите их в отдельную группу (Ctrl + G). Теперь, имея в палитре слоев выделенную группу, выбираем Move Tool (V). Удерживая нажатой клавишу Alt, перемещаем на рабочей области всю нашу группу букв, дублируя их таким образом. Помещаем ее непосредственно в то место, где должна находиться очередная литера. Теперь, выключив все слои в новой группе кроме одного, самого нижнего, изменяем литеру на нужную нам и поступаем так с каждым слоем поочередно. Затем включаем все слои и оцениваем то, что у нас получилось. Все эти действия нужно проделать с каждой следующей литерой, нужной нам для написания слова.

8 Шаг

Выберите инструмент эллиптического выделения области (Elliptical Marquee Tool) и нанесите на рабочую область узкий эллипс у основания текста. Затем растушуйте выделение (Feather) на 20px. Перейдите в режим Quick Mask (Q) и откройте меню Filter > Blur > Motion Blur. Установите параметры Angle и Length равными 0 и 700px соответственно, нажмите OK. Выйдите из режима Quick Mask (Q). Затем создайте корректирующий слой в кривых (Layer > New Adjustment Layer > Curves) под группами букв. Настройте его в соответствии с приведенными ниже данными.

9 Шаг

Теперь создайте новый документ размером 300x300 px. По двойному клику на слое переводим его в активный режим и еще раз двойной клик — чтобы открыть его палитру стилей. Примените стиль Color Overlay, задайте ему черный цвет. Далее добавьте внутреннюю рамку (Stroke) белого цвета. Мои настройки можно увидеть ниже.

Выполняем Layer > Flatten Image, чтобы слить все слои в один. Нажимаем Ctrl + A для выделения всего рисунка и вызываем меню Edit > Define Pattern.

10 Шаг

Откройте свой первоначальный документ и создайте там новый слой, сразу над слоем кривых, который незадолго до этого создавали. Далее открываем Edit > Fill и выбираем Pattern с нашим только что созданным шаблоном. Нажимаем Ctrl + T и трансформируем слой таким образом, чтобы он занимал воображаемый передний план нашей композиции — это прямо под буквами. Не выходя из режима трансформации, осуществляем правый клик и выбираем пункт Perspective. Теперь уводим нижний край нашего объекта далеко за рамки рабочей области, чтобы получить неплохой вид в перспективу. Устанавливаем режим наложения слоя в Screen и задаем его непрозрачность (Opacity) равной 15%.

11 Шаг

Остался последний, завершающий штрих. Выберите слои с текстом и создайте их очередные копии. Выбираем только что созданные группы с буквами, жмем Ctrl + T, правый клик мышкой — выбираем пункт Flip Vertical. Отображаем все это вниз, чтобы получить отражение.

Поместите только что созданные группы с отражением в еще одну группу и задайте ей непрозрачность (Opacity) равной 25%. Добавьте к группе маску. В режиме маски нанесите на рисунок градиент от черного цвета к белому, чтобы отражение в итоге сошло на нет к концу картинки.

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

Поделитесь уроком

Чириканье Мыло Вконтактик Рожи ЖэЖэ Яша

Лучшие материалы

Правовая информация

В случае копирования урока указывайте автора и ставьте активную гиперссылку на наш сайт. Более подробную информацию вы можете получить в разделе «Правовая информация».

Переведено с сайта psd.tutsplus.com, автор перевода указан в начале урока.