Простой стилизованный текст со звездным эффектом

Этот урок по Photoshop демонстрирует простой способ создания красивого текстового эффекта с помощью стилей слоя. Изменив некоторые настройки кисти, мы добавим на фон звезды.

Финальное изображение

Stars_Final

Характеристики урока

  • Программа: Adobe Photoshop CS6 (версии CS2+ также подходят);
  • Предполагаемое время выполнения: 30 минут;
  • Сложность: начинающие.

Ресурсы

  • Шрифт Kabel Bd Normal;
  • Звездные кисти, предоставленные KenshinJennings.

Шаг 1

Создайте новый документ размером 500 на 300 пикселей с настройками, заданными по умолчанию, затем заполните фон цветом #1a142c:

Stars_01

Создайте новый слой и назовите его «Центральное свечение» (Center Glow):

Stars_02

Выберете инструмент «Эллиптическая область» (Elliptical Marquee), затем зажав кнопку мыши, потяните в сторону, чтобы создать эллипс в центре документа, как показано ниже:

Stars_03

Залейте эллипс цветом #6d56b2:

Stars_04

Перейдите во вкладку Выделение -> Убрать выделение (Ctrl/Cmd + D), чтобы снять выделение. Затем выберете вкладку Фильтр -> Размытие -> Размытие по Гауссу (Filter -> Blur -> Gaussian Blur) и установите для радиуса значение 28. Это размоет границы эллипса:

Stars_05

Измените непрозрачность слоя «Центральное свечение» до 70%:

Stars_06

Шаг 2

Выберете инструмент «Горизонтальный текст» (Horizontal Type Tool) и введите первую букву слова, которое хотите написать. В нашем случае мы использовали шрифт KabelBd, цвет – белый, и размер шрифта — 75 пунктов:

Stars_07

Дважды щелкните на текстовом слое, чтобы применить следующий стиль:

  • Обводка (Stroke): установите для размера значение «1», для положения (Position) — опцию «Внутри» (Inside), и задайте белый цвет:
Stars_08
  • Наложение градиента (Gradient Overlay): нажмите на поле градиента, чтобы создать градиент. Для градиента используйте два цвета: #8061da слева, и #ffffff справа:
Stars_09
  • Внешнее свечение (Outer Glow): измените непрозрачность на 70%, цвет — #ae93fe, и установите размер равным 3:
Stars_10
  • Тень (Drop Shadow): измените непрозрачность на 60%, снимите галочку с поля «Глобальное освещение» (Use Global Light) и установите для угла значение 144:
Stars_11

Так текст должен выглядеть на данном этапе:

Stars_12

Шаг 3

Нажмите правой кнопкой на текстовый слой и выберете опцию «Скопировать стиль слоя» (Copy Layer Style):

Stars_13

Создайте новый слой под имеющимся текстовым слоем, затем добавьте следующую букву:

Stars_14

Нажмите правой кнопкой мыши на слой со второй буквой и выберите опцию «Вставить стиль слоя» (Paste Layer Style). Это позволит применить тот же стиль слоя к новому текстовому слою:

Stars_15

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

Stars_16

Шаг 4

Создайте новый слой под текстовыми слоями и назовите его «Звезды» (Stars). Возьмите инструмент Кисть (Brush Tool), затем выберете кисть «5» из набора звездных кистей:

Stars_17

Откройте панель Кисть (Window -> Brush), и измените настройки кисти, как показано ниже:

Форма кисти (Brush Tip Shape):

Stars_18

Динамика формы (Shape Dynamics):

Stars_19

Рассеивание (Scattering):

Stars_20

Шаг 5

Установите для заливки слоя «Звезды» значение 0:

Stars_21

Щелкните дважды по слою «Звезды», чтобы применить обводку, задав для размера значение 1, положение – «Внутри» и цвет – #6c51c2:

Stars_22

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

Stars_23

Вы можете воспользоваться инструментом «Ластик» (Eraser Tool), чтобы стереть ненужные участки, затем перерисовать их, пока вам не понравится конечный результат:

Stars_24

Вот и все!

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

Stars_Final

Перевод статьи «Simple Styled Text with Stars Effect» был подготовлен дружной командой проекта Сайтостроение от А до Я.