Как создать роскошный текст с золотой окантовкой при помощи стилей слоя

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

Для начала нам потребуется:
Шрифт: Moyenage
Паттерн для фона: bg-texture.pat
Паттерн для текста: font-pattern.pat

ШАГ 1

Установите шрифт «Moyenage» (если шрифт не будет отображаться в списке шрифтов фотошопа, то фотошоп придется перезапустить). Также вы можете использовать любой другой шрифт на свой вкус. Советую использовать декоративный шрифт с толстыми буквами.

Создайте новый документ в цветовом режиме RGB и с разрешением 72 dpi. Я создал его размером 1300×400 пикселей, но вы можете сделать документ не таким широким, если планируете писать слово короче, чем я. В любом случае можно будет воспользоваться инструментом «Crop Tool» (Обрезка) и уменьшить или увеличить размер документа позже, если не хватит места.

Создание документа в фотошопе

Теперь установите в фотошоп, скачанные выше паттерны. Заходим в меню «Edit > Presets > Preset Manager» (Правка > Пресеты > Менеджер пресетов).

Очень давно не пользовался русской версией, поэтому не гарантирую, что пункты меню по-русски называются именно так.

В открывшемся окне в пункте «Preset Type» (Тип пресета) выбираем «Patterns» (Узоры). Затем жмем кнопку «Load» (Загрузить) и выбираем скачанные ранее файлы «bg-texture.pat» и «font-pattern.pat».
Загрузка паттерна
Подготовка завершена. Двигаемся дальше.

ШАГ 2

Если вас не интересует создание фона, то можете сразу переходить на ШАГ 3.

Заходим в меню «Layer > Layer Style > Blending Options» (Слой > Стиль слоя > Настройки смешивания). Также можно два раза щелкнуть по слою на панели слоев, либо щелкнуть правой кнопкой мыши по слою и в открывшемся списке выбрать «Blending Options» (Настройки смешивания). Выставьте настройки в появившемся окне, как показано на скриншотах ниже, пройдясь по всем вкладкам. Не забудьте после всех манипуляций нажать «OK».

Используемый цвет: #171718.

Используемый цвет: #ff0000.

Используемый цвет: #000000.

Градиент от #000000 до #e5bd1f.

После того, как вы нажмете «ОК», должно получиться что-то вроде этого (кликабельно).

ШАГ 3

Теперь можно приступить к созданию текстового эффекта. Напечатайте любое слово, желательно не слишком длинное. Выбираем шрифт «Moyenage», ссылка на который есть в начале урока. Размер текста выставляем 250 pt (у меня слишком длинный текст, поэтому я сделал 200 pt, но 250 лучше). «Anti-aliasing» (сглаживание) выставляем на «Sharp» (резкость).

Кликабельно
Указываем параметры текста

ШАГ 4

Наконец-то всё готово, чтобы приступить к стилю текста. Перейдите в меню «Layer > Layer Style > Blending Option» (Слой > Стиль слоя > Настройки смешивания). Либо вернитесь на ШАГ 2 и посмотрите, как зайти в это меню другим способом. Когда выставите все настройки, как показано на скриншотах ниже, не забудьте нажать «OK».

Используемый цвет: #000000.
drop-shadow

Используемый цвет: #9f8051.
inner-shadow

Используемый цвет: #6d5211.
outer-glow

Используемый цвет: #000000.
inner-glow

Используемые цвета: #ffffff, #000000.
bevel-and-emboss

contour

Используемый цвет: #ffffff.
satin

Используемый цвет: #000000.
color-overlay

Градиент от #171718 до #ffffff.
gradient-overlay

pattern-overlay

Цвета в градиенте: #c4b797 и #806d41.
stroke

Результат шага. Уже неплохо, но есть что улучшить. Кликабельно.
Результат шага 4

ШАГ 5

Финишная прямая. Осталось совсем чуть-чуть. Теперь продублируйте текстовый слой. Для этого достаточно щелкнуть по нему и нажать сочетание клавиш «Ctrl+J» или зайдите в меню «Layer > Duplicate Layer» (Слой > Дублировать слой). Затем перейдите в меню «Layer > Layer Style > Clear Layer Style» (Стиль > Стиль слоя > Очистить стиль слоя) или щелкните правой кнопкой мыши на новом слое и в появившемся меню выберите «Clear Layer Style» (Очистить стиль слоя).

Ну и наконец перейдите в меню «Layer > Layer Style > Blending Option» (Слой > Стиль слоя > Настройки смешивания). Либо вернитесь на ШАГ 2 и посмотрите, как зайти в это меню более быстрым способом. Не забудьте в конце нажать «OK».

Используемый цвет: #000000.
drop-shadow

Используемый цвет: #ffffff.
inner-glow

Используемые цвета: #ffffff, #000000.
bevel-and-emboss

contour

Цвета градиента: #aa0000, #560000, #dab360.
stroke

И самое главное! После того, как вы нажмете «ОК» в свойствах стиля. Выделите свой верхний слой на панели «Layers» (Слои) и измените параметр «Fill» (Заливка) на 0.
Заливка=0

ФИНАЛ

Вот и всё, друзья. Можно полюбоваться результатом. Кликабельно.
Финальный результат

P.S. Расскажу вам маленькую хитрость. Если на основе получившихся двух слоев создать на панели «Styles» (Стили) новые стили, то потом данный текстовый эффект можно применять всего за пару кликов мышкой. Выделите нижний текстовый слой и на панели «Styles» (Стили) нажмите кнопку «Create New Style» (Создать новый стиль), потом выделите верхний текстовый слой и создайте новый стиль для него. Всё, стили для моментального применения готовы.

За основу был взят этот урок. Перевел и дополнил Дмитрий Карев. Специально для сайта sozdavaj.ru.

4 комментариев

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

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

WP-SpamFree by Pole Position Marketing