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

Создаём Текст в Стиле 80х в Adobe Photoshop

by
Difficulty:BeginnerLength:MediumLanguages:
This post is part of a series called Text Effects .
How to Create a 3D Marquee Bulb Sign Text Effect in Adobe Photoshop
How to Create a Galaxy Text Effect in Adobe Photoshop
This post is part of a series called Retro Text Effect Tutorials.
Create a Retro Gold Leather Text Effect in Adobe Photoshop
How to Create a Vintage Movie Text Effect in Adobe InDesign

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

Final product image
What You'll Be Creating

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

Данный текстовый эффект был вдохновлён другими текстовыми эффектами, которые доступны на сайте GraphicRiver.

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

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

1. Определяем Узор и Создаём Задний Фон

Шаг 1

Откройте исходную текстуру Бетона в программе Photoshoip, а затем идём Редактирование - Определить узор (Edit > Define Pattern), в строке Имя (Name), укажите название узора BG Pattern.

Define Pattern

Шаг 2

Создайте новый документ со следующими размерами 1000 x 700 px. Дважды продублируйте фоновый слой, а затем уменьшите значение Заливки (Fill) до 0 для второго дубликата слоя.

Create the Background Layers

Шаг 3

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

  • Поставьте галочку в окошке Дизеринг (Dither)
  • Стиль (Style): Радиальный (Radial)
  • Угол (Angle): 15
  • Масштаб (Scale): 90%
  • Создайте градиент используя следующие цвета градиента: #b9a8a4 слева и #201a1a справа.
Create a Gradient Overlay

Шаг 4

Не закрывая окно настроек Стилей слоя (Layer Style), наведите курсор на холст, а затем зажав градиент, сместите его в пределах рабочего документа. Примечание переводчика: при смещении градиента, вы должны находиться на стиле слоя Наложение градиента (Gradient Overlay).

Move the Gradient Fill

Шаг 5

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

  • Режим наложения (Blend Mode): Умножение (Multiply)
  • Узор (Pattern): BG Pattern (Прим.переводчика: используйте узор, который вы создали вначале урока).
Pattern Overlay

Это один из способов применения стиля слоя Наложение узора (pattern overlay), другой способ мы применим позже в этом уроке.

Background

2. Создаём и Редактируем Текст

Шаг 1

Создайте текст, используя шрифт Argon, установите размер шрифта на 225 pt.

Create the Text

Шаг 2

В панели Символ (Character), установите Кернинг (Kerning) на Оптический (Optical).

Вы заметите, что некоторые буквы текста кажутся неравномерно распределёнными, и мы сейчас это исправим.

Kerning

Шаг 3

Выделите букву, которую вы хотите исправить, а затем поменяйте значение Трекинга (Tracking) по мере необходимости.

Tracking

Шаг 4

Используйте различные значения Трекинга (Tracking) для букв, которые у вас есть, пока вы не получите результат, который вам нравится.

Tracking

3. Преобразуем Текст в Смарт-Объект

Шаг 1

Дважды щёлкните по текстовому слою, чтобы применить стиль слоя Наложение градиента (Gradient Overlay), используя исходный градиент stove pipe 10 в качестве заливки градиентом.

Gradient Overlay

Шаг 2

Переименуйте слой с текстом в Текст (Text), а затем щёлкните правой кнопкой мыши по данному слою и в появившемся окне, выберите опцию Преобразовать в Смарт-объект (Convert to Smart Object).

Convert to Smart Object

4. Записываем Простой Экшен Экструзии

Шаг 1

Откройте панель Операции (Actions), нажмите на значок Создать новый набор (Create new set) в нижней части панели, в строке Имя (Name), укажите название Экструзия (Extrusion), а затем нажмите кнопку 'OK'.

Create New Set

Шаг 2

Нажмите на значок Создать новый экшен (Create new action) в нижней части панели, в строке Имя (Name), укажите название экшена Действие (Play), а затем нажмите на значок Запись (Record).

Create New Action

Шаг 3

Нажмите клавиши (Ctrl+J), чтобы продублировать слой Текст (Text).

Duplicate the Text Layer

Шаг 4

Нажмите клавиши (Ctrl+T) для активации режима Свободной трансформации (Free Transform Mode).

Free Transform Mode

Шаг 5

В верхней панели настроек, нажмите на значок Сохранить пропорции (Maintain aspect ratio), который расположен между полями Ширины (W) и Высоты (H), установите в этих полях значение 99.9%.

Scale Down

Шаг 6

Нажмите один раз клавишу со стрелкой вниз, чтобы сместить текст на 1 рх.

Nudge Downwards

Шаг 7

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

Нажмите значок Остановить запись (Stop recording) в нижней части панели Операции (Actions).

Stop Recording

5. Создаём Экструзию

Шаг 1

Десять раз нажмите значок Воспроизведения (Play) в нижней части панели Операции (Actions), чтобы создать ещё 10 копий с эффектом трансформирования.

