Advertisement
  1. Design & Illustration
  2. Layer Styles

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

Scroll to top
Read Time: 4 min

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

В этом уроке я покажу вам, как создать элегантный текст в программе Photoshop. Данный стиль - один из 15 элегантных стилей, включая другие стили, которые вы можете приобрести на сайте Envato Market.

Preview of the styles in the Elegant Text Styles packPreview of the styles in the Elegant Text Styles packPreview of the styles in the Elegant Text Styles pack
15 элегантных стилей - при увеличении масштаба

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

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

1. Создаём Задний Фон

Шаг 1

Установите Дамасские узоры, для этого дважды щёлкните по исходному файлу с узорами. Примечание переводчика: как только вы дважды щёлкните по файлу, узоры автоматически установятся в программу Photoshop.

Шаг 2

Создайте новый документ (Ctrl + N) со следующими размерами 600рх по ширине и 300px по высоте, разрешение (resolution) 72, нажмите кнопку ОК.

Create a new documentCreate a new documentCreate a new document

Шаг 3

Идём Выделение – Всё (Select > All), а затем идём Редактирование – Выполнить заливку (Edit > Fill) и в появившемся окне в выпадающем меню Содержимое (Content), установите цвет заливки Белый (White). Затем отмените активное выделение, для этого идём Выделение – Отменить выделение (Select > Deselect). Назовите этот слой с заливкой Задний фон (Background).

Шаг 4

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

Add a pattern to the backgroundAdd a pattern to the backgroundAdd a pattern to the background

Шаг 5

Далее, добавьте стиль слоя Наложение цвета (Color Overlay) со следующими настройками:

  • Режим наложения (Blend Mode): Яркий свет (Vivid Light)
  • Непрозрачность (Opacity): 2%
  • Цвет: #000000
Add a Color Overlay to the backgroundAdd a Color Overlay to the backgroundAdd a Color Overlay to the background

Шаг 6

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

  • Режим наложения (Blend Mode): Перекрытие (Overlay)
  • Поставьте галочку в окошке Инверсия (Reverse)
  • Стиль (Style): Радиальный (Radial)
  • Угол (Angle): 0
  • Масштаб (Scale): 150%

Щёлкните по шкале градиента, чтобы настроить градиент. Установите следующие контрольные точки цвета: для левой точки #060606 и для правой точки #3с3с3с.

Add a Gradient Overlay to the backgroundAdd a Gradient Overlay to the backgroundAdd a Gradient Overlay to the background

Шаг 7

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

Drag the gradientDrag the gradientDrag the gradient

2. Добавляем Текст и Эффекты

Шаг 1

Установите узоры Webtreats, для этого дважды щёлкните по исходному файлу с узорами. Примечание переводчика: узоры Webtreats, это текстуры камня и мрамора.

Шаг 2

Установите шрифт Great Vibes. Далее, возвращаемся в программу Photoshop, добавьте текст “Luxury” или напишите любой текст на своё усмотрение, используя шрифт, который вы только что установили Great Vibes Regular. Установите размер шрифта 200 pt. Разницы нет, какого цвета будет ваш текст, т.к. мы добавим эффекты, которые перекроют этот цвет.

Шаг 3

Дважды щёлкните по слою с текстом “Luxury” и мы приступаем к увлекательной части урока! Выберите стиль слоя Наложение узора (Pattern Overlay). В окне настроек данного стиля слоя, в выпадающем меню Узора (pattern), выберите чёрный узор из набора узоров Webtreats. К сожалению, узор не имеет точного названия, но к счастью, все узоры представлены различными цветовыми оттенками, поэтому, выберите только чёрный узор из всего набора узоров. Таким образом, мы добавим тёмный узор камня к тексту:

Add a Pattern Overlay to the text layerAdd a Pattern Overlay to the text layerAdd a Pattern Overlay to the text layer

Шаг 4

Далее, добавьте стиль слоя Наложение градиента (Gradient Overlay), чтобы оживить текст со следующими настройками, которые указаны на скриншоте ниже. Примечание переводчика: Режим наложения (Blend Mode): Осветление основы (Color Dodge) Стиль (Style): Линейный (Linear) Угол (Angle): 90 Непрозрачность (Opacity) 87% Масштаб (Scale): 100%

Add a Gradient Overlay to the text layerAdd a Gradient Overlay to the text layerAdd a Gradient Overlay to the text layer

Шаг 5

Чтобы текст выделялся, добавьте стиль слоя Тиснение (Bevel & Emboss) со следующими настройками. Не забудьте установить Контур глянца (Gloss Contour) Двойное кольцо (Ring – Double).

Add Bevel Emboss to the text layerAdd Bevel Emboss to the text layerAdd Bevel Emboss to the text layer

Шаг 6

Далее, добавьте стиль слоя Контур (Contour) для коррекции тиснения. Не забудьте, выбранный контур должен называться по Гауссу (Gaussian).

Add Contour to the text layerAdd Contour to the text layerAdd Contour to the text layer

Шаг 7

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

Add an Outer Glow to the text layerAdd an Outer Glow to the text layerAdd an Outer Glow to the text layer

Шаг 8

С помощью стиля слоя Обводка (Stroke), мы добавим блеск к тексту, и он станет более выразительным:

Add a Stroke to the text layerAdd a Stroke to the text layerAdd a Stroke to the text layer

Шаг 9

В заключение, добавьте стиль слоя Тень (Drop Shadow), чтобы отделить текст от заднего фона:

Add a Drop Shadow to the text layerAdd a Drop Shadow to the text layerAdd a Drop Shadow to the text layer

Шаг 10

Нажмите кнопку “OK”, чтобы применить стили слоя к тексту и создать изящный эффект.

3. Сохраняем Эффект для будущих Проектов

Шаг 1

Конечно же, вы захотите сохранить созданный эффект, чтобы можно было применить его снова и снова к другим текстам и объектам. Если вы зайдёте во вкладку Стили (Styles), то вы обратите внимание на маленький значок похожий на лист бумаги с загнутым углом. Щёлкните по нему, чтобы добавить стиль к своему набору активных стилей, дайте своему стилю запоминающееся название.

Create a new styleCreate a new styleCreate a new style

Шаг 2

Вам всё ещё необходимо сохранить стиль в библиотеку, поэтому, продолжаем дальше, итак, щёлкните по значку выпадающего меню, а затем выберите опцию Сохранить стили (Save Styles). Сохраните стиль, где вам захочется, хотя я рекомендую вам сохранить в корневой папке Photoshop:

  • Местоположение папки Стили (Styles) для Windows:  Program Files > Adobe > Adobe Photoshop (ваша версия программы) > Presets > Styles
  • Местоположение папки Стили (Styles) для Mac:  Programs > Adobe Photoshop (ваша версия программы) > Presets > Styles

Save the styleSave the styleSave the style

Final productFinal productFinal product

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

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

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

В заключение, мы сохранили созданный стиль, который вы сможете использовать в других своих проектах!

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

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
Start your 7-day free trial*
Start free trial
*All Individual plans include a 7-day free trial for new customers; then chosen plan price applies. Cancel any time.