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

Как Создать Текстовый Эффект, Вдохновленный Фильмом "Очень странные дела"

by
Difficulty:BeginnerLength:ShortLanguages:
This post is part of a series called Text Effects .
How to Create a Quick Repetitive Text Effect Illusion in Adobe Illustrator
How to Create a 3D Marquee Bulb Sign Text Effect in Adobe Photoshop
This post is part of a series called Learn Adobe Photoshop.
How to Create a Kaleidoscope Effect in Adobe Photoshop
How to Create a Floral Portrait Photo Manipulation in Adobe Photoshop

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

Final product image
What You'll Be Creating

Этот очень короткий урок покажет вам лёгкий способ создать текстовый эффект, вдохновленный сериалом "Очень странные дела", используя только стили слоёв и некоторые простые коррекции. Давайте начнём!

Этот текстовый эффект был вдохновлён множеством Стилей Слоя, доступных на Envato Market.

Учебные Материалы

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

1. Создание Фона и Текста

Шаг 1

Создайте новый документ 1280 x 720px и залейте Background (Фон) цветом #0c0101.

Create the Background

Шаг 2

Создайте текст Белого цвета, используя шрифт Indira K.

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

Установите значение Size / Размер около 141 pt и выберите иконки Faux Bold / Псевдополужирный и All Caps / Все Прописные в панели Character / Символ (Window > Character / Окно - Символ).

Create the Text

Шаг 3

Измените значение Tracking / Трекинг на -100.

Change the Tracking

Шаг 4

Измените Vertical Scale / Масштаб по вертикали на 115. Это растянет текст по вертикали.

Change the Vertical Scale

2. Коррекция Больших Букв

Шаг 1

Выделите (подсвечено) первую букву текста и измените его Size / Размер на значение, близкое к 212 pt.

Enlarge the First Letter

Шаг 2

Далее вам нужно изменить значение Baseline Shift / Базовой Линии так, чтобы сместить большую букву вниз, пока её верхушка не окажется на том же уровне, что и верхушки остальных букв.

Чтобы это сделать, вы можете либо ввести цифровое значение, либо перетащить иконку Set the baseline shift /  Задать смещение базовой линии влево.

Set the Baseline Shift

Шаг 3

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

Adjust the Last Letter

3. Коррекция Кернинга

Шаг 1

Поместите курсор между первыми двумя буквами и измените значение Kerning / Кернинг так, как вы считаете выглядит лучше.

Change the Kerning

Шаг 2

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

Change the Kerning

Шаг 3

Когда закончите, измените значение Fill / Заливка этого слоя на 0.

Change the Fill Value

4. Стилизация Текста

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

Шаг 1

Добавьте Bevel and Emboss / Тиснение со следующими настройками:

  • Style/ Стиль: Stroke Emboss / Обводящее тиснение
  • Depth / Глубина: 220
  • Size / Размер: 3
  • Снимите галку Use Global Light / Глобальное освещение
  • Angle / Угол: 156
  • Altitude / Высота: 37
  • Gloss Contour / Контур Глянца: Cone - Inverted / Перевёрнутый Конус
  • Поставьте галку Anti-aliased / Сглаживание
  • Highlight Mode - Opacity / Режим Подсветки - Непрозрачность: 35%
  • Shadow Mode - Opacity / Режим Тени - Непрозрачность: 50%
Bevel and Emboss

Шаг 2

Добавьте Contour / Контур со следующими установками:

  • Contour / Контур: Cove - Deep / Глубокая выемка
  • Поставьте галку Anti-aliased / Сглаживание.
Contour

Шаг 3

Добавьте Stroke / Обводка со следующими установками:

  • Size / Размер: 3
  • Position / Положение: Inside / Внутри
  • Color / Цвет#ce1725
Stroke

Шаг 4

Добавьте Inner Glow / Внутреннее Свечение со следующими настройками:

  • Opacity / Непрозрачность: 50%
  • Noise / Шум: 5%
  • Color / Цвет: #ea0f0f
  • Size / Размер: 17
Inner Glow

Шаг 5

Добавьте Outer Glow / Внешнее Свечение со следующими настройками:

  • Opacity / Непрозрачность: 50%
  • Noise / Шум: 5%
  • Color / Цвет#ea2314
  • Size / Размер: 12
  • Range / Диапазон: 60%
Outer Glow

Шаг 6

Это стилизует текст. Кликните правой кнопкой по слою стилизованного текста и выберите Copy Layer Style / Скопировать Стиль Слоя.

Copy Layer Style

5. Создание Прямоугольных Фигур

Шаг 1

Выберите инструмент Rounded Rectangle Tool / Прямоугольник со скругленными углами и установите Radius / Радиус в меню Options / Настройки 2Растяните прямоугольник над текстом со значением Height / Высота около 7px.

