Advertisement
  1. Design & Illustration
  2. Text Effects

Создаём Текст из Аметистовой Жеоды в Adobe Photoshop

Scroll to top
Read Time: 16 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, настроек кисти и множества стилей слоя, создать ослепительный текстовый эффект, вдохновлённый аметистом. Давайте приступим!

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

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

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

1. Создаём Смарт-Объект

Шаг 1

Создайте новый рабочий документ со следующими размерами 1050 x 700 px, цвет заднего фона белый. Продублируйте Фоновый слой (Background), назовите дубликат слоя Узор Текстуры (Pattern Texture).

Pattern Texture LayerPattern Texture LayerPattern Texture Layer

Шаг 2

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

Convert to Smart ObjectConvert to Smart ObjectConvert to Smart Object

Шаг 3

Идём Фильтр – Рендеринг – Волокна (Filter > Render > Fiber). Установите значение Несовпадения (Variance) на 16, а Интенсивность (Strength) на 4.

Fiber FilterFiber FilterFiber Filter

2. Создаём Узор Текстуры с помощью Фильтров

Шаг 1

Идём Фильтр – Галерея фильтров (Filter > Filter Gallery), чтобы применить следующие фильтры:

Эскиз – Рельеф (Sketch > Bas Relief)

  • Детализация (Detail): 13
  • Смягчение (Smoothness): 3
  • Свет (Light): Снизу (Bottom)
Bas ReliefBas ReliefBas Relief

Шаг 2

Щёлкните по значку Новый слой эффектов (New effect layer) в нижнем правом углу, чтобы добавить ещё один фильтр.

Текстура – Витраж (Texture > Stained Glass)

  • Размер ячейки (Cell Size): 6
  • Толщина границ (Border Thickness): 3
  • Интенсивность света (Light Intensity): 3
Stained GlassStained GlassStained Glass

Шаг 3

Добавьте ещё один новый слой эффектов.

Имитация- Целлофановая упаковка (Artistic > Plastic Wrap)

  • Подсветка (Highlight Strength): 15
  • Детализация (Detail): 9
  • Смягчение (Smoothness): 7
Plastic WrapPlastic WrapPlastic Wrap

Шаг 4

Идём Редактирование – Определить узор (Edit > Define Pattern) и в появившемся окне, укажите название узора Узор Текстуры (Pattern Texture) в строке Имя (Name).

Define PatternDefine PatternDefine Pattern

Шаг 5

Откройте исходную Текстуру Камня, а затем идём Редактирование – Определить узор (Edit > Define Pattern) и в появившемся окне, укажите название узора Узор Камня (Stone Pattern) в строке Имя (Name).

Define PatternDefine PatternDefine Pattern

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

Шаг 1

Создайте новый рабочий документ со следующими размерами 1050 x 700 px. В нижней части панели слоёв, нажмите значок Создать новый корректирующий слой или слой заливку (Create new fill or adjustment layer) и в появившемся меню, выберите опцию Градиент (Gradient).

Цвета градиента, которые были использованы в этом уроке: #474747 слева, #313131 в середине,  #272727 справа.

Поменяйте Стиль (Style) на Радиальный (Radial), Масштаб (Scale) на 250, а также поставьте галочку в окошке Дизеринг (Dither).

GradientGradientGradient

Шаг 2

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

Назовите этот слой с текстурой Текстура Заднего фона (BG Texture), а затем поменяйте режим наложения на Мягкий свет (Soft Light).

Background Texture OverlayBackground Texture OverlayBackground Texture Overlay

Шаг 3

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

HueSaturationHueSaturationHueSaturation

4. Создаём Текстовые Слои

Шаг 1

Создайте текст заглавными буквами, используя шрифт Aller Display. Установите размер шрифта на 250 pt, значение Трекинга (Tracking) на 75, а цвет шрифта на #5c3667.

Create the TextCreate the TextCreate the Text

Шаг 2

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

Fill ValueFill ValueFill Value

Шаг 3

Продублируйте дубликат слоя с текстом.

Duplicate the LayerDuplicate the LayerDuplicate the Layer

5. Стилизуем Первый Текстовый Слой

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

