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

Как создать 10 разных текстовых эффектов для стилей слоев в Adobe Photoshop

by
Difficulty:BeginnerLength:LongLanguages:
This post is part of a series called 10 Years of Envato Tuts+!.
10 Styles That Have Changed the Face of Icon Design
How to Create 10 Mini Pug Illustrations in Adobe Illustrator

Russian (Pусский) translation by Гульнара Ахметова (you can also view the original English article)

Final product image
What You'll Be Creating

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

Этот текстовый эффект, вдохновленный многими слоями слоя, доступен на сайте GraphicRiver.

Необходимые инструменты

В ходе прохождения этого урока Вам понадобится следующие ресурсы:

Шрифты

Паттерны и Текстуры

Для использования всех изображений как паттерны, откройте каждый из них в Photoshop, перейдите в Редактирование > Определить паттерн и нажмите ОК.

1. Как создать эффект стеклянного текста

Шаг 1

Создайте новый документ размером 1000 х 500 пикселей, кникните на иконку Создать новую заливку или корректирующий слой в нижней части панели Слои и выберите Градиент.

Создайте градиентную заливку, используя Цвета #3e6181 слева и #46aaab справа и поставьте флажок в поле Dither.

Gradient

Шаг 2

Добавьте слой-заливку Паттерн, установите Паттерн Шум на гриле, и измените Режим наложения слоя на Затемнение основы.

Pattern

Шаг 3

Создайте текст, используя  шрифт Cimochi, и измените Размер до 350 пикселей.

Create the Text

Шаг 4

Измените значение Заливки текстового слоя на 0 и скопируете его.

Layer Settings

Шаг 5

Кликните дважды на исходном текстовом слое для применения стиля следующего слоя:

Добавьте Скос и Рельеф со следующими настройками:

  • Глубина: 200
  • Размер: 15
  • Снимите флажок с поля Использовать глобальное освещение.
  • Угол: 40
  • Высота: 50
  • Контур глянца: Долина - низкая
  • Поставьте флажок в поле Сглаживание
  • Режим подсветки: Линейный свет
    • Непрозрачность: 100%
  • Режим тени: Экран
    • Цвет: #888888
    • Непрозрачность: 70%
Bevel and Emboss

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

  • Размер: 1
  • Непрозрачность: 50%
  • Тип заливка:Градиент
  • Стиль: Отражение
  • Используйте градиентную заливку steel s88
Stroke

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

  • Режим наложения: Осветление основы
  • Цвет: #ffffff
  • Непрозрачность: 40%
  • Снимите флажок с поля Использовать глобальный свет
  • Угол: -108
  • Расстояние: 5
  • Размер: 5
Inner Shadow

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

  • Режим наложения: Линейный затемнитель
  • Непрозрачность: 50%
  • Цвет: #7b7b7b
  • Размер: 10
Inner Glow

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

  • Режим наложения: Умножение
  • Непрозрачность: 50%
  • Стиль: отражение
  • Используйте градиентную заливку  Aluminum 5
Gradient Overlay

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

  • Непрозрачность: 50%
  • Расстояние: 5
  • Размер: 10
Drop Shadow

Это будет стиль первого слоя.

Styled Layer 1

Шаг 6

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

Добавьте Скос и Рельеф со следующими настройками:

  • Размер: 25
  • Снимите флажок с поля Использовать глобальный свет
  • Угол: 117
  • Высота: 69
  • Контур глянца: Cone - Inverted
  • Поставьте галочку  в поле Сглаживание
  • Режим подсветки: Линейный свет
    • Непрозрачность: 100%
  • Режим тени:
    • Непрозрачность: 0%
Bevel and Emboss

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

  • Размер: 1
  • Позиция: внутри
  • Режим наложения: Перекрытие
  • Непрозрачность: 50%
  • Тип заливки: Градиент
  • Стиль: отражение
  • Используйте градиентную заливку steel s88 
Stroke

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

  • Режим наложения: Перекрытие
  • Цвет: #ffffff
  • Непрозрачность: 50%
  • Снимите флажок с поля Использовать Глобальный свет
  • Угол: 24
  • Расстояние: 5
  • Размер: 5