Затем растяните мышью больше прямоугольников в начале и в конце второй строки или где угодно, где вы хотели бы их добавить. Только убедитесь, что для соблюдаете то же значение Height / Высота для всех прямоугольников, которые вы создаёте. 

Create the Rectangles

Шаг 2

Измените значение Fill / Заливка всех слоёв с прямоугольниками на 0.

Change the Fill Value

6. Стилизация Прямоугольников

Кликните правой кнопкой по любому из слоёв с прямоугольником и выберите Paste Layer Style / Вставить Стиль Слоя. Так вы примените тот же стиль слоя, скопированный с текстового слоя.

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

Шаг 1

Добавьте Bevel and Emboss / Тиснение со следующими установками:

  • Size / Размер: 2
Bevel and Emboss

Шаг 2

Добавьте Stroke / Обводка со следующими установками:

  • Size / Размер: 2
  • Position / Положение: Outside / Снаружи
Stroke

Шаг 3

Добавьте Inner Glow / Внутреннее Свечение со следующими настройками:

  • Size / Размер: 5
Inner Glow

Шаг 4

Добавьте Outer Glow / Внешнее Свечение со следующими настройками:

  • Size / Размер: 17
Outer Glow

Шаг 5

Кликните правой кнопкой по стилизованному слоя с прямоугольником и выберите Copy Layer Style / Копировать Стиль Слоя.

Copy Layer Style

Шаг 6

Выберите другой слой с прямоугольником, кликните правой кнопкой по любому из них и выберите Paste Layer Style / Вставить Стиль Слоя.

Paste Layer Style

Шаг 7

Поместите слои с текстом и прямоугольниками в группу и назовите её Text Effect.

Text Effect Group

7. Стиль Группы

Дважды кликните по группе Text Effect и примените следующий стиль слоя:

Шаг 1

Добавьте Gradient Overlay / Наложение Градиента со следующими установками:

  • Поставьте галку Dither / Дизеринг
  • Blend Mode / Режим Наложения: Soft Light / Мягкий Свет
  • Style / Стиль: Reflected / Зеркальный
  • Angle / Угол: 135
  • Создайте Gradient / Градиентная заливка, используя цвета #fbe7c2 слева и #e69f99 справа
Gradient Overlay 1

Шаг 2

Добавьте ещё один эффект Gradient Overlay / Наложение Градиента с этими установками:

  • Поставьте галку Dither / Дизеринг
  • Blend Mode / Режим Наложение: Overlay / Перекрытие
  • Style / Стиль: Reflected / Зеркальный
  • Angle / Угол: 135
  • Используйте градиентную заливку faucet 10
Gradient Overlay 2

Шаг 3

Добавьте Outer Glow / Внешнее Свечение со следующими настройками:

  • Opacity / Непрозрачность: 20%
  • Color / Цвет: #de1b22
  • Size / Размер: 34
  • Range / Диапазон: 60%
Outer Glow

Это позволит усилить эффект.

Styled Group

8. Добавление Световых Пятен

Шаг 1

Установите цвет #451d08 для Переднего Плана и затем создайте новый слой поверх всех слоёв, назовите его Light / Свет и измените Blend Mode / Режим Наложения на Color Dodge / Осветление основы.

Light Layer

Шаг 2

Возьмите инструмент Brush Tool / Кисть и выберите большую мягкую круглую кисть. Затем начните кликать поверх некоторых букв, чтобы сделать их ярче.

Вы можете менять размер кисти и играть со значениями Opacity / Непрозрачность на панели Options / Опции, чтобы контролировать интенсивность световых пятен.

Add the Light Spots

Шаг 3

Кликните по иконке Create new fill or adjustment layer / Создать новый корректирующий слой или слой-заливку на панели Слои и выберите Hue/Saturation / Цветовой тон/Насыщенность.

HueSaturation Adjustment Layer

Шаг 4

Измените значение Saturation / Насыщенность на 35, а Lightness / Яркость на 15 или любое другое значение, которое вам нравится.

Change the Values

9. Изменение Окраски

Шаг 1

Добавьте корректирующий слой Gradient / Градиент поверх группы Text Effect.

Создайте градиентную заливку, используя цвета #5c456e справа, #b26b73 в центре и #fda982 слева. Измените Style / Стиль на Reflected / Зеркальный, Angle / Угол на 155, а Scale / Масштаб на 55%.

Gradient Adjustment Layer

Шаг 2

Измените Blend Mode / Режим Наложения слоя Gradient / Градиент на Color / Цветность, а его Opacity / Непрозрачность на 35%.

Gradient Layer Settings

Поздравляю! Вы Закончили

В этом уроке мы создали текст и изменили его, используя разные установки и настройки панели Character / Символ. Затем мы стилизовали текст, создали прямоугольники и также стилизовали их.

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

Пожалуйста, не стесняйтесь оставлять комментарии, предложения и свои результаты ниже.

Final Result
Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.