Яндекс.Метрика

Дизайн-журнал №1. Актуальная информация для дизайнеров, веб дизайнеров, программистов и разработчиков сайтов.

Текстовый эффект в стиле Спайдермена в Adobe Photoshop

27 марта 2018 | Опубликовано в Уроки | Нет комментариев »

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

 

Результат

Final Text Effect

Исходники

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

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

При желании вы можете выбрать свой фон.

Шаг 1

Начнем с создания документа размером 850 x 500 px со следующими параметрами:

Create a New Document

Шаг 2

Кликните дважды по фоновому слою в палитре Layers/Слои чтобы разблокировать его. Кликните по этому слою дважды снова, чтобы открыть окно стилей слоя. Укажите слою стиль Gradient Overlay/Перекрытие градиента с параметрами как показано ниже:

Add a Gradient Overlay to Background

Шаг 3

Укажите слою стиль Pattern Overlay/Перекрытие узора. Используйте паттерн Dark Wall.

Add a Pattern Overlay to BackgroundВот что должно получиться:

Background Final Image

2. Создаем текстовый эффект

Мы создадим эффект в одном слое при помощи стилей слоя.

Шаг 1

Инструментом Type/Текст введите ваш текст, используя шрифт Aero Matics и следующие параметры:

Use Type Tool

Шаг 2

Кликните дважды по слою с текстом в палитре Layers/Слои и укажите стиль слоя Pattern Overlay/Перекрытие узора. Выберите паттерн Spidy.

Add a Pattern Overlay to Layer Style

Шаг 3

Добавляем стиль Gradient Overlay/Перекрытие градиента:

Add a Gradient Overlay to Layer Style

Шаг 4

Добавляем стиль Color Overlay/Перекрытие цвета. Используйте цвет #e10505.

Add a Color Overlay to Layer Style

Шаг 5

Стиль слоя Satin/Глянец. Используем цвет #ffeb0d.

Add a Satin to Layer Style

Шаг 6

Добавляем стиль Outer Glow/Внешнее свечение. Вам понадобятся следующие цвет для градиента: #111111#177ece и #9adaff.

Add an Outer Glow to Layer Style

Шаг 7

Inner Shadow/Внутренняя тень. Цвет  #010101.

Add an Inner Shadow to Layer Style

Шаг 8

Inner Glow/Внутреннее свечение. Цвет #ffeb0d.

Add an Inner Glow to Layer Style

Шаг 9

Stroke/Обводка. Цвета для градиента: #003669, #bcebff, #003669, #bcebff, #003669.

Add a Stroke to Layer Style

Шаг 10

Bevel & Emboss/Тиснение. Цвета: #ffc000 и #0a2a40.

Add a Bevel and Emboss to Layer Style

Шаг 11

Texture/Текстура. Снова используйте паттерн Spidy.

Add a Texture to Layer Style

Шаг 12

И последний стиль слоя - Drop Shadow/Тень. Используйте тень #001e2d.

Add a Drop Shadow to Layer Style

Результат

Final Text Effect

Автор урока Jan Stverak

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

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




Оставить ответ


− 9 = ноль

Вставить изображение