Шаг 1

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

  • Размер (Size): 27
  • Уберите галочку в окошке Глобальное освещение (Use Global Light)
  • Угол (Angle): 146
  • Высота (Altitude): 53
  • Поставьте галочку в окошке Сглаживание (Anti-aliased)
  • Режим подсветки (Highlight Mode): Линейный свет (Linear Light)
    • Непрозрачность (Opacity): 75%
  • Режим тени (Shadow Mode): Затемнение основы (Color Burn)
    • Цвет: #010101
    • Непрозрачность (Opacity): 50%
Bevel and EmbossBevel and EmbossBevel and Emboss

Шаг 2

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

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

Шаг 3

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

  • Узор (Pattern): Узор Текстуры (Pattern Texture)
  • Поставьте галочку в окошке Инвертировать (Invert)
TextureTextureTexture

Шаг 4

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

  • Непрозрачность (Opacity): 50%
  • Уберите галочку в окошке Глобальное освещение (Use Global Light)
  • Угол (Angle): 128
  • Смещение (Distance): 6
  • Размер (Size): 15
Drop ShadowDrop ShadowDrop Shadow

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

Styled Text LayerStyled Text LayerStyled Text Layer

6. Стилизуем Второй Текстовый Слой

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

Шаг 1

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

  • Размер (Size): 27
  • Уберите галочку в окошке Глобальное освещение (Use Global Light)
  • Угол (Angle): 7
  • Высота (Altitude): 48
  • Поставьте галочку в окошке Сглаживание (Anti-aliased)
  • Режим подсветки (Highlight Mode):
    • Цвет: #dbdfe3
    • Непрозрачность (Opacity): 75%
  • Режим тени (Shadow Mode): Затемнение основы (Color Burn)
    • Цвет: #010101
    • Непрозрачность (Opacity): 50%
Bevel and EmbossBevel and EmbossBevel and Emboss

Шаг 2

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

  • Узор (Pattern): Узор Текстуры (Pattern Texture)
  • Поставьте галочку в окошке Инвертировать (Invert)
TextureTextureTexture

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

Styled Text LayerStyled Text LayerStyled Text Layer

7. Стилизуем Третий Текстовый Слой

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

  • Размер (Size): 49
  • Уберите галочку в окошке Глобальное освещение (Use Global Light)
  • Угол (Angle): -158
  • Высота (Altitude): 0
  • Поставьте галочку в окошке Сглаживание (Anti-aliased)
  • Режим подсветки (Highlight Mode): Яркий свет (Vivid Light)
    • Цвет: #ece7f0
    • Непрозрачность (Opacity): 50%
  • Режим тени (Shadow Mode):
    • Непрозрачность (Opacity): 0%
Bevel and EmbossBevel and EmbossBevel and Emboss

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

Styled Text LayerStyled Text LayerStyled Text Layer

8. Группируем Текстовые Слои

Шаг 1

Поместите все текстовые слои в одну группу. Назовите эту группу Текстовые слои (Text Layers).

Text Layers GroupText Layers GroupText Layers Group

Шаг 2

Продублируйте первый дубликат текстового слоя, выньте из группы только что созданный дубликат текстового слоя, расположив его поверх слоя с группой Текстовые слои (Text Layers), назовите этот дубликат слоя Топ (Top), а затем уменьшите Непрозрачность (Opacity) этого слоя до 35%.

Duplicate LayerDuplicate LayerDuplicate Layer

9. Создаём и Сохраняем Кисти

Шаг 1

Выберите инструмент Кисть (Brush Tool), далее, откройте панель настроек Кисть (Brush). Установите жёсткую квадратную кисть, размер кисти 16 px, а затем установите следующие настройки кисти, которые указаны на скриншотах ниже:

Форма отпечатка кисти (Brush Tip Shape)

Brush Tip ShapeBrush Tip ShapeBrush Tip Shape

Динамика формы (Shape Dynamics)

Shape DynamicsShape DynamicsShape Dynamics

Рассеивание (Scattering)

ScatteringScatteringScattering

Шаг 2

