Как сделать объемный текст в Фотошопе

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

Пример HTML-страницы

Шаг 1. Подготовка паттерна

Вначале, откроем файл с блестками. Я использовал текстуру синего цвета.
Затем создадим Паттерн. Нажимаем Редактирование > Определить узор (Edit > Define Pattern) затем нажимаем ОК и закрываем файл с текстурой.

Подготовка паттерна

Шаг 2. Создание документа

Создаем новый документ размером 860х640 px. Затем в качестве фона, переносим туда текстуру рисовой бумаги, которая также находится в материалах к уроку. Масштабируем ее так, чтобы она заняла все место в рабочем документе.

Создание документа

Шаг 3. Добавление текста

Создаем нужный текст размером 150 pt и цветом #B3BEC1. Используйте наиболее подходящий для вас шрифт.

После этого конвертируйте текстовый слой в Смарт-объект, для этого необходимо нажать правой кнопкой мыши в панели слоев по нужному слою и выбрать Преобразовать в Смарт-объект (Convert to Smart Object).

Добавление текста

Шаг 4. Наложение эффектов

Теперь нажимаем правой кнопкой по Смарт-объекту в панели слоев и выбираем самый верхний пункт Параметры наложения.

Там выбираем Тиснение (Bevel and Emboss) и выставляем следующие настройки:

Наложение эффектов

Шаг 5. Наложение эффектов

Затем добавляем эффект Контур (Contour) со следующими настройками:


Наложение эффектов

Шаг 6. Наложение эффектов

Добавляем Эффект Текстура (Texture).



Наложение эффектов

Шаг 7. Наложение эффектов

Добавляем эффект Наложение узора (Pattern Overlay) со следующими настройками:

Наложение эффектов

Шаг 8. Наложение эффектов

Добавляем эффект Тень (Drop Shadow) со следующими настройками:

Наложение эффектов

Шаг 9. Наложение эффектов

Дублируем Смарт-объект, для этого в панели слоев нажимаем по слою правой кнопкой и выбираем Создать дубликат слоя (Duplicate Layer). После этого у нового слоя удалим все Эффекты, а для этого опять нажмем правой кнопкой по слою и выберем Очистить стиль слоя (Clear Layer Style).

Далее поместим наш новый слой под основной оригинальный текстовый слой и перейдем опять в панель Параметры наложения (Blending Options) и добавим Тень (Drop Shadow) со следующими настройками:

Наложение эффектов

Шаг 10. Промежуточный результат

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

Промежуточный результат

Шаг 11. Добавление корректирующего слоя

Создадим корректирующий слой Кривые (Curves), переместим его на самый верх в панели Слои. Сгруппировываем корректирующий слой вместе с верхним смарт-объектом, так чтобы корректирующий слой действовал только на него. Затем делаем кривую аналогично той, которая у меня.

Добавление корректирующего слоя

Шаг 12. Финальное изображение

Так как мы изначально из текста сделали Смарт-объект, то теперь мы легко можем его редактировать. Достаточно нажать по Смарт-объекту 2 раза и мы перенесемся к редактированию содержимого, там мы можем изменить текст.

После этого автоматически текст обновиться и на него наложатся все наши эффекты.

Ссылка на источник

Финальное изображение
Пример HTML-страницы

Также уроки которые могут вас заинтересовать

Комментарии 271

Для того, чтобы оставить комментарий, авторизуйтесь или зарегистрируйтесь.