Inner Shadow

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

  • Режим наложения: умножение
  • Непрозрачность: 50%
  • Цвет: #9f9f9f
  • Размер: 5
Inner Glow

Это создаст блестящий стеклянный эффект.

Glass Layer Style Text Effect

2. Как создать эффект металлического текста

Шаг 1

Создайте новый документ размером 1000 х 500 пикселей, кникните на иконку Создать новую заливку или корректирующий слой в нижней части панели Слои и выберите Градиент.

Создайте градиентную заливку, используя Цвета #596267 слева и #222831 справа, измените стиль на Радиальный , Масштаб  200 и поставьте флажок в поле Dither. 

Gradient

Шаг 2

Добавьте слой-заливку Паттерн, установите Паттерн Hex Metal Mesh ( из подборки Metal Mesh Patterns - Pack 1) , и измените Режим наложения слоя на .Умножение.

Pattern

Шаг 3

Создайте текст, используя  шрифт Queen of Camelot ,задайте Цвет #2c2b2b  и измените Размер до 250 pt.

Create the Text

Шаг 4

Кликните дважды по текстовому слою для применения стиля следующего слоя:

Добавьте Скос и Рельеф со следующими настройками:

  • Техника: Жесткая огранка
  • Глубина: 250
  • Размер: 5
  • Контур глянца: кольцо
  • Поставьте флажок в поле Сглаживание
  • Режим подсветки: Яркий свет
    • Непрозрачность: 70%
Bevel and Emboss

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

  • Контур: Конус - Перевернутый
  • Поставьте флажок в поле Сглаживание
Contour

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

  • Паттерн: Боковая косая сетка ( из подборки Metal Mesh Patterns - Pack 1).
  • Масштаб: 25%
  • Глубина: 10%
Texture

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

  • Размер: 2
  • Тип заливки: градиент
  • Стиль: отражение
  • Использование градиентную заливку Riddle of Steel
Stroke

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

  • Режим наложения: Осветление
  • Цвет: #b67564
  • Непрозрачность: 35%
  • Расстояние: 25
  • Размер: 10
Inner Shadow

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

  • Режим наложения: Жёсткий свет
  • Непрозрачность: 67%
  • Цвет: #c2ccd4
  • Техника: точные
  • Источник: центр
  • Размер: 51
  • Контур: Волнистый нисходящий уклон
Inner Glow

Добавьте эффект Атласа с этими настройками:

  • Режим наложения: Перекрытие
  • Цвет: #d6d6d6
  • Непрозрачность: 58%
  • Угол: 60
  • Расстояние: 42
  • Размер: 24
  • Контур: линейный
  • Поставьте флажок в поле Сглаживание
  • Установите флажок «Инверсия»
Satin

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

  • Установите флажок Сглаживание
  • Режим наложения: Перекрытие
  • Используйте градиентную заливку stove pipe 20
Gradient Overlay

Добавьте Наложение узора со следующими настройками:

  • Режим наложения: Перекрытие
  • Паттерн:9.jpg (из подборки Metal seamless textures )
  • Масштаб: 50%
Pattern Overlay

Шаг 5

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

  • Режим наложения: Линейный свет
  • Непрозрачность: 100%
  • Цвет: #67ade8
  • Размер: 5
Outer Glow

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

  • Непрозрачность: 50%
  • Расстояние: 15
  • Размах: 25
  • Размер: 15
Drop Shadow

Это придаст стиль тексту.

Metal Layer Style Text Effect

3. Как создать тисненный и прессованный текстовый эффект 

Шаг 1

Создайте новый документ размером 1000 х 500 пикселей, кникните на иконку Создать новую заливку или корректирующий слой в нижней части панели Слои и выберите Градиент.

Создайте градиентную заливку, используя Цвета #3c9179 слева и #57caaa справа и поставьте флажок в поле Dither.

Gradient

Шаг 2

Добавьте слой-заливку Паттерн, установите Паттерн Diagonal Noise , и измените Режим наложения слоя на Затемнение основы.

Pattern

Шаг 3

Создайте текст, используя  шрифт Bw Modelica SS01 Extra Bold , и измените Размер до 200  pt.

Create the Text

Шаг 4

Измените значение Заливки текстового слоя до 0.

