Как создать аркадный текстовый эффект

Как создать аркадный текстовый эффект
Это очень простой урок, который показывает, как использовать Стили слоя Photoshop, содержит удивительные советы по созданию 3D тени и использованию кисти с брызгами, чтобы создать яркий текстовый эффект, вдохновленный аркадой.

Предварительный просмотр результата

Как создать аркадный текстовый эффект

Детали урока

Программа: Adobe Photoshop CS6 (версии от CS3, тоже подойдут)
Предполагаемое время выполнения: 25 минут
Уровень сложности: Начинающий

Источники

 

Шаг 1

Создаем новый документ 900 × 690 px, располагаем текстуру Black-Purple Grunge над слоем Background, затем переходим в меню Image > Adjustments > Desaturate.

Как создать аркадный текстовый эффект

Переходим в Edit > Transform > Rotate 90° CW, чтобы сделать текстуру растянутой по горизонтали, а не по вертикали. Можете покрутить текстуру, пока не поймете, как это работает.

Как создать аркадный текстовый эффект

Переходим в Image > Adjustments > Levels и меняем значение Gamma на 0,90, чтобы немного затемнить текстуру.

Как создать аркадный текстовый эффект

Шаг 2

Создаем текст, используя шрифт “Age”, размер 182 pt и цвет #b0cc00.

Как создать аркадный текстовый эффект

Нажимаем дважды на текстовом слое и применяем следующие Стили слоя:

Stroke
Size: 5
Position: Inside
Color: #b0cc00 (такой же, как цвет текста)

Как создать аркадный текстовый эффект

Inner Shadow
Blend Mode: Normal
Color: #ffffff
Opacity: 90%
Distance: 9
Size: 0

Как создать аркадный текстовый эффект

Gradient Overlay
Blend Mode: Color Dodge
Opacity: 45%
Scale: 150%

Как создать аркадный текстовый эффект

Таким образом мы стилизуем основной текст.

Как создать аркадный текстовый эффект

Шаг 3

Дублируем текстовый слой, затем перемещаем копию под оригинал.

Как создать аркадный текстовый эффект

Шаг 4

Переходим в Edit > Free Transform, нажимаем на клавиатуре стрелку вниз один раз и стрелку вправо один раз, чтобы переместить копию текста на 1 рх вниз и на 1 рх вправо. Нажимаем Enter/Return, чтобы принять изменения.

Как создать аркадный текстовый эффект

Нажимаем Alt + Ctrl + Shift + T или Option + Cmd + Shift + T несколько раз, чтобы дублировать слой и трансформацию, пока у вас не получится глубина тени 3D. Тут мы дублировали слой 14 раз и получили 15 копий.

Как создать аркадный текстовый эффект

Шаг 5

Нажимаем на последней копии слоя, затем нажимаем и удерживаем Shift, и нажимаем на первой копии, чтобы выделить все созданные копии. Переходим Layer > Merge Layers, чтобы произвести слияние всех копий в один слой, и переименовываем его в “3D Shadow”.

Как создать аркадный текстовый эффект

Нажимаем дважды на слое “3D Shadow”, чтобы применить эффект Color Overlay, используя цвет #000000.

Как создать аркадный текстовый эффект

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

Как создать аркадный текстовый эффект

Шаг 6

Дублируем оригинальный текстовый слой, затем делаем его невидимым, нажав на значке глаза около него. Затем выделяем дублированный слой и переходим в меню Layer > Rasterize > Layer Style.
Если вы используете версию программы до CS6, то затем группируем дублированный слой (Layer > Group Layers), затем производим слияние группы (Layer > Merge Group).
Нажимаем на значке “Add vector mask” внизу панели слоев, чтобы добавить маску на растеризованный слой. Это обеспечит нам уверенность, что изменения не будут применяться напрямую к слою, поэтому значок маски должен быть всегда выделен перед тем, как вы что-то будете стирать.

Как создать аркадный текстовый эффект

Берем инструмент Eraser Tool и выбираем любую кисть из набора “Monster Splatter Brush Set”. Меняем размер кисти на любой в диапазоне 350 – 550 px, убедитесь, что значок маски выделен, затем нажимайте вокруг букв, чтобы стереть какие-то части, как показано ниже.
Вы можете отменить стирание любой части, попробовать разные кисти и размеры или даже использовать любую кисть с брызгами на свое усмотрение.

Как создать аркадный текстовый эффект

Результат

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

Как создать аркадный текстовый эффект

 

http://www.photoshopstar.com
Перевод: http://www.4webmaster.ru/

Рекомендуем почитать:
Как создать ледяной текстовый эффект из компьютерной игры Lich King (Часть 1)
Как создать эффект карамели для текста в Photoshop
Текстовый эффект битого стекла


Оставить комментарий: