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

Простой Элегантный Металлический Текст в программе Photoshop

by
Difficulty:BeginnerLength:ShortLanguages:

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

Final product image
What You'll Be Creating

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

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

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

1. Создайте Задний Фон

Шаг 1

Создайте новый документ 1024 x 1024 px в программе Adobe Photoshop. Установите цвет переднего плана на #7d7d7d, а цвет заднего плана на #434343. Выберите инструмент Градиент (Gradient Tool), установите тип градиента Радиальный градиент (Radial Gradient), цвета градиента от цвета переднего плана к цвету заднего плана.

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

Background Gradient Fill

Шаг 2

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

  • Режим наложения (Blend Mode): Умножение (Multiply)
  • Непрозрачность (Opacity): 100%
  • Узор (Pattern): Текстура Бумаги (Pattern: paper_2)
Pattern Overlay

Шаг 3

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

Background with Pattern Overlay

Шаг 4

Далее, продублируйте дубликат слоя с задним фоном (Примечание переводчика: продублируйте дубликат слоя с градиентом). Щёлкните правой кнопкой по созданному дубликату слоя и в появившемся окне, выберите опцию Растрировать стили слоя (Rasterize Layer Style). Если вы используете более раннюю версию, чем CS6, то просто создайте группу для дубликата слоя, а затем выполните сведение группы.

Поменяйте режим наложения для растрированного слоя на Перекрытие (Overlay). Данный режим усилит узор и затемнит задний фон.

Duplicate Background Layer

2.   Создайте Текст

Шаг 1

Создайте текст, используя заглавные буквы, шрифт SpinweradC Bold, цвет текста #454646, размер шрифта 300 pt, а если вы хотите добавить ещё одну строку текста, то поменяйте значение настройки Интерлиньяж (Leading) на 250.

Create the Text

Шаг 2

Продублируйте слой с текстом, а затем уменьшите значение Заливки (Fill) до 0. Примечание переводчика: автор уменьшает заливку оригинального слоя с текстом.

Duplicate the Text Layer

Шаг 3

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

  • Смещение (Distance): 35
  • Размер (Size): 50
Drop Shadow

Шаг 4

Итак, мы добавили тень к нижнему слою с текстом.

Text with Drop Shadow

3.  Примените Стилизацию к Тексту

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

Шаг 1

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

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

Шаг 2

В опции Контур (Contour), просто поставьте галочку в окошке Сглаживание (Anti-aliased).

Contour

Шаг 3

Добавьте текстуру, используя текстуру 3рх Плитки.

Texture

Шаг 4

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

  • Размер (Size): 1
  • Тип обводки (Fill Type):  Градиент (Gradient)
  • Стиль (Style):  Зеркальный (Reflected)
  • Угол (Angle): 45
  • Выберите градиент Chrome Bar 135
Stroke

Шаг 5

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

  • Режим наложения (Blend Mode): Перекрытие (Overlay)
  • Шум (Noise): 100%
  • Цвет (Color): #f6f6f6
  • Размер (Size): 10
Inner Glow

Шаг 6

Добавьте стиль слоя Наложение градиента (Gradient Overlay). Примените следующие значения:

  • Режим наложения (Blend Mode): Мягкий свет (Soft Light)
  • Непрозрачность (Opacity): 35%
  • Стиль (Style): Зеркальный (Reflected)
  • Угол (Angle): 45
  • Поставьте галочку в окошке Инверсия (Reverse)
  • Выберите градиент stove pipe 10
Gradient Overlay

Шаг 7

Добавьте стиль слоя Тень (Drop Shadow). Примените следующие значения:

  • Непрозрачность (Opacity): 62%
  • Смещение (Distance): 8
  • Размер (Size): 8
Drop Shadow

Шаг 8

Итак, мы добавили стили слоя к основному тексту. Текст выглядит немного плоским, кроме этого, теряются отдельные интересные детали. Поэтому, мы добавим текстуру, чтобы исправить это.

Styled Text

4.   Добавьте Текстуру

Шаг 1

Добавьте текстуру изображения Нью-Йорка на наш рабочий документ, расположив данное изображение поверх всех остальных слоёв, далее, идём Фильтр – Размытие – Размытие по Гауссу (Filter > Blur > Gaussian Blur), примените радиус размытия 1.5.

Gaussian Blur the Texture

Шаг 2

Поменяйте режим наложения для слоя с текстурой на Перекрытие (Overlay), а также уменьшите Непрозрачность (Opacity) слоя с текстурой до 20%, или уменьшите значение непрозрачности слоя на своё усмотрение, всё будет зависеть от того, насколько нежным или насыщенным вы хотите сделать ваш эффект. Вы также можете изменить размеры текстуры, а также сместить текстуру так, чтобы вы могли увидеть текст из-за текстуры. Как только вас устроит результат, примените изменения.

Change the Texture Layers Settings

Шаг 3

Удерживая клавишу Ctrl+щёлкните по миниатюре слоя с текстом, чтобы загрузить активное выделение вокруг текста.

Text Selection

Шаг 4

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

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

Add Layer Mask

5.   Добавьте Блики

Шаг 1

Установите цвет переднего плана на #ebebeb, выберите инструмент Кисть (Brush Tool), далее, зайдите в закладку Кисти (Brush), идём Окно - Кисти (Window > Brush).

Установите мягкую круглую кисть, размер кисти 35 px, а также поменяйте значение Формы (Roundness) кисти на 30%.

Brush Settings

Шаг 2

Создайте новый слой поверх всех слоёв, назовите этот слой ‘Блики’. Поменяйте режим наложения для данного слоя на Яркий свет (Vivid Light). Далее, добавьте пару световых бликов на горизонтальные края текста.

Add Brush To Horizontal Parts

Шаг 3

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

Change the Brushs Angle

6.   Проведите Световую Коррекцию, Коррекцию Цвета Итогового Результата

Шаг 1

Нажмите кнопку Создать новый корректирующий слой или слой-заливку (Create new fill or adjustment layer) в нижней панели инструментов и в появившемся меню, выберите опцию Уровни (Levels).

Add Levels Adjustment Layer

Шаг 2

Установите значение Света (Highlights) на 245, чтобы сделать эффект немного светлее.

Change Levels Value

Шаг 3

Далее, добавьте новый корректирующий слой Карта градиента (Gradient Map).

Add Gradient Map Adjustment Layer

Шаг 4

Выберите следующий градиент из набора градиентов CSP True Sky Gradients.grd, далее, поменяйте режим наложения для корректирующего слоя Карта градиента (Gradient Map) на Яркий свет (Vivid Light), а также уменьшите непрозрачность слоя до 30%. Это усилит цвета итогового результата.

Change the Gradient Map Values

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

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

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

В заключение, мы добавили несколько корректирующих слоёв, чтобы усилить освещение и цвет итогового результата.

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

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.