Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
  1. Design & Illustration
  2. Layer Styles

Создаём Текст в стиле Человека-паука в программе Photoshop

by
Read Time:5 minsLanguages:

Russian (Pусский) translation by Marat Sadygaliev (you can also view the original English article)

Final product imageFinal product imageFinal product image
What You'll Be Creating

В этом уроке я покажу вам, как создать текст в стиле человека-паука в программе Photoshop с помощью узоров и стилей слоя.

Данный эффект текста в стиле человека-паука является частью других текстовых эффектов Супер Герои – стили Photoshop, с которыми вы можете ознакомиться в моём профиле на сайте Envato Market.

Super Heroes Styles Preview ImageSuper Heroes Styles Preview ImageSuper Heroes Styles Preview Image
Супер Герои - Стили Photoshop

Исходные материалы

Следующие исходные материалы были использованы в этом уроке:

Перед тем, как вы приступите к уроку, скачайте и установите нужный шрифт, а также узоры в свою программу Photoshop.

1. Создаём Задний фон

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

Шаг 1

Вначале создайте новый документ со следующими размерами 850 x 500 px, Разрешение (Resolution) 72 пикселей / дюйм (pixels/inch), Содержимое заднего фона (Background Contents) Белый (White).

Create a New DocumentCreate a New DocumentCreate a New Document

Шаг 2

Дважды щёлкните по слою с Задним фоном (Background layer) в палитре слоёв, чтобы разблокировать его. Теперь щёлкните правой кнопкой мыши по разблокированному слою и в появившемся меню, выберите опцию Параметры наложения (Blending Options). Ещё один способ, как можно открыть данную опцию, это находясь на слое с задним фоном, идём Слой-Стили слоя  - Параметры наложения (Layer > Layer Style > Blending Options).

Далее, выберите следующий стиль слоя Наложение градиента (Gradient Overlay). Установите следующие настройки для данного стиля слоя:

  • Режим наложения (Blend Mode): Линейный затемнитель (Linear Burn)
  • Непрозрачность (Opacity): 20%
  • Щёлкните по шкале градиента, чтобы установить цвета градиента: Белый слева и Чёрный справа.
  • Стиль (Style): Радиальный (Radial)
  • Угол (Angle): 0°
  • Поставьте галочку в окошке Дизеринг (Dither)
Add a Gradient Overlay to BackgroundAdd a Gradient Overlay to BackgroundAdd a Gradient Overlay to Background

Шаг 3

Далее, выберите следующий стиль слоя Наложение узора (Pattern Overlay). Установите следующие настройки для данного стиля слоя:

  • Щёлкните по значку с маленьким треугольником, чтобы открыть окно Палитры узоров. Выберите узор Тёмная стена (Dark Wall).
  • Непрозрачность (Opacity): 100%
  • Масштаб (Scale): 100%
Add a Pattern Overlay to BackgroundAdd a Pattern Overlay to BackgroundAdd a Pattern Overlay to Background

Таким образом, мы создали тёмный текстурный задний фон с эффектом виньетки.

Background Final ImageBackground Final ImageBackground Final Image

2. Добавляем Текст и Применяем Стили слоя

Данный эффект текста создан из одного слоя, поэтому, вы можете сохранить данный стиль в своей библиотеке Палитры стилей (Styles palette) для использования в будущих проектах.

Шаг 1

Выберите инструмент Горизонтальный текст (Type Tool), установите шрифт Aero Matics. Установите Размер (Size) шрифта 200 pt, а также задайте Начертание (Style) шрифта Bold Italic. Напишите слово "SPIDER" заглавными буквами.

Use Type ToolUse Type ToolUse Type Tool

Шаг 2

Находясь на слое с текстом, щёлкните правой кнопкой мыши по данному слою и в появившемся окне, выберите опцию Параметры наложения (Blending Options).

Выберите стиль слоя Наложение узора (Pattern Overlay). Установите следующие настройки для данного стиля слоя:

  • Щёлкните по значку с маленьким треугольником, чтобы открыть окно Палитры узоров. Выберите узор Паутинка (Spidy).
  • Масштаб (Scale): 25%

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

Add a Pattern Overlay to Layer StyleAdd a Pattern Overlay to Layer StyleAdd a Pattern Overlay to Layer Style

Шаг 3