Layer Settings

Шаг 5

Кликните дважды по текстовому слою для применения стиля следующего слоя:

Добавьте Скос и Рельеф со следующими настройками:

  • Стиль: тиснение
  • Размер: 0
  • Снимите флажок с поля Использовать глобальное освещение.
  • Угол: 90
  • Высота: 60
  • Поставьте флажок в поле Сглаживание
  • Режим подсветки: 
    • Непрозрачность: 20%
  • Режим тени:
    • Непрозрачность: 30%
Bevel and Emboss

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

  • Режим наложения: Мягкий свет
  • Непрозрачность: 70%
  • Снимите флажок с поля Использовать глобальное освещение.
  • Угол: 90
  • Расстояние: 3
  • Размер: 3
Inner Shadow

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

  • Режим наложения: Затемнение цвета
  • Непрозрачность: 10%
  • Цвет: #000000
  • Размер: 10
Inner Glow

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

  • Поставьте флажок в поле Dither.
  • Режим наложения: Мягкий свет
  • Непрозрачность: 15%
  • Создайте градиентную заливку Прозрачный к слою-заливке, используя Цвет #000000 на обоих частях, и измените значение прозрачной части Непрозрачности Opacity Stop до 50%.
Gradient Overlay

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

  • Режим наложения: Мягкий свет
  • Цвет: #ffffff
  • Непрозрачность: 75%
  • Снимите флажок с поля Использовать глобальное освещение.
  • Угол: 90
  • Расстояние: 1
  • Размах: 5
  • Размер: 3
Drop Shadow

Это создаст текстовый пресованный эффект.

Pressed Layer Style Text Effect

Шаг 6

Для создания тисненного эффект, создайте новый текстовый слой, установите значение Заливки на 0.

New Text Layer

Шаг 7

Кликните дважды по иконке текстового слоя для применения стиля следующего слоя:

Добавьте Скос и Рельеф со следующими настройками:

  • Стиль: Внешний скос
  • Размер: 5
  • Снимите флажок с поля Использовать глобальное освещение.
  • Угол: 100
  • Высота: 25
  • Поставьте флажок в поле Сглаживание
  • Режим подсветки: Мягкий свет
    • Непрозрачность: 50%
  • Режим тени:
    • Непрозрачность: 15%
Bevel and Emboss

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

  • Режим наложения: Яркий свет 
  • Цвет: #d0d0d0
  • Непрозрачность: 50%
  • Снимите флажок с поля Использовать глобальное освещение.
  • Угол: 90
  • Расстояние: 1
  • Размер: 1
Inner Shadow

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

  • Поставьте флажок в поле Dither.
  • Режим наложения: Мягкий свет
  • Непрозрачность: 20%
  • Создайте градиентную заливку Прозрачный к слою-заливке, используя Цвет #ffffff на обоих частях, и измените значение прозрачной части Непрозрачности Opacity Stop до 40%.
Gradient Overlay

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

  • Режим наложения: Мягкий свет
  • Цвет: #000000
  • Непрозрачность: 50%
  • Снимите флажок с поля Использовать глобальное освещение.
  • Угол: 90
  • Расстояние: 7
  • Размер: 10
Drop Shadow

Это создаст тисненный эффект.

Embossed Layer Style Text Effect

4. Как создать неоновый текстовый эффект

Шаг 1

Создайте новый документ размером 1000 х 500 пикселей, кникните на иконку Создать новую заливку или корректирующий слой в нижней части панели Слои и выберите Градиент.

Создайте градиентную заливку, используя Цвета #2e0d45 слева и #0d0317 справа, измените стиль на Радиальный , Масштаб   200 и поставьте флажок в поле Dither.

Gradient

Шаг 2

Поместите изображение BrickLargeBrown0025 выше слоя Градиент, измените размер по необходимости, и измените Режим наложения слоя на Перекрытие.

Add the Texture Image

Шаг 3

Создайте текст, используя  шрифт MM Cruella 100 ,задайте Цвет #d87aff и измените Размер до   250 pt,Значение межбуквенного интервала 10.

Create the Text

Шаг 4

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

Layer Settings

Шаг 5

Кликните дважды по иконке текстового слоя для применения стиля следующего слоя:

Добавьте Скос и Рельеф со следующими настройками:

  • Глубина: 250
  • Размер: 5
  • Смягчение: 2
  • Снимите флажок с поля Использовать глобальное освещение.
  • Угол: 60
  • Высота: 0
  • Контур глянца: Кольцо - Двухместный
  • Поставьте флажок в поле Сглаживание
  • Режим подсветки: Осветление
    • Цвет: #dcdcdc
    • Непрозрачность: 50%
  • Режим тени: Яркий свет
    • Цвет: #e5e5e5
    • Непрозрачность: 10%
Bevel and Emboss

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

  • Контур: Конус - Перевернутый
  • Поставьте флажок в поле Сглаживание
Contour

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

  • Режим наложения: Линейный свет
  • Цвет: #ebd5f3
  • Непрозрачность: 100%
  • Снимите флажок с поля Использовать глобальное освещение.
  • Угол: 90
  • Расстояние: 0
  • Размер: 5
Inner Shadow

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

  • Режим наложения: Линейный осветлитель (Добавить)
  • Непрозрачность: 100%
  • Цвет: #ddbfff
  • Источник: центр
  • Размер: 5
Inner Glow

Добавьте эффект Атласа с этими настройками:

  • Режим наложения: Яркий свет 
  • Цвет: #e6a2ee
  • Непрозрачность: 50%
  • Угол: 90
  • Расстояние: 10
  • Размер: 35
  • Контур: линейный
  • Поставьте флажок в поле Сглаживание
  • Установите флажок «Инверсия»
Satin

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

  • Режим наложения: Линейный осветлитель (Добавить)
  • Непрозрачность: 100%
  • Цвет: #c689ff
  • Размер: 15
  • Диапазон: 85%
Outer Glow

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

  • Режим наложения: экран
  • Цвет: #f227ff
  • Непрозрачность: 85%
  • Снимите флажок с поля Использовать глобальное освещение.
  • Угол: 90
  • Расстояние: 0
  • Размер: 50
Drop Shadow - 1

Создайте другую Тень со следующими настройками:

  • Режим наложения: экран
  • Цвет: #f227ff
  • Непрозрачность: 100%
  • Снимите флажок с поля Использовать глобальное освещение.
  • Угол: 90
  • Расстояние: 0
  • Размер: 60
Drop Shadow - 2

Создайте третью Тень со следующими настройками:

  • Непрозрачность: 50%
  • Расстояние: 30
  • Размер: 7
Drop Shadow - 3

Это создаст яркий неоновый текстовый эффект.

Neon Layer Style Text Effect

5. Как создать хромовый текстовый эффект

Шаг 1

Откройте изображение Indoor Chairs и перейдите Изображение > Размер изображения и измените размер Ширины до 1000 пикселей.

Image Size

Шаг 2

Перейдите в меню Фильтр > Размытие > Размытие по Гауссу и измените значение Радиуса до 1.5.

Gaussian Blur

Шаг 3

Перейдите в меню Фильтр > Искажение > Волна и примените следующие настройки:

  • Количество генераторов: 5
  • Длина волны:
    • Мин. 228
    • Макс. 241
  • Амплитуда:
    • Мин. 5
    • Макс. 35
  • Масштаб:
    • Гориз. 100
    • Верт 100
  • Тип: синус
  • Неопределенные области: Повторить края пикселей
Wave Filter

Шаг 4

Перейдите в меню Редактирование > Определить узор, измените Имя на Хромовое отражение и нажмите ОК.

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

Define Pattern

Шаг 5

Создайте новый документ размером 1000 х 500 пикселей, кникните на иконку Создать новую заливку или корректирующий слой в нижней части панели Слои и выберите Градиент.

Создайте градиентную заливку, используя Цвета #434a53 слева и #121219 справа, измените стиль на Радиальный , Масштаб 200  и поставьте флажок в поле Dither.

Gradient

Шаг 6

Добавьте слой-заливку Паттерн, установите Паттерн Old Wall , и измените Режим наложения слоя на Затемнение основы .

Pattern

Шаг 7

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

Create the Text

Шаг 8

Скопируйте текстовый слой и измените значение Заливки копии до 0.