Нажмите значок Создать новую кисть (Create new brush) в нижнем правом углу панели настроек Кисть (Brush) и в появившемся окне, укажите название новой кисти Fill Brush 01 в строке Имя (Name).

Create New BrushCreate New BrushCreate New Brush

Шаг 3

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

Форма отпечатка кисти (Brush Tip Shape)

Brush Tip ShapeBrush Tip ShapeBrush Tip Shape

Динамика формы (Shape Dynamics)

Shape DynamicsShape DynamicsShape Dynamics

Рассеивание (Scattering)

ScatteringScatteringScattering

Шаг 4

Сохраните настроенную кисть, дайте ей название Fill Brush 02.

Fill Brush 02Fill Brush 02Fill Brush 02

Шаг 5

Поменяйте настройки кисти, которые указаны на скриншотах ниже, чтобы применить другие настройки к той же самой кисти:

Форма отпечатка кисти (Brush Tip Shape)

Brush Tip ShapeBrush Tip ShapeBrush Tip Shape

Динамика формы (Shape Dynamics)

Shape DynamicsShape DynamicsShape Dynamics

Рассеивание (Scattering)

ScatteringScatteringScattering

Шаг 6

Сохраните настроенную кисть, дайте ей название Fill Brush 03.

Fill Brush 03Fill Brush 03Fill Brush 03

10. Выполняем Заливку Текста Различными Кистями

Шаг 1

Создайте три новых слоя, назовите их 01, 02 и 03 снизу вверх.

Create New LayersCreate New LayersCreate New Layers

Шаг 2

Перейдите на слой 01, далее, выберите кисть Fill Brush 01. Щёлкните и слегка поведите поверх текст, чтобы добавить узор кисти.

Fill the Text With a Brush TipFill the Text With a Brush TipFill the Text With a Brush Tip

Шаг 3

Перейдите на слой 02, далее, выполните заливку текста с помощью кисти Fill Brush 02.

Fill the Text With a Brush TipFill the Text With a Brush TipFill the Text With a Brush Tip

Шаг 4

Перейдите на слой 03, далее, выполните заливку текста с помощью кисти Fill Brush 03.

Fill the Text With a Brush TipFill the Text With a Brush TipFill the Text With a Brush Tip

Шаг 5

Создайте ещё один новый слой поверх всех остальных слоёв, назовите этот слой Дубликат 03 (03 copy), а затем ещё раз выполните заливку текста с помощью кисти Fill Brush 03.

Fill the Text With a Brush TipFill the Text With a Brush TipFill the Text With a Brush Tip

Шаг 6

Выделите все слои с заливкой кисти, а затем уменьшите их значение Заливки (Fill) до 0.

Change the Fill ValueChange the Fill ValueChange the Fill Value

11. Стилизуем Основную Заливку

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

Шаг 1

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

  • Метод (Technique): Жёсткая огранка (Chisel Hard)
  • Размер (Size): 6
  • Поставьте галочку в окошке Сглаживание (Anti-aliased)
  • Режим подсветки (Highlight Mode): Линейный свет (Linear Light)
    • Цвет: #fbfbfb
    • Непрозрачность (Opacity): 100%
  • Режим тени (Shadow Mode): Затемнение основы (Color Burn)
    • Цвет: #010101
    • Непрозрачность (Opacity): 50%
Bevel and EmbossBevel and EmbossBevel and Emboss

Шаг 2

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

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

Шаг 3

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

  • Узор (Pattern): Листья (Leaves)
  • Глубина (Depth): 50%
  • Поставьте галочку в окошке Инвертировать (Invert)
TextureTextureTexture

Шаг 4

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

  • Цвет: #62466d
Color OverlayColor OverlayColor Overlay

Шаг 5

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

Copy and Paste Layer StyleCopy and Paste Layer StyleCopy and Paste Layer Style

12. Корректируем Настройки Стилей Слоя

Шаг 1

Дважды щёлкните по слою 02, чтобы открыть окно стилей слоя, далее, уберите галочку в окошке стиля слоя Текстура (Texture), а в настройках стиля слоя Тиснение (Bevel and Emboss), установите  Непрозрачность (Opacity) для Режима подсветки (Highlight Mode) на 50%.

