Advertisement
  1. Design & Illustration
  2. Text Effects

Создаём Текст с Простым Ретро Эффектом Глюка в Adobe InDesign

Scroll to top
Read Time: 5 min
This post is part of a series called Text Effects in Adobe InDesign.
How to Create a Vintage Movie Text Effect in Adobe InDesign
How to Create a Bold 90s Text Effect in Adobe InDesign
This post is part of a series called How to Make Glitch Art.
How to Create VHS Glitch Art in Adobe Photoshop
20 Glitch & VHS Photo Effects With Digital Photoshop Art Styles
This post is part of a series called Retro Text Effect Tutorials.
How to Create a Retro 3D Displaced Text Effect in Adobe Photoshop
How to Create a Retro Chrome Text Effect in Adobe Illustrator

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

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

Хотите придать своему тексту трендовый имидж в стиле Mad Max?

Этот сверхбыстрый эффект глюка займёт всего 10 минут, и он отлично заменит сложные или дорогие экшены Photoshop.

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

Давайте приступим!

Что Вам Понадобится для Создания Данного Эффекта

Помимо доступа к программе Adobe InDesign, вам также понадобятся:

1. Создаём Задний Фон для Текстового Эффекта

Шаг 1

Откройте программу InDesign, а затем идём Файл – Новый – Документ (File > New > Document). Создайте документ любых размеров. В данном случае, я установила параметры страницы на A3 Landscape. Далее, нажмите кнопку ‘OK’.

Откройте панель слоёв (Окно – Слои) (Window > Layers), переименуйте слой Layer 1 в Background. Создайте два новых слоя в следующем порядке: Type и Overlay.

Далее, заблокируйте все слои за исключением слоя Background, с которого мы начнём нашу работу.

locked layerslocked layerslocked layers

Шаг 2

Откройте панель Образцы (Swatches), для этого идём Окно – Цвет – Образцы (Window > Color > Swatches). Создайте два новых образца CMYK:

  • Зелёный: C=56 M=0 Y=65 K=0
  • Синий: C=54 M=0 Y=25 K=0
swatch optionsswatch optionsswatch options

Шаг 3

Выберите опцию Новый Образец Градиента (New Gradient Swatch) из выпадающего меню панели Образцы (Swatches).

new gradient swatchnew gradient swatchnew gradient swatch

Назовите образец ‘Background Gradient’, установите Тип (Type) на Радиальный (Radial), а затем установите Контрольные точки цвета (Stop Color) на Образцы (Swatches). Выберите [чёрный] цвет для контрольной точки слева на Шкале Градиента (Gradient Ramp) ниже, и [зелёный] цвет для контрольной точки справа. Далее, нажмите кнопку ‘OK’.

radial gradientradial gradientradial gradient

Шаг 4

Создайте второй новый образец градиента, назовите его ‘Pink to Red’, установите Тип (Type) на Линейный (Linear).

Установите левую контрольную точку на Пурпурный (Magenta) (C=0 M=100 Y=0 K=0) образец в списке Образцов (Swatches), а правую контрольную точку на Красный (Red) (C=15 M=100 Y=100 K=0) образец.

pink to red gradientpink to red gradientpink to red gradient

Создайте заключительный образец линейного градиента, назовите его ‘Blue to Green’. Установите левую контрольную точку на Синий (Blue) образец, а правую контрольную точку на Зелёный (Green).

linear gradientlinear gradientlinear gradient

Шаг 5

