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

Результат

Исходники

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

• Шрифт Intro Inline Regular
• Текстура бумаги Grungy paper texture v. 5 от bashcorpo
• Набор паттернов 30 Simple Patterns от mslooten

1. Создаем фон

Шаг 1

Создайте новый документ размером 950 x 950 px, дважды дублируйте слой фона. Выберите вторую копию слоя и укажите ей Fill/Заливку в 0%.

Шаг 2

Кликните дважды по первой копии фонового слоя и укажите ему стиль Gradient Overlay/Перекрытие градиента со следующими параметрами:

• Для создания градиента используйте цвета #ede6cf и #e1c194.

Вот что получится.

Шаг 3

Кликните дважды по второй копии фонового слоя и примените к нему стиль Pattern Overlay/Перекрытие узора:

• Узор: Sawtooth

Это добавит легкий шевронный паттерн поверх градиента.

2. Создаем текст

Шаг 1

Введите ваш текст, используя шрифт Intro Inline Regular размером в Size 200 pt и любого цвета, так как мы все равно позже применим к нему стиль слоя Color Overlay/Перекрытие цвета.

Если у вас получается больше одной строки текста, откройте палитру Character/Символ (Window > Character/Окно>Символ) и укажите в параметре Leading/Интерлиньяж значение в 190 pt.

Шаг 2

Чтобы настроить расстояние между буквами, вам нужно разместить курсор между каждой парой букв и подкорректировать параметр Tracking/Трекинг.

Вот какие значения использовались в нашем примере:

• Для букв W/O, O/N: -50
• Для букв D/E, E/R: 100
• Для букв F/U, U/L: 150

3. Добавляем обводку и перекрытие штриховки

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

Шаг 1

Укажите слою стиль Stroke/Обводка со следующими параметрами:

• Цвет: #fffaf3

Шаг 2

Опция Overprint/Перекрытие это новинка для стиля Stroke/Обводка.

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

Шаг 3

Когда эта опция отключена, смешение происходит со слоем, находящимся под текстом.

4. Добавляем множественные стили слоя

Шаг 1

В новой версии Adobe Photoshop напротив некоторых стилей есть иконки со знаком +.

Если вы кликните по этому плюсу, то сможете добавить до десяти одинаковых типов стилей одному слою. Этим мы сейчас и займемся.

Кликните на иконку + для стиля Stroke/Обводка, вы заметите что появится еще одна вкладка Stroke/Обводка под оригинальной вкладкой. К ней применены те же параметры, что и к оригинальному стилю.

Шаг 2

Переключитесь на вторую вкладку стиля Stroke/Обводка и укажите в нем следующие параметры:

• Цвет: #ffffff

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

5. Добавляем стиль Inner Shadows/Внутренняя тень

Шаг 1

Укажите слою с текстом стиль Inner Shadow/Внутренняя тень со следующими параметрами:

• Цвет: #ab6b18

Шаг 2

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

• Цвет: #d9953d

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

6. Добавляем Inner Glow/Внутреннее свечение и Color Overlay/Перекрытие цвета

Шаг 1

Укажите тексту стиль слоя Inner Glow/Внутреннее свечение со следующими эффектами:

• Цвет: #e7dabc

Шаг 2

Добавьте стиль слоя Color Overlay/Перекрытие цвета:

• Цвет: #d09c2d

7. Добавляем стили Drop Shadow/Тень

Шаг 1

Укажите тексту стиль слоя Drop Shadow/Тень:

• Цвет: #394485

Шаг 2

Добавьте еще одну вкладку со стилем слоя Drop Shadow/Тень, но уже с другими параметрами:

• Цвет: #4e85c2

Шаг 3

Добавьте еще одну вкладку стиля слоя Drop Shadow/Тень:

• Цвет: #2d6db5

Шаг 4

Добавьте четвертую вкладку стиля слоя Drop Shadow/Тень:

• Цвет: #c1a89a

Шаг 5

И наконец, пятая вкладка стиля слоя Drop Shadow/Тень. Этот стиль будет очень похож на предыдущий.

И вот что у нас получилось при помощи всего одного слоя!

Вы сможете увидеть все стили слоя в палитре Layers/Слои.

8. Несколько новых опций

Шаг 1

Помимо иконок +, вы также можете заметить новую иконку в нижнем левом углу окна Layer Style/Стиль слоя. Иконка выглядит так: fx.

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

Шаг 2

Опция Delete Hidden Effects/Удалить скрытые эффекты позволит избавиться от всех неиспользуемых или неактивных стилей и дополнительных вкладок. Вы можете в любой момент кликнуть по названию стиля в меню fx, чтобы показать его или добавить обратно в список.

Шаг 3

Опция Show All Effects/Показать все эффекты позволяет показать все эффекты — используемые и нет.

Шаг 4

Опция Reset to Default List/Сбросить список по умолчанию вернет ваши стили к состоянию по умолчанию, убрав все дополнительные вкладки.

Шаг 5

Иконки Move effect up/Переместить эффект выше и Move effect down/Переместить эффект ниже используются чтобы менять порядок стилей. Также иконка Delete effect/Удалить эффект удалит стиль или дополнительную вкладку.

9. Добавляем текстуру

Теперь расположите в нашей работе изображение Grungy paper texture v. 5 поверх слоя с текстом. Смените Blend Mode/Режим наложения этого слоя на Linear Burn/Линейный затемнитель и снизьте Opacity/Непрозрачность до 50%.

Результат

Автор урока Rose

Перевод — Дежурка

Смотрите также:

• Самые интересные обновления Photoshop CC 2015
• Рисуем надпись для фанатов «Звездных войн» в Adobe Photoshop
• Изящный золотой текст в Adobe Photoshop