Делаем текст с многослойной обводкой

 

Делаем текст с многослойной обводкой

 

 

Скачать архив с материалами к уроку

Шаг 1

Для этого эффекта мы будем использовать фон, заполненный узором (паттерном) из углеродного волокна.

Создайте текст, к которому вы хотите добавить обводку. В панели Символ (Character) установите следующие параметры: название шрифта — Anja Eliane Normal, размер — 135 pt, цвет # e7bd4f, Кернинг(Kerning) – Оптический (Optical), для того чтобы избежать перекрытия обводки установите Трекинг(Межбуквенный интервал, Tracking) – 150, нажмите на значок все прописные буквы.

Вы можете использовать любые настройки в панели Символ, но обязательно измените межбуквенный интервал (Трекинг).

Примечание переводчика: Для того чтобы заполнить фон паттерном (узором), скачайте архив с паттерном (узором) и разархивируйте его, затем перейдите в Файл – Открыть, в появившемся окне выберите путь к паттерну (узору) и откройте его. После того как вы открыли файл перейдите в Редактирование – Определить узор, в появившемся окне присвойте имя паттерну (узору) и нажмите ок.

Шаг 2

Дважды щелкните левой кнопкой мыши по текстовому слою для того чтобы открыть Стиль Слоя (Layer Style) и добавить обводку.

Примечание переводчика: настройки на скриншоте

Обводка (Stroke):

  • Размер (Size): 5 рх.
  • Положение (Position): Снаружи (Outside)
  • Режим наложения (Blend Mode): Нормальный (Normal)
  • Непрозрачность (Opacity): 100%
  • Цвет (Color): #cd4949

Шаг 3

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

Шаг 4

Нажмите на значок + справа от эффекта Обводка (Stroke). Это добавит еще один экземпляр Обводки(Stroke) поверх первого эффекта.

Выберите новый эффект Обводка (Stroke), и измените размер (Size) на 3 и непрозрачность (Opacity) на 0 %.

Примечание переводчика: настройки на скриншоте

Обводка (Stroke):

  • Размер (Size): 3 рх.
  • Положение (Position): Снаружи (Outside)
  • Режим наложения (Blend Mode): Нормальный (Normal)
  • Непрозрачность (Opacity): 0%
  • Цвет (Color): #cd4949

Шаг 5

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

Шаг 6

Добавьте еще один экземпляр Обводки (Stroke).

Порядок экземпляров обводки является важной частью создания эффекта. Вы можете управлять порядком наложения обводки, для этого выберите экземпляр, который хотите переместить, и нажмите значок переместить эффект вверх или переместить эффект вниз в нижней части окна Стиль слоя (Layer Style).

Переместите новый экземпляр в самый низ.

Шаг 7

После перемещения измените размер обводки на 8 и непрозрачность на 0%.

Примечание переводчика: настройки на скриншоте

Обводка (Stroke):

  • Размер (Size): 8 рх.
  • Положение (Position): Снаружи (Outside)
  • Режим наложения (Blend Mode): Нормальный (Normal)
  • Непрозрачность (Opacity): 0%
  • Цвет (Color): #cd4949

Шаг 8

Добавьте еще один экземпляр и переместите его в самый низ. Измените размер на 10 и непрозрачность на 100%, установите цвет #16a2b3.

Примечание переводчика: настройки на скриншоте

Обводка (Stroke):

  • Размер (Size): 10 рх.
  • Положение (Position): Снаружи (Outside)
  • Режим наложения (Blend Mode): Нормальный (Normal)
  • Непрозрачность (Opacity): 100%
  • Цвет (Color): #16a2b3

Шаг 9

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

Шаг 10

Вы также можете изменить положение обводки и выполнить обводку внутрь текста. Для этого создаете еще один экземпляр, переместите его в самый низ, затем измените его размер на 1 и непрозрачность на 0%.

Примечание переводчика: настройки на скриншоте

Обводка (Stroke):

  • Размер (Size): 1 рх.
  • Положение (Position): Внутри (Inside)
  • Режим наложения (Blend Mode): Нормальный (Normal)
  • Непрозрачность (Opacity): 0%
  • Цвет (Color): #16a2b3

Шаг 11

Добавьте еще один экземпляр, переместите его в самый низ. Измените его размер на 4 и увеличьте непрозрачность до 100 %, установите цвет #c28c36.

Примечание переводчика: настройки на скриншоте

Обводка (Stroke):

  • Размер (Size): 4 рх.
  • Положение (Position): Внутри (Inside)
  • Режим наложения (Blend Mode): Нормальный (Normal)
  • Непрозрачность (Opacity): 100%
  • Цвет (Color): #c28c36

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

PFY

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

девятнадцать + 20 =