С помощью инструмента Прямоугольник (Rectangle Tool (M), создайте фигуру вдоль всего холста, установите Заливку (Fill) на образец Background Gradient.

С помощью панели Градиент (Gradient), идём Окно – Цвет - Градиент (Window > Color > Gradient), проведите инверсию угла градиента при необходимости, расширяя светло-зелёный тон от центра страницы.

radial gradientradial gradientradial gradient

Шаг 6

С помощью инструмента Прямоугольник (Rectangle Tool (M), создайте рамку вдоль всего холста. Далее, идём Файл- Поместить (File > Place) и в окне навигации, выберите одну из текстур с глюком из исходного набора текстур, который вы скачали ранее. Нажмите кнопку ‘Open’.

Находясь на слое с рамкой, идём Объект – Эффекты- Прозрачность (Object > Effects > Transparency). Установите режим наложения на Умножение (Multiply), а также уменьшите Непрозрачность (Opacity) слоя до 80%.

multiplymultiplymultiply

2. Создаём Текст с Глюком

Шаг 1

Заблокируйте слой ‘Background’, а затем разблокируйте слой ‘Type’.

С помощью инструмента Текст (Type Tool (T), создайте текстовую рамку на холсте. Напечатайте свой текст, в данном случае, я написала слово ‘GLITCH’, установите шрифт на Bungee, или на любой шрифт, который вам нравится.

В панели Образцы (Swatches), установите Цвет шрифта (Font Color) на [Paper].

type texttype texttype text

Шаг 2

Находясь на слое с текстовой рамкой, идём Объект – Эффекты- Прозрачность (Object > Effects > Transparency). Установите режим наложения на Осветление (Screen), а также уменьшите Непрозрачность (Opacity) слоя до 85%.

transparencytransparencytransparency

Выберите стиль слоя Внешнее свечение (Outer Glow) в левой части панели. Уменьшите значение Непрозрачности (Opacity) до примерно 50%.

outer glowouter glowouter glow

Выберите стиль слоя Базовая растушёвка (Basic Feather) в левой части панели. Установите Ширину (Width) на 0.125 in, Стягивание (Choke) примерно до 20%, Углы (Corners) на Закруглённые (Rounded), и Шум (Noise) примерно на 10%. Далее, нажмите кнопку ‘OK’.

basic featherbasic featherbasic feather

Шаг 3

Перейдите на слой с текстовой рамкой, а затем идём Редактирование – Скопировать (Edit > Copy), Редактирование –  Вклеить по месту (Edit > Paste in Place). Сдвиньте текст вниз и немного влево, а затем выполните команду Монтаж -  На задний план (Arrange > Send to Back).

Откорректируйте цвет шрифта данного вклеенного текста на Blue to Green.

blue to greenblue to greenblue to green

Ещё идём Редактирование –  Вклеить по месту (Edit > Paste in Place), откорректируйте цвет шрифта данного текста на Pink to Red. Сдвиньте рамку вверх и немного вправо.

pink to redpink to redpink to red

Шаг 4

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

Выделите все три текстовые рамки и переходим к Типу (Type) в основном меню. Выберите опцию Создать Контуры (Create Outlines).

outlined textoutlined textoutlined text

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

Далее, поскольку три фигуры выделены, идём в панель Обводки (Stroke), Окно – Обводка (Window > Stroke), установите Ширину (Weight) Обводки (Stroke) на 3 pt и Тип (Type) на Волнообразный (Wavy).

wavy strokewavy strokewavy stroke

Шаг 5

Вы можете добавить заключительный эффект ‘призрака’, путём копирования и вклеивания белого текста, расположив его за другими копиями текста и установив Прозрачность (Transparency) на Осветление (Screen), а Непрозрачность (Opacity) на 35%.

screenscreenscreen

3. Добавляем Текстуру Наложения на Эффект

Шаг 1

Заблокируйте слой ‘Type’ и разблокируйте самый верхний слой ‘Overlay’.

С помощью инструмента Прямоугольник (Rectangle Tool (M), создайте рамку вдоль всего холста, а затем идём Файл – Поместить (File > Place), добавьте ту же самую текстуру с глюком, которую вы использовали ранее (см. 2.1, выше).

glitch textureglitch textureglitch texture

Шаг 2

Идём Объект – Эффекты- Прозрачность (Object > Effects > Transparency). Установите режим наложения на Умножение (Multiply), а также уменьшите Непрозрачность (Opacity) слоя до 55%.

multiplymultiplymultiply

Шаг 3

Выберите стиль слоя Базовая растушёвка (Basic Feather) в левой части панели. Примените Радиальный (Radial) градиент, создавая бледные тона в центре холста и затемняя тона на краях, создавая эффект подсветки.

gradient radialgradient radialgradient radial

Заключение

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

Вы можете найти ещё больше потрясающих шрифтов для создания текстовых эффектов на GraphicRiver и Envato Elements.

final effectfinal effectfinal effect
Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
Advertisement
One subscription. Unlimited Downloads.
Get unlimited downloads