Adjust Layer Style SettingsAdjust Layer Style SettingsAdjust Layer Style Settings

Таким образом, мы стилизовали второй слой с заливкой кисти.

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

Styled LayerStyled LayerStyled Layer

Шаг 2

Дважды щёлкните по слою 03, чтобы открыть окно стилей слоя, далее, уберите галочку в окошке стиля слоя Текстура (Texture), а в настройках стиля слоя Тиснение (Bevel and Emboss), установите следующие настройки, которые указаны ниже:

  • Уберите галочку в окошке Глобальное освещение (Use Global Light)
  • Угол (Angle): 24
  • Высота (Altitude): 37
  • Режим подсветки (Highlight Mode): Яркий свет (Vivid Light)
    Bevel and EmbossBevel and EmbossBevel and Emboss

    Таким образом, мы стилизовали третий слой с заливкой кисти.

    Styled LayerStyled LayerStyled Layer

    Шаг 3

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

    Тиснение (Bevel and Emboss):

    • Уберите галочку в окошке Глобальное освещение (Use Global Light)
    • Угол (Angle): 56
    • Высота (Altitude): 32
    • Режим подсветки (Highlight Mode): Яркий свет (Vivid Light)
      • Непрозрачность (Opacity): 50%
    Bevel and EmbossBevel and EmbossBevel and Emboss

    Шаг 4

    Контур (Contour):

    • Контур (Contour): Cone - Asymmetrical
    ContourContourContour

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

    Styled LayerStyled LayerStyled Layer

    Шаг 5

    Сместите текстовый слой Топ (Top) вверх, расположив поверх всех слоёв с заливкой. Поместите данный слой и остальные слои с заливкой в одну группу. Назовите эту группу Внутренняя часть (Inside).

    Inside GroupInside GroupInside Group

    13. Создаём Кисть с Заострённым Кончиком

    Шаг 1

    Создайте новый документ со следующими размерами 100 x 100 px.

    Выберите инструмент Многоугольник (Polygon Tool), установите количество Сторон (Sides) на 3 в настройках данного инструмента. Создайте перевёрнутый треугольник на новом документе.

    Create an Upside Down Triangle ShapeCreate an Upside Down Triangle ShapeCreate an Upside Down Triangle Shape

    Шаг 2

    Выберите инструмент Стрелка (Direct Selection Tool (A), далее, зажмите нижнюю опорную точку, а затем потяните вниз, чтобы немного вытянуть треугольник.

    Elongate the TriangleElongate the TriangleElongate the Triangle

    Шаг 3

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

    Create a Narrow TriangleCreate a Narrow TriangleCreate a Narrow Triangle

    Шаг 4

    Идём Редактирование – Определить кисть (Edit > Define Brush Preset) и в появившемся окне, укажите название новой кисти Края (Edges) в поле Имя (Name).

    Define Brush PresetDefine Brush PresetDefine Brush Preset

    14. Создаём и Сохраняем Кисть для Обводки

    Шаг 1

    Выберите инструмент Кисть (Brush Tool), откройте панель настроек Кисть (Brush). Установите жёсткую квадратную кисть, размер кисти 12 pixels, а затем установите следующие настройки кисти, которые указаны на скриншотах ниже:

    Форма отпечатка кисти (Brush Tip Shape)

    Brush Tip ShapeBrush Tip ShapeBrush Tip Shape

    Динамика формы (Shape Dynamics)

    Shape DynamicsShape DynamicsShape Dynamics

    Рассеивание (Scattering)

    ScatteringScatteringScattering

    Шаг 2

    Сохраните настроенную кисть, дайте ей название Обводка 01 (Stroke 01).

    Stroke 01Stroke 01Stroke 01

    Шаг 3

    Выберите кисть Края (Edges), которую вы создали ранее, а затем установите следующие настройки кисти, которые указаны на скриншотах ниже:

    Форма отпечатка кисти (Brush Tip Shape)

    Brush Tip ShapeBrush Tip ShapeBrush Tip Shape

    Динамика формы (Shape Dynamics)

    Shape DynamicsShape DynamicsShape Dynamics

    Рассеивание (Scattering)

    ScatteringScatteringScattering

    Шаг 4

    Сохраните настроенную кисть, дайте ей название Обводка 02 (Stroke 02).

    Stroke 02Stroke 02Stroke 02

    15. Создаём Обводку Рабочего Контура

    Шаг 1

    Щёлкните правой кнопкой мыши по любому из текстовых слоёв и в появившемся окне, выберите опцию Создать Рабочий Контур (Create Work Path).

    Create Work PathCreate Work PathCreate Work Path

    Шаг 2

    Создайте три новых слоя, назовите их Обводка 01 (Stroke 01), Дубликат Обводки 01 (Stroke 01 copy) и Обводка 02 (Stroke 02) снизу вверх.

    Create New LayersCreate New LayersCreate New Layers

    Шаг 3

    Перейдите на слой Обводка 01 (Stroke 01), выберите кисть Обводка 01 (Stroke 01), а затем нажмите один раз клавишу (Enter), чтобы выполнить обводку контура.

    Stroke the Work PathStroke the Work PathStroke the Work Path

    Шаг 4

    Перейдите на слой Дубликат Обводки 01 (Stroke 01 copy) , а затем нажмите один раз клавишу (Enter), чтобы выполнить обводку контура той же самой кистью.

    Stroke the Work PathStroke the Work PathStroke the Work Path

    Шаг 5

    Перейдите на слой Обводка 02 (Stroke 02), выберите кисть Обводка 02 (Stroke 02), а затем нажмите один раз клавишу (Enter), чтобы выполнить обводку контура.

    Нажмите клавишу (Backspace), чтобы избавиться от рабочего контура.

    Stroke the Work PathStroke the Work PathStroke the Work Path

    16. Стилизуем Слои с Обводкой

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

    Шаг 1

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

    • Метод (Technique): Жёсткая огранка (Chisel Hard)
    • Размер (Size): 6
    • Уберите галочку в окошке Глобальное освещение (Use Global Light)
    • Угол (Angle): 56
    • Высота (Altitude): 32
    • Контур глянца (Gloss Contour): Cone - Inverted
    • Поставьте галочку в окошке Сглаживание (Anti-aliased)
    • Режим подсветки (Highlight Mode): Яркий свет (Vivid Light)
      • Цвет: #edf0f2
      • Непрозрачность (Opacity): 100%
    • Режим тени (Shadow Mode): Затемнение основы (Color Burn)
      • Цвет: #010101
      • Непрозрачность (Opacity): 50%
    Bevel and EmbossBevel and EmbossBevel and Emboss

    Шаг 2

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

    • Поставьте галочку в окошке Сглаживание (Anti-aliased)
    ContourContourContour

    Шаг 3

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

    • Узор (Pattern): Узор Текстуры (Pattern Texture)
    • Поставьте галочку в окошке Инвертировать (Invert)
    TextureTextureTexture

    Шаг 4

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

    • Режим наложения (Blend Mode): Затемнение основы (Color Burn)
    • Цвет: #010101
    • Непрозрачность (Opacity): 100%
    • Смещение (Distance): 0
    • Размер (Size): 5
    Inner ShadowInner ShadowInner Shadow

    Шаг 5

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

    • Цвет: #dbd3e0
    Color OverlayColor OverlayColor Overlay

    Шаг 6

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

    Copy and Paste Layer StyleCopy and Paste Layer StyleCopy and Paste Layer Style

    17. Корректируем Настройки Стилей Слоя

    Шаг 1

    Дважды щёлкните по слою Дубликат Обводки 01 (Stroke 01 copy), чтобы изменить следующие настройки для стиля слоя Тиснение (Bevel and Emboss):

    • Угол (Angle): 170
    • Высота (Altitude): 32
    • Режим подсветки (Highlight Mode):
      • Непрозрачность (Opacity): 50%
    Bevel and EmbossBevel and EmbossBevel and Emboss

    Это поможет настроить эффект.

    Styled LayerStyled LayerStyled Layer

    Шаг 2

    Дважды щёлкните по слою Обводка 01 (Stroke 02), чтобы изменить следующие настройки для стиля слоя Тиснение (Bevel and Emboss):

    • Угол (Angle): 53
    • Высота (Altitude): 37
    • Контур глянца (Gloss Contour): Cove - Deep
    Bevel and EmbossBevel and EmbossBevel and Emboss

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

    Styled LayerStyled LayerStyled Layer

    Шаг 3

    Поместите все слои с обводкой в одну группу. Назовите эту группу Обводка (Stroke).

    Stroke GroupStroke GroupStroke Group

    18. Создаём Заднюю Обводку

    Шаг 1

    Создайте новый слой поверх слоя Текстура Заднего Фона (BG Texture), назовите этот слой Задняя Обводка 01 (Back Stroke 01), а затем продублируйте этот слой, назовите новый дубликат слоя Задняя Обводка 02 (Back Stroke 02).

    Щёлкните правой кнопкой мыши по текстовому слою и в появившемся окне, выберите опцию Создать рабочий контур (Create Work Path).

    Create New LayersCreate New LayersCreate New Layers

    Шаг 2

    Перейдите на слой Задняя Обводка 01 (Back Stroke 01), а затем выберите инструмент Кисть (Brush Tool).

    Установите жёсткую круглую кисть, размер кисти 20 px, а затем нажмите клавишу (Enter), чтобы выполнить обводку контура.

    Stroke the Work PathStroke the Work PathStroke the Work Path

    Шаг 3

    Откройте панель настроек Кисть (Brush), чтобы установить следующие настройки, которые указаны на скриншотах ниже:

    Форма отпечатка кисти (Brush Tip Shape)

    Brush Tip ShapeBrush Tip ShapeBrush Tip Shape

    Динамика формы (Shape Dynamics)

    Shape DynamicsShape DynamicsShape Dynamics

    Рассеивание (Scattering)

    ScatteringScatteringScattering

    Шаг 4

    Перейдите на слой Задняя Обводка 02 (Back Stroke 02), а затем нажмите клавишу (Enter), чтобы выполнить обводку контура с помощью настроенной кисти.

    Нажмите клавишу (Backspace), чтобы избавиться от рабочего контура.

    Stroke the Work PathStroke the Work PathStroke the Work Path

    Шаг 5

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

    Load a SelectionLoad a SelectionLoad a Selection

    Шаг 6

    Перейдите на слой Задняя Обводка 01 (Back Stroke 01), удерживая клавишу (Alt), нажмите значок Добавить слой-маску (Add layer mask) в нижней части панели слоёв, чтобы добавить инвертированную слой-маску.

    Add a Layer MaskAdd a Layer MaskAdd a Layer Mask

    19. Стилизуем Первый Слой с Задней Обводкой

    Дважды щёлкните по слою Задняя Обводка 01 (Back Stroke 01), чтобы применить следующие стили слоя:

    Шаг 1

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

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

    Шаг 2

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

    • Контур (Contour): Cove - Deep
    • Поставьте галочку в окошке Сглаживание (Anti-aliased)
    ContourContourContour

    Шаг 3

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

    • Узор (Pattern): Листья (Leaves)
    • Масштаб (Scale): 50%
    TextureTextureTexture

    Шаг 4

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

    • Узор (Pattern): Узор Камня (Stone Pattern)
    • Масштаб (Scale): 25%
    Pattern OverlayPattern OverlayPattern Overlay

    Шаг 5

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

    • Режим наложения (Blend Mode): Мягкий свет (Soft Light)
    • Непрозрачность (Opacity): 35%
    • Цвет: #ffffff
    • Размер (Size): 50
    Outer GlowOuter GlowOuter Glow

    Щёлкните правой кнопкой мыши по слою Задняя Обводка 01 (Back Stroke 01) и в появившемся окне, выберите опцию Скопировать стиль слоя (Copy Layer Style). Щёлкните правой кнопкой мыши по слою Задняя Обводка 02 (Back Stroke 02) и в появившемся окне, выберите опцию Вклеить стиль слоя (Paste Layer Style).

    Copy and Paste Layer StyleCopy and Paste Layer StyleCopy and Paste Layer Style

    20. Меняем Настройки Стилей Слоя для Второго Слоя Задняя Обводка

    Дважды щёлкните по слою Задняя Обводка 02 (Back Stroke 02), чтобы изменить следующие настройки стилей слоя, которые указаны ниже:

    Шаг 1

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

    • Режим наложения (Blend Mode): Умножение (Multiply)
    • Непрозрачность (Opacity): 55%
    • Цвет: #aaaaaa
    • Размер (Size): 75
    Outer GlowOuter GlowOuter Glow

    Шаг 2

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

    • Непрозрачность (Opacity): 75%
    • Уберите галочку в окошке Глобальное освещение (Use Global Light)
    • Угол (Angle): 113
    • Смещение (Distance): 19
    • Размер (Size): 20
    Drop ShadowDrop ShadowDrop Shadow

    Шаг 3

    Щёлкните по значку ‘ + ’, чтобы добавить ещё один стиль слоя Тень (Drop Shadow) со следующими настройками:

    • Непрозрачность (Opacity): 35%
    • Уберите галочку в окошке Глобальное освещение (Use Global Light)
    • Угол (Angle): 120
    • Смещение (Distance): 50
    • Размер (Size): 50
    Drop ShadowDrop ShadowDrop Shadow

    Таким образом, мы стилизовали второй слой с задней обводкой.

    Styled LayerStyled LayerStyled Layer

    21. Проводим Заключительную Коррекцию

    Шаг 1

    Создайте новый слой поверх всех остальных слоёв, назовите этот слой Шум (Noise), а затем идём Редактирование – Выполнить заливку (Edit > Fill).

    Установите Содержимое (Contents) на 50% серым (50% Gray) и нажмите кнопку ‘OK’.

    Fill Noise LayerFill Noise LayerFill Noise Layer

    Шаг 2

    Щёлкните правой кнопкой мыши по слою Шум (Noise) и в появившемся окне, выберите опцию Преобразовать в смарт-объект (Convert to Smart Object), а затем поменяйте режим наложения для данного слоя на Мягкий свет (Soft Light).

    Convert to Smart ObjectConvert to Smart ObjectConvert to Smart Object

    Шаг 3

    Идём Фильтр – Шум – Добавить шум (Filter > Noise > Add Noise). Установите Эффект (Amount) на 3 , а Распределение (Distribution) на Равномерное (Uniform).

    Add NoiseAdd NoiseAdd Noise

    Шаг 4

    В нижней части панели слоёв, нажмите значок Создать новый корректирующий слой или слой заливку (Create new fill or adjustment layer) и в появившемся меню, выберите опцию Яркость / Контрастность (Brightness/Contrast).

    Поменяйте режим наложения для данного корректирующего слоя на Яркость (Luminosity), а также поменяйте значение Контрастности (Contrast) на 10.

    BrightnessContrastBrightnessContrastBrightnessContrast

    Шаг 5

    Продублируйте слой Текстура Заднего Фона (BG Texture), а затем сметите дубликат слоя вверх, расположив поверх всех остальных слоёв.

    Разверните список фильтров дубликата слоя, а затем дважды щёлкните по вкладке Цветовой тон / Насыщенность (Hue/Saturation). Поменяйте значение Насыщенности (Saturation) на -100.

    Change SaturationChange SaturationChange Saturation

    Шаг 6

    Дважды щёлкните по слою Текстура Заднего Фона (BG Texture), чтобы изменить настройки в окне Параметры Наложения (Blending Options).

    Мы собираемся выставить бегунки Подлежащего слоя (Underlying Layer) в настройках Наложение, если (Blend If).

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

    Blending OptionsBlending OptionsBlending Options

    Шаг 7

    Добавьте корректирующий слой Фото Фильтр (Photo Filter), выберите фильтр Sepia из выпадающего меню Фильтр (Filter), а также поменяйте значение Плотности (Density) на 7.

    Photo FilterPhoto FilterPhoto Filter

    Отличная Работа, Мы завершили урок!

    В этом уроке мы создали узор текстуры и сохранили несколько кистей.

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

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

    Final ResultFinal ResultFinal Result
    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.