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

Очередной урок по созданию замечательного текстового эффекта. На этот раз рисуем стильные светящиеся буквы. В этом уроке мы будем использовать базовые инструменты 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, автор перевода указан в начале урока.