Layer Settings

Шаг 9

Кликните дважды по иконке исходного текстового слоя для применения стиля следующего слоя:

Добавьте Скос и Рельеф со следующими настройками:

  • Размер: 1
  • Контур глянца: Волнистый нисходящий уклон
  • Поставьте флажок в поле Сглаживание
  • Режим подсветки: Линейный свет
    • Цвет: #d6d6d6
    • Непрозрачность: 75%
  • Режим тени:
    • Цвет: #4c4c4c
    • Непрозрачность: 75%
Bevel and Emboss

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

  • Контур: журнал
  • Поставьте флажок в поле Сглаживание
Contour

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

  • Режим наложения: Осветление
  • Цвет: #4d4d4d
  • Непрозрачность: 35%
  • Расстояние: 3
  • Размер: 10
Inner Shadow

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

  • Режим наложения: Мягкий свет
  • Непрозрачность: 35%
  • Цвет: #ffffff
  • Размер: 7
Inner Glow

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

  • Поставьте флажок в поле Dither.
  • Режим наложения: Мягкий свет
  • Используйте градиентную заливку faucet 140
Gradient Overlay

Добавьте Наложение узора со следующими настройками:

  • Паттерн: Хромовое отражение

Вы можете нажать кнопку Привязать к началу координат для изменения позиции текстуры внутри текста.

Pattern Overlay

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

  • Непрозрачность: 75%
  • Расстояние: 15
  • Размах: 20
  • Размер: 25
Drop Shadow

Это придаст стиль тексту.

Styled Layer 1

Шаг 10

Кликните дважды по копии текстового слоя для применения стиля следующего слоя:

Добавьте Скос и Рельеф со следующими настройками:

  • Стиль: Обводящее тиснение
  • Размер: 15
  • Снимите флажок с поля Использовать глобальное освещение.
  • Угол: 119
  • Высота: 21
  • Контур глянца: Конус - перевернутый
  • Установите флажок Сглаживание
Bevel and Emboss

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

  • Контур: кольцо
  • Поставьте флажок в поле Сглаживание
Contour

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

  • Размер: 3
  • Тип заливки: градиент
  • Стиль: отражение
  • Используйте градиентную заливку faucet 30
Stroke

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

  • Непрозрачность: 15%
  • Расстояние: 2
  • Размер: 7
Inner Shadow

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

  • Режим наложения: Мягкий свет
  • Непрозрачность: 25%
  • Цвет: #ffffff
  • Размер: 5
Inner Glow

Добавьте глянцевый эффект с этими настройками:

  • Режим наложения: Мягкий свет
  • Цвет: #939393
  • Непрозрачность: 20%
  • Угол: -20
  • Расстояние: 190
  • Размер: 15
  • Контур: Волнистый нисходящий уклон
  • Поставьте флажок в поле Сглаживание
  • Установите флажок «Инверсия»
Satin

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

  • Режим наложения:
  • Используйте градиентную заливку Stainless Steel 25jar
Gradient Overlay

Это действие добавит обводку.

Chrome Layer Style Text Effect

6. Как создать основной 3D текстовый эффект

Шаг 1

Создайте новый документ размером 1000 х 500 пикселей, кникните на иконку Создать новую заливку или корректирующий слой в нижней части панели Слои и выберите Градиент.

Создайте градиентную заливку, используя Цвета #6a6a6a слева и #b1b3b2 справа и поставьте флажок в поле Dither.

Gradient

Шаг 2

Добавьте слой-заливку Паттерн, установите Паттерн Paper 3, и измените Режим наложения слоя на Затемнение основы .

Pattern

Шаг 3

Создайте текст, используя  шрифт SchmalfetteCP ,задайте Цвет #d9d9d9 и измените Размер до  300 pt, Значение межбуквенного интервала - 10.

Скопируйте текстовый слой.

Create the Text Layers

Шаг 4

Измените Цвет исходного текста на Красный, нажмите сочетание клавиш Command-T для отображения Режима свободной трансформации.

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

Нажмите клавишу Return для внесения изменений.

Transform the Text

Шаг 5

Измените значение Заливки исходного текстового слоя до 0.

Layer Settings

Шаг 6

