Создаем текст с эффектом сияния в Photoshop

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

По ходу дела я приведу несколько примеров по созданию самого эффекта. И того, как сделать так, чтобы дизайн в целом выглядел профессионально, а также примеры использования инструмента «Обрезка», чтобы создать свои собственные насадки для кисти.

Так будет выглядеть готовый эффект: (нажмите, чтобы увеличить):

retro-font-flatten-489x700.jpg

Для выполнения всех шагов в этом руководстве, Вам потребуется следующее:

Шрифт

Шаг 1

Создайте новый документ (размер не имеет значения) и заполните фоновый слой градиентом как показано ниже:

1-fill-480x700.jpg

Создайте новый слой поверх фонового слоя, нарисуйте или сделайте облака по центру и снизу — это будет основой эффект для текста:

Совет: не рисуйте слишком много облаков, иначе эффект будет слабовыраженным.

1-cloud-480x700.jpg

Вы можете использовать опцию перспективы с помощью комбинации клавиш Ctrl + T (или правой кнопки мыши) по облаку, чтобы скорректировать их фигуру:

1-persp-500x389.jpg

Шаг 2

Используя шрифт, который вы скачали в начале урока, введите текст в центре холста: (я использовал цвет желтого оттенка)

2-type1-497x700.jpg

Примените следующие параметры стилей слоя:

Отбрасываемая тень

2-drop-shadow-500x364.jpg

Внутреннее свечение

2-inner-500x364.jpg

Тиснение

2-bevel1-500x364.jpg

Штрих

2-stroke1-500x364.jpg

В итоге получится похожий эффект:

2-effect1-500x379

Продублируйте слой с текстом дважды и ненамного сдвигайте каждый дублированный слой в сторону верхнего левого угла, уменьшив непрозрачность слоев до 15% и 40% соответственно — это действие создаст многоуровневый эффект:

2-dup-effect-500x388.jpg

Шаг 3

Теперь давайте перейдем к созданию полосатой насадки для кисти.

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

Выберите инструмент «Обрезка» (Slice) на панели инструментов:

3-slice.jpg

Щелкните правой кнопкой мыши на холсте инструментом среза, выберите «разделить части» (divide slice):

3-devide-500x496.jpg

Отметьте «Разделить по вертикали на» и введите «10» в текстовом поле, после нажмите «OK«:

3-verti-500x273.jpg

Затем с помощью прямоугольного выделения выберите каждый второй срез: (убедитесь, что вы держите нажатой клавишу «Shift» для выбора нескольких срезов):

3-select-500x675

Залейте выделение черным цветом:

3-fill-500x281

и у вас будет следующий эффект:

3-black-500x664

Сделайте фоновый слой невидимым и в меню Редактировать > Задать настройки кисти (Edit> Define Brush Preset) выберите вертикальный набор кистей:

3-turn-off.jpg

Немного повернем слой с полосами и определим другой набор кистей:

3-rotate-500x473.jpg

Теперь мы можем использовать этот набор для отрисовки узоров на верхней части текста: (убедитесь, что вы уменьшили размер кисти и непрозрачность к значениям, близким к 30%):

3-paint-500x337

Шаг 4

Подготовим базу для текстового эффекта. Создайте новый слой под текстовым слоем и, используя кисть с вертикальными полосами, нарисуйте такой рисунок:

4-paint-476x700.jpg

В меню Фильтр > Искажение > Вращение (Filter> Distort> Twirl) примените следующие настройки:

4-twirl.jpg

Нажмите Ctrl + F и примените фильтр искажений повторно:

4-twirl-after

Используйте инструмент «Свободная трансформация» (Free Transform), чтобы сжать рисунок. Затем уменьшите непрозрачность слоя примерно до 30%, и, используя мягкий ластик, удалите его края. Эффект теперь выглядит следующим образом:

4-erase1

Создайте новый слой поверх базового слоя. Используйте мягкую черную кисть, чтобы нанести немного теней под текстом:

4-shadow-500x194

Шаг 5

Сейчас мы сделаем еще один абстрактный узор с помощью насадки для кисти, созданной нами ранее. Создайте новый слой и примените выделение эллиптическим инструментом, выберите кисть в виде вертикальных полос (уменьшите размер наконечника кисти) и закрасьте внутри выделения: (Убедитесь, что вы установили непрозрачность кисти равную 50%):

5-paint-500x470.jpg

Дублируем этот слой один раз и поворачиваем его на 90 градусов по часовой стрелке:

5-rotate-500x349.jpg

Объедините эти два слоя. Эффект приобрел следующий вид:

5-effect1.jpg

С помощью инструмента деформации изменим форму, как показано ниже:

5-warp-500x394.jpg

После этого продублируйте образец этого слоя несколько раз и измените размер каждого из них, располагая их по холсту, как показано ниже:

5-dup-effect-500x685.jpg

Шаг 6

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

6-dots-500x313.jpg

Затем создал еще один слой, установил режим смешивания «Наложение» (Overlay), и, используя мягкую белую кисть, добавил эффект свечения по краям текста:

6-overlay-500x239.jpg

С помощью фильтра «Блик» (Lens Flare) я добавил немного цвета к тексту, чтобы в дальнейшем подчеркнуть некоторые его части:

6-lens-2-500x267.jpg
6-lens-1-500x199.jpg

Я также добавил эффект частиц вокруг текста.

Так эффект выглядит в завершенном варианте:

retro-font-flatten-489x700.jpg

Надеюсь, вам понравился этот урок! До следующей встречи! Хорошего дня.

Перевод статьи “Create Abstract Shining Text Effect with Groovy Font in Photoshop” был подготовлен дружной командой проекта Сайтостроение от А до Я.