1. Design & Illustration
  2. Text Effects

Создаём Красочный Текст в программе Adobe Photoshop

by
Read Time:6 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

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

Если вы не хотите выполнять этот урок, но всё же хотите приобрести данный текстовый стиль, то перейдите на сайт GraphicRiver и купите набор 7 Глянцевых Стилей 2 Photoshop.

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

Promo imagePromo imagePromo image
7 Глянцевых Стилей 2 Photoshop

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

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

  • Шрифт Lobster 1.4
  • Задний фон и Контуры находятся в приложении к данному уроку.

1. Создаём Стили Слоя

Шаг 1

Идём Файл - Открыть (File > Open), чтобы открыть исходное изображение с задним фоном.

Background imageBackground imageBackground image

Шаг 2

Выберите инструмент Горизонтальный текст (Horizontal Type Tool (T). Установите следующие настройки:

  • Шрифт Lobster 1.4
  • Размер шрифта 210 pt
  • Метод сглаживания (Anti-Aliasing mode): Резкое (Sharp)
  • Цвет шрифта #ffffff
Horizontal Type Tool and its settingsHorizontal Type Tool and its settingsHorizontal Type Tool and its settings

Шаг 3

Напишите слово Shiny, расположив его в центре рабочего документа.

Чтобы выставить текст по центру, нажмите клавиши (Ctrl+A), чтобы выделить весь документ, а затем выберите инструмент Перемещение (Move Tool (V) и в панели управления данного инструмента, нажмите значки Выравнивание центров по вертикали (Align Vertical Center) и Выравнивание центров по горизонтали (Align Horizontal Center).

Aligning the layerAligning the layerAligning the layer

Шаг 4

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

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

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

  • Режим наложения (Blend Mode): Нормальный (Normal)
  • Уберите галочку в окошке Дизеринг (Dither)
  • Непрозрачность (Opacity): 100%
  • Уберите галочку в окошке Инверсия (Reverse)
  • Стиль (Style): Линейный (Linear)
  • Поставьте галочку в окошке Выровнять по слою (Align with Layer)
  • Угол (Angle): 90º
  • Масштаб (Scale): 100%

Щёлкните по шкале градиента, чтобы установить следующие цвета:

  • Первая контрольная точка цвета (First Stop Color): #ffc600
  • Позиция первой контрольной точки 0%
  • Вторая контрольная точка цвета (Second Stop Color): #f8e45f
  • Позиция второй контрольной точки 100%
Gradient Overlay settingsGradient Overlay settingsGradient Overlay settings

Шаг 5

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

  • Стиль (Style): Тиснение (Emboss)
  • Метод (Technique): Плавное (Smooth)
  • Глубина (Depth): 286%
  • Направление (Direction): Вверх (Up)
  • Размер (Size): 10 px
  • Смягчение (Soften): 0 px
  • Уберите галочку в окошке Глобальное освещение (Use Global Light)
  • Угол (Angle): 96º
  • Высота (Altitude): 16º
  • Контур глянца (Gloss Contour): щёлкните по выпадающему окну Контуры (Contour), загрузите файл Shiny Contour.shc (архив в приложении)
  • Поставьте галочку в окошке Сглаживание (Anti-aliased)
  • Режим подсветки (Highlight Mode): Осветление (Screen)
  • Режим подсветки (Highlight Mode) цвет: #ffee93
  • Режим подсветки (Highlight Mode) Непрозрачность (Opacity): 67%
  • Режим тени (Shadow Mode): Нормальный (Normal)
  • Режим тени (Shadow Mode) цвет: #190a20
  • Режим тени (Shadow Mode) Непрозрачность (Opacity): 9%
Bevel and Emboss settingsBevel and Emboss settingsBevel and Emboss settings

Шаг 6

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

  • Размер (Size): 4 px
  • Положение (Position): Снаружи (Outside)
  • Режим наложения (Blend Mode): Нормальный (Normal)
  • Непрозрачность (Opacity): 100%
  • Уберите галочку в окошке Отдельный оттиск (Overprint)
  • Тип обводки (Fill Type): Цвет (Color)
  • Цвет: #7344ac
Stroke settingsStroke settingsStroke settings

Шаг 7

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

  • Режим наложения (Blend Mode): Нормальный (Normal)
  • Цвет: #ae00f6
  • Непрозрачность (Opacity): 100%
  • Уберите галочку в окошке Глобальное освещение (Use Global Light)
  • Угол (Angle): 120º
  • Смещение (Distance): 5 px
  • Размах (Spread): 100%
  • Размер (Size): 5 px
  • Контур (Contour): Linear
  • Уберите галочку в окошке Сглаживание (Anti-aliased)
  • Шум (Noise): 0%
  • Поставьте галочку в окошке Слой выбивает тень (Layer Knocks Out Drop Shadow)
Drop Shadow settingsDrop Shadow settingsDrop Shadow settings

Результат должен быть, как на скриншоте ниже:

How the image should lookHow the image should lookHow the image should look

Шаг 8

Находясь на слое Shiny, нажмите клавиши (Ctrl+J), чтобы продублировать слой с текстом. Переименуйте дубликат слоя в Shiny TOP.

Renaming the layerRenaming the layerRenaming the layer

Шаг 9

Щёлкните правой кнопкой мыши по слою Shiny TOP и в появившемся окне, выберите опцию Очистить стили слоя (Clear Layer Style). Далее, дважды щёлкните по слою Shiny TOP, чтобы применить следующие стили слоя:

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

  • Стиль (Style): Внутренний скос (Inner Bevel)
  • Метод (Technique): Плавное (Smooth)
  • Глубина (Depth): 551%
  • Направление (Direction): Вверх (Up)
  • Размер (Size): 16 px
  • Смягчение (Soften): 0 px
  • Уберите галочку в окошке Глобальное освещение (Use Global Light)
  • Угол (Angle): 96º
  • Высота (Altitude): 16º
  • Контур глянца (Gloss Contour): Cove - Shallow
  • Режим подсветки (Highlight Mode): Осветление (Screen)
  • Режим подсветки (Highlight Mode) цвет: #ffee93
  • Режим подсветки (Highlight Mode) Непрозрачность (Opacity): 67%
  • Режим тени (Shadow Mode): Нормальный (Normal)
  • Режим тени (Shadow Mode) цвет #190a20
  • Режим тени (Shadow Mode) Непрозрачность (Opacity): 9%
Bevel and Emboss settingsBevel and Emboss settingsBevel and Emboss settings

Шаг 10

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

  • Режим наложения (Blend Mode): Умножение (Multiply)
  • Цвет: #bf8c01
  • Непрозрачность (Opacity): 21%
  • Уберите галочку в окошке Глобальное освещение (Use Global Light)
  • Угол (Angle): -45º
  • Смещение (Distance): 5 px
  • Стягивание (Choke): 0%
  • Размер (Size): 5 px
  • Контур (Contour): Linear
  • Уберите галочку в окошке Сглаживание (Anti-aliased)
  • Шум (Noise): 0%
Inner Shadow settingsInner Shadow settingsInner Shadow settings

Шаг 11

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

  • Режим наложения (Blend Mode): Затемнение основы (Color Burn)
  • Уберите галочку в окошке: Дизеринг (Dither)
  • Непрозрачность (Opacity): 100%
  • Стиль (Style): Linear
  • Поставьте галочку в окошке Выровнять по слою (Align with Layer)
  • Угол (Angle): 90º
  • Масштаб (Scale): 100%

Щёлкните по шкале градиента, чтобы установить следующие цвета:

  • Первая контрольная точка цвета #a5a5a5
  • Позиция первой контрольной точки 4%
  • Вторая контрольная точка цвета #ffffff
  • Позиция второй контрольной точки 27%
  • Третья контрольная точка цвета #e2e2e2
  • Позиция третьей контрольной точки 74%
  • Четвёртая контрольная точка цвета #b2b2b2
  • Позиция четвёртой контрольной точки 100%
Gradient Overlay settingsGradient Overlay settingsGradient Overlay settings

Шаг 12

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

  • Режим наложения (Blend Mode): Осветление (Screen)
  • Непрозрачность (Opacity): 75%
  • Шум (Noise): 0%
  • Цвет: #eac919
  • Метод (Technique): Мягкий (Softer)
  • Размах (Spread): 0%
  • Размер (Size): 0 px
  • Контур (Contour): Linear
  • Уберите галочку в окошке Сглаживание (Anti-aliased)
  • Диапазон (Range): 50%
  • Колебание (Jitter): 0%
Outer Glow settingsOuter Glow settingsOuter Glow settings

Шаг 13

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

  • Режим наложения (Blend Mode): Исключение (Exclusion)
  • Цвет: #1eff00
  • Непрозрачность (Opacity): 100%
  • Уберите галочку в окошке Глобальное освещение (Use Global Light)
  • Угол (Angle): 120º
  • Смещение (Distance): 3 px
  • Размах (Spread): 100%
  • Размер (Size): 3 px
  • Контур (Contour): Linear
  • Поставьте галочку в окошке Сглаживание (Anti-aliased)
  • Шум (Noise): 0%
  • Поставьте галочку в окошке Слой выбивает тень (Layer Knocks Out Drop Shadow)

Нажмите кнопку 'ОК'.

Drop Shadow settingsDrop Shadow settingsDrop Shadow settings

Шаг 14

Теперь, удерживая клавишу (Ctrl), щёлкните по обоим слоям Shiny и Shiny TOP, чтобы выделить их, а затем нажмите клавиши (Ctrl+G), чтобы сгруппировать выделенные слои.

Grouping the layersGrouping the layersGrouping the layers

Шаг 15

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

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

  • Режим наложения (Blend Mode): Нормальный (Normal)
  • Цвет: #000000
  • Непрозрачность (Opacity): 30%
  • Уберите галочку в окошке Глобальное освещение (Use Global Light)
  • Угол (Angle): 120º
  • Смещение (Distance): 3 px
  • Размах (Spread): 39 %
  • Размер (Size): 5 px
  • Контур (Contour): Linear
  • Поставьте галочку в окошке Сглаживание (Anti-aliased)
  • Шум (Noise): 0%
  • Поставьте галочку в окошке Слой выбивает тень (Layer Knocks Out Drop Shadow)

Нажмите кнопку 'ОК'.

Результат должен быть, как на скриншоте ниже:

Final resultFinal resultFinal result

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

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

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

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

Данный эффект, который мы создали, является частью 7 Глянцевых Стилей 2 Photoshop.

Promo imagePromo imagePromo image
7 Глянцевых Стилей 2 Photoshop
One subscription.
Unlimited Downloads.
Get unlimited downloads