Кликните дважды по иконке исходного текстового слоя для применения стиля следующего слоя:

Добавьте Скос и Рельеф со следующими настройками:

  • Техника: Жесткая огранка
  • Размер: 75
  • Смягчение: 5
  • Снимите флажок с поля Использовать глобальное освещение.
  • Угол: 34
  • Высота: 32
  • Режим подсветки: 
    • Непрозрачность: 0%
  • Режим тени:
    • Непрозрачность: 40%
Bevel and Emboss

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

  • Контур: Глубокая выемка
  • Поставьте флажок в поле Сглаживание
Contour

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

  • Непрозрачность: 50%
  • Расстояние: 0
  • Дроссель: 5
  • Размер: 15
Inner Shadow

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

  • Цвет: #f2f2f2
Color Overlay

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

  • Режим наложения: умножение
  • Непрозрачность: 10%
  • Цвет: #000000
  • Размер: 25
Outer Glow

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

  • Непрозрачность: 30%
  • Снимите флажок с поля Использовать глобальное освещение.
  • Угол: 90
  • Расстояние: 2
  • Размер: 10
Drop Shadow

Это придаст эффект 3D части.

3D Part

Шаг 7

Кликните дважды по копии текстового слоя для применения стиля следующего слоя:

Добавьте Скос и Рельеф со следующими настройками:

  • Глубина: 200
  • Размер: 1
  • Режим подсветки: 
    • Непрозрачность: 80%
  • Режим тени:
    • Непрозрачность: 0%
Bevel and Emboss

Добавьте Контур со стандартными настройками:

Contour

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

  • Непрозрачность: 10%
  • Расстояние: 3
  • Размер: 3
Inner Shadow

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

  • Режим наложения: Яркий свет 
  • Непрозрачность: 10%
  • Цвет: #ddebee
  • Размер: 5
Inner Glow

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

  • Поставьте флажок в поле Dither.
  • Создайте градиентную заливку, используя Цвета #a6a6a6 слева и #e7e8e9 справа.
Gradient Overlay

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

  • Режим наложения: нормальный
  • Непрозрачность: 10%
  • Цвет: #ffffff
  • Размер: 5
Outer Glow

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

  • Непрозрачность: 50%
  • Снимите флажок с поля Использовать глобальное освещение.
  • Угол: 90
  • Расстояние: 10
  • Размер: 15
Drop Shadow

Так мы придадим окончательный вид 3D эффекта.

Basic 3D Layer Style Text Effect

7. Как создать фантастический текстовый эффект

Шаг 1

Создайте новый документ размером 1000 х 500 пикселей, кникните на иконку Создать новую заливку или корректирующий слой в нижней части панели Слои и выберите Градиент.

Создайте градиентную заливку, используя Цвета #5b7177 слева и #0a252b справа, измените стиль на Радиальный , Масштаб 200   и поставьте флажок в поле Dither

Gradient

Шаг 2

Добавьте слой-заливку Паттерн, установите Паттерн 9.jpg ( из подборки Metal seamless textures) , и измените Режим наложения слоя на Умножение.

Pattern

Шаг 3

Создайте текст, используя  шрифт Bhejeuct Gash ,задайте Цвет #283032 и измените Размер до 250 pt.

Create the Text

Шаг 4

Кликните дважды по иконке текстового слоя для применения стиля следующего слоя:

Добавьте Скос и Рельеф со следующими настройками:

  • Глубина: 200
  • Размер: 15
  • Снимите флажок с поля Использовать глобальное освещение.
  • Угол: 157
  • Высота: 16
  • Контур глянца :Долина-Низкая
  • Поставьте флажок в поле Сглаживание
  • Режим подсветки: Линейный свет
    • Цвет: #e99d89
    • Непрозрачность: 100%
  • Режим тени:Затемнение основы
    • Цвет: #c7c7c7
    • Непрозрачность: 70%
Bevel and Emboss

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

  • Контур: Конус - Перевернутый
  • Поставьте флажок в поле Сглаживание
  • Диапазон: 100%
Contour

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

  • Паттерн: Диагональные линии средние ( из подборки 30 простых Паттернов).