Далее, выберите следующий стиль слоя Наложение градиента (Gradient Overlay). Установите следующие настройки для данного стиля слоя:

  • Режим наложения (Blend Mode): Умножение (Multiply)
  • Непрозрачность (Opacity): 14%
  • Щёлкните по шкале градиента, чтобы установить цвета градиента: Чёрный слева и Белый справа.
  • Стиль (Style): Линейный (Linear)
  • Угол (Angle): -90°
  • Поставьте галочку в окошке Дизеринг (Dither)
Add a Gradient Overlay to Layer StyleAdd a Gradient Overlay to Layer StyleAdd a Gradient Overlay to Layer Style

Шаг 4

Выберите следующий стиль слоя Наложение цвета (Color Overlay). Установите следующие настройки для данного стиля слоя:

  • Режим наложения (Blend Mode): Умножение (Multiply)
  • Щёлкните по цветному окошку, чтобы задать цвет перекрытия. Выберите цветовой оттенок #e10505.
  • Непрозрачность (Opacity): 100%

Оба стиля Наложение цвета (color) и Градиента (gradient overlay) слегка затемнят основную текстуру.

Add a Color Overlay to Layer StyleAdd a Color Overlay to Layer StyleAdd a Color Overlay to Layer Style

Шаг 5

Добавьте стиль слоя Глянец (Satin). Установите следующие настройки для данного стиля слоя:

  • Режим наложения (Blend Mode): Линейный осветлитель (Добавить) (Linear Dodge (Add). Задайте цвет эффекта #ffeb0d
  • Непрозрачность (Opacity): 100%
  • Угол (Angle): 0°
  • Смещение (Distance): 4 px
  • Размер (Size): 16 px
  • Уберите галочку в окошке Инвертировать (Invert), если там активна галочка.

Стиль Глянец (Satin) добавит жёлтое и оранжевое свечение внутри текстуры паутинки.

Add a Satin to Layer StyleAdd a Satin to Layer StyleAdd a Satin to Layer Style

Шаг 6

Добавьте стиль слоя Внешнее свечение (Outer Glow). Установите следующие настройки для данного стиля слоя:

  • Режим наложения (Blend Mode): Нормальный (Normal)
  • Непрозрачность (Opacity): 100%
  • Метод (Technique): Точный (Precise)
  • Размах (Spread): 0%
  • Размер (Size): 8 px
  • Диапазон (Range): 55%
  • Колебание (Jitter): 0 %
  • Щёлкните по шкале градиента, чтобы открыть окно Редактора градиента (Gradient Editor). Контрольные точки (Stops):
  • Первая контрольная точка цвета Градиента #111111 и Позиция (Location) 21%.
  • Вторая контрольная точка цвета Градиента #177ece и Позиция (Location) 48%.
  • Третья контрольная точка цвета Градиента #9adaff и Позиция (Location) 73%.

Данный стиль добавит голубой градиент с тёмно-синей кромкой вокруг текста.

Add an Outer Glow to Layer StyleAdd an Outer Glow to Layer StyleAdd an Outer Glow to Layer Style

Шаг 7

Добавьте стиль слоя Внутренняя тень (Inner Shadow). Установите следующие настройки для данного стиля слоя:

  • Режим наложения (Blend Mode): Линейный затемнитель (Linear Burn) Задайте цвет эффекта #010101
  • Непрозрачность (Opacity): 30%
  • Уберите галочку в окошке Глобальное освещение (Global Light) перед тем, как установить Угол (Angle): -90°.
  • Смещение (Distance): 6 px
  • Стягивание (Choke): 0%
  • Размер (Size): 0 px

Стиль слоя Внутренняя тень (Inner Shadow) добавит ощущение 3D к стилю.

Add an Inner Shadow to Layer StyleAdd an Inner Shadow to Layer StyleAdd an Inner Shadow to Layer Style

Шаг 8

Добавьте стиль слоя Внутреннее свечение (Inner Glow). Установите следующие настройки для данного стиля слоя:

  • Режим наложения (Blend Mode): Осветление (Screen)
  • Непрозрачность (Opacity): 71%
  • Цвет (Color) #ffeb0d
  • Метод (Technique): Мягкий (Softer)
  • Источник (Source): На краях (Edge)
  • Стягивание (Choke): 0%
  • Размер (Size): 5 px

Стиль слоя Внутреннее свечение (Inner Glow) добавит тонкую жёлтую обводку вокруг текстуры.

Add an Inner Glow to Layer StyleAdd an Inner Glow to Layer StyleAdd an Inner Glow to Layer Style

Шаг 9

Добавьте стиль слоя Обводка (Stroke). Установите следующие настройки для данного стиля слоя:

  • Размер (Size): 2 px
  • Положение (Position): Снаружи (Outside)
  • Режим наложения (Blend Mode): Нормальный (Normal)
  • Непрозрачность (Opacity): 100%
  • Тип обводки (Fill Type): Градиент (Gradient)
  • Стиль (Style): Линейная (Linear)
  • Угол (Angle): 90°
  • Поставьте галочку в окошке Дизеринг (Dither)
  • Установите следующие цвета градиента:
  • Первая контрольная точка цвета Градиента #003669 и Позиция (Location) 12%.
  • Вторая контрольная точка цвета Градиента #bcebff и Позиция (Location) 22%.
  • Третья контрольная точка цвета Градиента #003669 и Позиция (Location) 52%.
  • Четвёртая контрольная точка цвета Градиента #bcebff и Позиция (Location) 83%.
  • Пятая контрольная точка цвета Градиента #003669 и Позиция (Location) 96%.

Стиль слоя Обводка (Stroke) добавит тонкие голубые яркие линии вокруг текста.

Add a Stroke to Layer StyleAdd a Stroke to Layer StyleAdd a Stroke to Layer Style

Шаг 10

Добавьте стиль слоя Тиснение (Bevel & Emboss). Установите следующие настройки для данного стиля слоя:

  • Стиль (Style): Внутренний скос (Inner Bevel)
  • Метод (Technique): Плавное (Smooth)
  • Глубина (Depth): 100%
  • Направление (Direction): Вверх (Up)
  • Размер (Size): 18 px
  • Уберите галочку в окошке Глобальное освещение (Global Light) перед тем, как установить Угол (Angle): 110° и Высоту (Altitude): 30°
  • Режим подсветки (Highlight Mode): Линейный осветлитель (Добавить) (Linear Dodge (Add) – Цвет (Color) #ffc000 и Непрозрачность (Opacity): 26%
  • Режим тени (Shadow Mode): Линейный затемнитель (Linear Burn) – Цвет (Color) #0a2a40 и Непрозрачность (Opacity): 20%
Add a Bevel and Emboss to Layer StyleAdd a Bevel and Emboss to Layer StyleAdd a Bevel and Emboss to Layer Style

Шаг 11

Далее, добавьте стиль слоя Текстура (Texture). Установите следующие настройки для данного стиля слоя:

  • Щёлкните по значку с маленьким треугольником, чтобы открыть окно Палитры узоров. Выберите узор Паутинка (Spidy).
  • Масштаб (Scale): 25%
  • Глубина (Depth): +120%

Внутренний скос (Inner Bevel) с текстурой (texture) добавит глубины к красному узору паутинки.

Add a Texture to Layer StyleAdd a Texture to Layer StyleAdd a Texture to Layer Style

Шаг 12

В качестве заключительного шага, добавьте стиль слоя Тень (Drop Shadow). Установите следующие настройки для данного стиля слоя:

  • Режим наложения (Blend Mode): Нормальный (Normal). Задайте цвет эффекта #001e2d
  • Непрозрачность (Opacity): 100%
  • Уберите галочку в окошке Глобальное освещение (Global Light) перед тем, как установить Угол (Angle): 120°
  • Смещение (Distance): 3 px
  • Размах (Spread): 100%
  • Размер (Size): 11 px
Add a Drop Shadow to Layer StyleAdd a Drop Shadow to Layer StyleAdd a Drop Shadow to Layer Style

Поздравляю! Мы завершили урок!

В этом уроке вы узнали, как создать текст в стиле Человека-паука в программе Photoshop.

Вначале мы создали тёмный задний фон с помощью узора тёмной текстуры. Далее, мы добавили текст и применили к нему множество различных эффектов, чтобы создать текстовый стиль Человека-паука.

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

Данный эффект текста в стиле человека-паука является частью других текстовых эффектов Супер Герои – стили Photoshop, с которыми вы можете ознакомиться в моём профиле на сайте Envato Market.

Final Text EffectFinal Text EffectFinal Text Effect
One subscription.
Unlimited Downloads.
Get unlimited downloads