Create the Extrusion Copy Layers

Шаг 2

Выделите все копии слоёв с текстом, а затем переместите их вниз, расположив ниже оригинального слоя Текст (Text), для этого идём Слой- Упорядочить - Инверсия (Layer > Arrange > Reverse).

Таким образом, последняя копия слоя будет расположена ниже всех слоёв, а первая копия будет расположена сверху.

Reverse Layers Order

Шаг 3

Поместите выделенные копии слоёв в отдельную группу, назовите эту группу Экструзия (Extrusion).

Extrusion Group

Шаг 4

Продублируйте последнюю копию текстового слоя (Text copy 11), Переместите эту копию из группы Экструзия (Extrusion), а затем переименуйте эту копию в Тень 1 (Shadow 1). Примечание переводчика: расположите новую копию текстового слоя ниже слоя с группой Экструзия (Extrusion).

Shadow 1 Layer

Шаг 5

Поместите слой Тень 1 (Shadow 1) в отдельную группу, назовите эту группу Тень (Shadow).

Shadow Group

Стилизуем Лицевой Текстовый Слой

Дважды щёлкните по оригинальному слою Текст (Text), чтобы применить следующие стили слоя:

Шаг 1

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

  • Размер (Size): 0
  • Уберите галочку в окошке Глобальное освещение (Use Global Light)
  • Угол (Angle): 55
  • Высота (Altitude): 5
  • Поставьте галочку в окошке Сглаживание (Anti-aliased)
  • Режим подсветки (Highlight Mode): Яркий свет (Vivid Light)
    • Режим тени (Shadow Mode): Затемнение основы (Color Burn)
      Add a Bevel and Emboss

      Шаг 2

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

      • Размер (Size): 1
      • Положение (Position): Внутри (Inside)
      • Режим наложения (Blend Mode): Жёсткий свет (Hard Light)
      • Тип обводки (Fill Type): Градиент (Gradient)
      • Используйте градиент stainless steel 101ss в качестве обводки
      Add a Stroke

      Шаг 3

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

      • Непрозрачность (Opacity): 35%
      • Смещение (Distance): 2
      • Размер (Size): 5
      Add an Inner Shadow

      Шаг 4

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

      • Режим наложения (Blend Mode): Жёсткий свет (Hard Light)
      • Непрозрачность (Opacity): 35%
      • Цвет#dae8ec
      • Метод (Technique): Точный (Precise)
      • Источник (Source): Из центра (Center)
      • Размер (Size): 20
      • Контур (Contour): Cone - Inverted
      Add an Inner Glow

      Шаг 5

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

      • Поставьте галочку в окошке Дизеринг (Dither)
      • Режим наложения (Blend Mode): Перекрытие (Overlay)
      • Поставьте галочку в окошке Инверсия (Reverse)
      • Используйте градиент steel pipe 30
      Add a Gradient Overlay 1

      Шаг 6

      Нажмите на значок '+' в правой части вкладки стиля слоя Наложение градиента (Gradient Overlay), чтобы добавить ещё один стиль слоя. Установите следующие настройки:

      • Поставьте галочку в окошке Дизеринг (Dither)
      • Режим наложения (Blend Mode): Мягкий свет (Soft Light)
      • Используйте градиент, который указан на скриншоте ниже.
      Add a Gradient Overlay 2

      Шаг 7

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

      • Режим наложения (Blend Mode): Яркий свет (Vivid Light)
      • Непрозрачность (Opacity): 50%
      • Цвет#acc4c4
      • Метод (Technique): Точный (Precise)
      • Размер (Size): 5
      • Контур (Contour): Cove - Deep
      Add an Outer Glow

      Итак, мы стилизовали лицевой текстовый слой.

      Styled Text Layer Result

      7. Стилизуем Экструзию

      Дважды щёлкните по любой копии слоя с текстом внутри группы Экструзия (Extrusion), чтобы применить следующие стили слоя.

      Шаг 1

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

      • Размер (Size): 0
      • Смягчение (Soften): 1
      • Уберите галочку в окошке Глобальное освещение (Use Global Light)
      • Угол (Angle): 55
      • Высота (Altitude): 5
      • Поставьте галочку в окошке Сглаживание (Anti-aliased)
      • Режим подсветки (Highlight Mode): Яркий свет (Vivid Light)
        • Режим тени (Shadow Mode): Затемнение основы (Color Burn)
          Add Bevel and Emboss

          Шаг 2

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

          • Контур (Contour): Cove - Shallow
          • Поставьте галочку в окошке Сглаживание (Anti-aliased)
          • Диапазон (Range): 100%
          Add a Contour

          Шаг 3

          Щёлкните правой кнопкой мыши по стилизованному слою и в появившемся окне, выберите опцию Скопировать стили слоя (Copy Layer Style).

          Далее, выделите остальные копии текстовых слоёв внутри группы Экструзия (Extrusion), а затем щёлкните правой кнопкой мыши по любому из выделенных слоёв и в появившемся окне, выберите опцию Вклеить стиль слоя (Paste Layer Style).

          Copy and Paste Layer Style

          Шаг 4

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

          • Режим наложения (Blend Mode: Линейный затемнитель (Linear Burn)
          • Используйте следующий градиент stove pipe 10
          Add a Gradient Overlay 1

          Шаг 5

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

          • Режим наложения (Blend Mode): Перекрытие (Overlay)
          • Используйте градиент stove pipe 155b
          Add a Gradient Overlay 2

          Итак, мы стилизовали экструзию.

          Styled Extrusion Result

          8. Добавляем Тени

          Шаг 1

          Дважды щёлкните по слою Тень 1 (Shadow 1), чтобы добавить стиль слоя Наложение цвета (Color Overlay). Установите цвет наложения на чёрный.

          Apply Color Overlay

          Шаг 2

          Уменьшите значение Заливки (Fill) для слоя Тень 1 (Shadow 1) до 0, а также уменьшите значение Непрозрачности (Opacity) до 50%.

          Fill and Opacity Values

          Шаг 3

          Далее, идём Фильтр - Размытие- Размытие в движении (Filter > Blur > Motion Blur).

          Поменяйте Угол (Angle) на -60, а Смещение (Distance) на 100 или используйте любые другие значения на своё усмотрение.

          Create a Motion Blur

          Шаг 4

          Выберите инструмент Перемещение (Move Tool), а затем щёлкните/потяните тень или с помощью клавиш со стрелками, слегка сдвиньте тень, расположив её за текстом.

          Move the Shadow

          Шаг 5

          Находясь на слое с тенью, идём Фильтр - Размытие- Размытие по Гауссу (Filter > Blur > Gaussian Blur). Установите Радиус (Radius) размытия на 5, или используйте любое другое значение на своё усмотрение.

          Apply Gaussian Blur

          Шаг 6

          Чтобы усилить тень и сделать её более реалистичной, продублируйте слой с тенью Тень 1 (Shadow 1). Используйте различные настройки.

          Итак, создайте столько копий, сколько потребуется, а также поменяйте настройки Непрозрачности (Opacity) и радиуса Размытия (Blur) для каждой отдельной копии на своё усмотрение, включая смещение тени за текстом, чтобы получить результат, который вам нравится.

          Add More Shadow Layers

          9. Добавляем Заключительные Штрихи

          Шаг 1

          Добавьте исходное изображение со световым бликом на наш рабочий документ, расположив поверх всех остальных слоёв. Примените масштабирование при необходимости. Поменяйте режим наложения для слоя с бликом на Осветление (Screen).

          Lens Flare Image

          Шаг 2

          Далее, идём Изображение- Коррекция Цветовой тон / Насыщенность (Image > Adjustments > Hue/Saturation). Уменьшите значение Насыщенности (Saturation) до -35.

          Change the Hue and Saturation

          Шаг 3

          В нижней части панели слоёв, нажмите значок Создать новый корректирующий слой или слой заливку (Create new fill or adjustment layer) и в появившемся меню, выберите опцию Узор (Pattern). Используйте исходный узор Pattern 1 в качестве заливки. Примечание переводчика: выберите исходный пиксельный узор в качестве узора заливки.

          Add a Pattern

          Шаг 4

          Поменяйте режим наложения для слоя с узором на Перекрытие (Overlay), а также уменьшите Непрозрачность (Opacity) слоя до 15%.

          Это другой способ добавления наложения узора вместо использования стилей слоя.

          Change the Pattern Settings

          Шаг 5

          Добавьте корректирующий слой Поиск цвета (Color Lookup), а затем в выпадающем меню 3DLUT File, выберите фильтр FoggyNight.3DL.

          Поставьте галочку в окошке Дизеринг (Dither), а затем поменяйте режим наложения для данного корректирующего слоя Поиск цвета (Color Lookup) на Мягкий свет (Soft Light), а также уменьшите значение Непрозрачности (Opacity) до 50%.

          Change the Color Lookup

          Шаг 6

          Дважды щёлкните по миниатюре слоя Текст (Text), чтобы  открыть вспомогательный редактируемый файл, где вы можете изменить текст, а также обновить все копии в оригинальном файле.

          А сейчас, всё что нам нужно сделать - это поменять Размеры холста (Canvas Size) в соответствии с размерами оригинального документа.

          Итак, идём Изображение - Размеры холста (Image > Canvas Size). Установите значение 1000 для Ширины (Width) и значение 700 для Высоты (Height).

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

          Adjust the Canvas Size

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

          В этом уроке мы создали простой задний фон, используя наложение градиентов и узоров. Далее, мы создали и стилизовали основной смарт-объект с текстом.

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

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

          80s Silver Text Effect Adobe Photoshop Tutorial
          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.