Texture

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

  • Размер: 2
  • Режим наложения: Линейный осветлитель (Добавить)
  • Тип заливки: градиент
  • Стиль: отражение
  • Использование градиентную заливку Riddle of Steel
Stroke

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

  • Режим наложения: Светлый цвет
  • Цвет: #42f4ff
  • Непрозрачность: 75%
  • Расстояние: 15
  • Размер: 20
  • Контур: Конус - асимметричные
Inner Shadow

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

  • Режим наложения: Линейный осветлитель (Добавить)
  • Непрозрачность: 100%
  • Цвет: #b76c3e
  • Источник: центр
  • Размер: 15
Inner Glow

Добавьте Глянцевый эффект со следующими настройками:

  • Режим наложения: Линейный свет
  • Цвет: #9afff0
  • Непрозрачность: 58%
  • Угол: 60
  • Расстояние: 50
  • Размер: 8
  • Контур: линейный
  • Поставьте флажок в поле Сглаживание
  • Установите флажок «Инверсия»
Satin

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

  • Установите флажок в поле Dither
  • Режим наложения:
  • Кликните по полю Градиент для создания градиента со следующими значениями:

Цвет - расположение

  • #000000 - 0%
  • #11637e - 34%
  • #25abdd - 71%
  • #ffffff - 100%
Gradient Overlay

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

  • Режим наложения: Линейный свет
  • Непрозрачность: 100%
  • Цвет: #67e5e8
  • Размер: 10
Outer Glow

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

  • Непрозрачность: 35%
  • Расстояние: 15
  • Размах: 25
  • Размер: 18
Drop Shadow

это придаст стиль тексту.

Sci Fi Layer Style Text Effect

8. Как создать ретро эффект текста

Шаг 1

Создайте новый документ размером 1000 х 500 пикселей, кникните на иконку Создать новую заливку или корректирующий слой в нижней части панели Слои и выберите Градиент.

Создайте градиентную заливку, используя Цвета #aad1cf слева и #3accc7 справа, измените стиль на Радиальный , Масштаб 200 и поставьте флажок в поле Dither

Gradient

Шаг 2

Добавьте слой-заливку Паттерн, установите Паттерн texturetastic gray, и измените Режим наложения слоя на Линейный затемнитель .

Pattern

Шаг 3

Создайте текст, используя  шрифт Mon Cheri,задайте Цвет #f65252 и измените Размер до  950 pt.

Скопируйте текстовый слой.

Create the Text Layers

Шаг 4

Кликните дважды по иконке исходного текстового слоя для применения эффекта Режима наложения со следующими настройками:

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

  • Режим наложения: нормальный
  • Непрозрачность: 100%
  • Расстояние: 10
  • Размах: 100
  • Размер: 5
Drop Shadow

Шаг 5

Кникните правой кнопкой по слою и выберите Превратить в Смарт Объект. Это создаст основной эффект 3D слоя.

Convert to Smart Object

Шаг 6

Кликните дважды по иконке слоя Смарт объект для применения стиля следующего слоя:

Добавьте Скос и Рельеф со следующими настройками:

  • Техника: Жесткая огранка
  • Размер: 18
  • Снимите флажок с поля Использовать глобальное освещение.
  • Угол: 149
  • Высота: 58
  • Поставьте флажок в поле Сглаживание
Bevel and Emboss

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

  • Контур: журнал
  • Поставьте флажок в поле Сглаживание
  • Диапазон: 100%
Contour

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

  • Режим наложения: Линейное затемнение
  • Цвет: #383838
  • Непрозрачность: 15%
  • Снимите флажок с поля Использовать глобальное освещение.
  • Угол: -77
  • Расстояние: 10
  • Размер: 1
Inner Shadow

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

  • Режим наложения: Мягкий свет
  • Непрозрачность: 100%
  • Цвет: #ffffff
  • Техника: точные
  • Источник: центр
  • Размер: 16
Inner Glow

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

  • Цвет: #d8d8d8
Color Overlay

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

  • Режим наложения: Линейное затемнение
  • Цвет: #010101
  • Непрозрачность: 15%
  • Расстояние: 5
  • Размер: 3
Drop Shadow - 1

Создайте другую Тень со следующими настройками:

  • Цвет: #010101
  • Непрозрачность: 25%
  • Расстояние: 15
  • Размер: 1
Drop Shadow - 2

Создайте третью Тень со следующими настройками:

  • Цвет: #010101
  • Непрозрачность: 10%
  • Расстояние: 25
  • Размер: 20
Drop Shadow - 3

это придаст стиль 3d части.

Styled 3D Part

Шаг 7

Кликните дважды по копии текстового слоя для применения стиля следующего слоя:

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

  • Размер: 3
  • Цвет: #ffffff
Stroke

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

  • Режим наложения: Линейное затемнение
  • Цвет: #383838
  • Непрозрачность: 50%
  • Расстояние: 2
  • Дроссель: 50
  • Размер: 1
Inner Shadow

Добавьте Наложение узора со следующими настройками:

  • Режим наложения: разделение
  • Паттерн: Pattern 11 (из подборки 20 Repeatable Pixel Patternspack)
Pattern Overlay

Это придаст стиль основному тексту.

Retro Layer Style Text Effect

9. Как создать эффект текста, написанного спрей краской

Шаг 1

Создайте новый документ размером 1000х500 пикселей, поместите изображение BrickMedievalBlocks0129 выше слоя Фон и измените размер по необходимости.

Add the Background Image

Шаг 2

Создайте текст, используя  шрифт Graun,задайте Цвет #ff4c3e и измените Размер до 250  pt.

Create the Text

Шаг 3

Измените режим наложения текстового слоя на Умножение.

Layer Settings

Шаг 4

Кликните дважды по текстовому слою для получения доступа в настройкам Параметров наложения.

После секции Наложить, если, Вы найдете две колонки. Мы будем работать над нижележащим слоем.

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

Слайдер защищает более темные части изображения против воздействия от текста.

Blending Options

Шаг 5

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

Blending Options

Шаг 6

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

Adjust the Sliders

Шаг 7

Теперь мы добавим еще два эффекта для улучшения результата.

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

  • Цвет: #010101
  • Непрозрачность: 15%
  • Расстояние: 0
  • Размер: 5
Inner Shadow

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

  • Режим наложения: умножение
  • Непрозрачность: 100%
  • Уровень шума: 80%
  • Цвет: #ff4c3e
  • Размер: 1
  • Диапазон: 100%
Outer Glow

Это улучшит углы.

Paint Spray Layer Style Text Effect

10. Как создать блестящий текстовый эффект

Шаг 1

Создайте новый документ размером 1000х500 пикселей, кникните на иконку в нижней части панели Слои Создать новый слой или корректирующий слой, выберите Паттерн и установите Паттерн Бежевая бумага.

Pattern

Шаг 2

Создайте текст, используя  шрифт Premier Script,задайте Цвет #b1b1b1 и измените Размер до 300 pt.

Create the Text

Шаг 3

Кликните дважды по текстовому слою для применения стиля следующего слоя:

Добавьте Скос и Рельеф со следующими настройками:

  • Техника: Жесткая огранка
  • Размер: 5
  • Контур глянца: Кольцо - Двухместный
  • Поставьте флажок в поле Сглаживание
  • Режим подсветки: Яркий свет
    • Непрозрачность: 100%
Bevel and Emboss

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

  • Паттерн: блестящий розовый ( из подборки Wastedshame Free Glitter Patterns).
Texture

Добавьте Наложение узора со следующими настройками:

  • Паттерн: Блестящий розовый ( из подборки 8 бесплатных блестящих паттернов и стилей для Photoshop)
  • Масштаб: 50%
Pattern Overlay

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

  • Режим наложения: Яркий свет
  • Цвет: #ffffff
  • Непрозрачность: 100%
  • Расстояние: 2
  • Размер: 2
  • Шум: 5
Drop Shadow - 1

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

  • Непрозрачность: 20%
  • Снимите флажок с поля Использовать глобальное освещение.
  • Угол: -45
  • Расстояние: 3
  • Размер: 8
  • Шум: 5
Drop Shadow - 2

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

Glitter Layer Style Text Effect

Отличная работа, мы закончили!

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

Не стесняйтесь оставлять Ваши комментарии, предложения и результаты ниже.

10 Layer Style Text Effects
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.