Как создать стальной текст в Фотошопе

В этом уроке Фотошопа мы рассмотрим, как с помощью стилей слоя можно сделать вид стального текста.

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

Как создать стальной текст в Фотошопе

Шаг 1

Создайте новый документ 1000 на 700 рх и переместите в него стальную текстуру. Измените размеры текстуры согласно вашему усмотрению используя Free Transform (Редактирование - Свободное трансформирование / Сочетание клавиш «Ctrl+T») — это будет фоновой подкладкой под текст:

1.jpg

Шаг 2

Затем загрузите и откройте в фотошопе металлическую текстуру, которая будет использована для надписи. Измените размеры для изображения Image - Image Size (Изображение - Размер изображения / Сочетание клавиш «Alt+Ctrl+I»), как показано ниже. После определите данное изображение в качестве паттерна, чтобы им можно было воспользоваться через стили слоя Edit - Define Pattern (Редактирование - Определить узор) (задайте имя Steel Texture). Теперь закройте документ с этой текстурой и вернитесь к рабочему файлу, созданному в первом шаге:

02.jpg

Шаг 3

Следующие два паттерна мы создадим самостоятельно. Создайте новый слой Layer - New - Layer (Слои - Новый - Слой / Сочетание клавиш «Shift+Ctrl+N») и залейте его белым цветом Edit - Fill (Редактирование - Выполнить заливку / Сочетание клавиш «Shift+F5»). Теперь возьмите инструмент Brush Tool (Инструмент «Кисть» / Клавиша «B») и настройте ей диаметр в 1 рх, при жесткости в 100% и черным цветом нарисуйте линии-царапины, как на скриншоте. Чем больше будет линий, тем более поцарапанной будет поверхность текста, так что определитесь с этим вопросом прямо сейчас (перебарщивать не стоит). Превратите вашу зарисовку в паттерн с именем «Scratches» Edit - Define Pattern (Редактирование - Определить узор).


Для второй заготовки также создайте новый слой и залейте его белым цветом. Но на сей раз нарисуйте больше царапин и разной толщины. Как завершите, тоже сделайте из нее заготовку «Scratches 2». Затем скройте оба последних слоя (вы всегда сможете использовать их, чтобы сделать другие заготовки, если вас не устроит их результат в виде стилей слоя):

03.jpg

Шаг 4

Используя шрифт Cafe Nero M54, напечатайте свой текст и примените к его слою указанные стили слоя (Blending Option (Параметры наложения)):

04.jpg

Layer - Layer Style - Drop Shadow (Слои - Стиль слоя - Тень);

Layer - Layer Style - Inner Shadow (Слои - Стиль слоя - Внутренняя тень);

05.png

Layer Style - Outer Glow (Стиль слоя - Внешнее свечение);

06.png

Layer - Layer Style - Inner Glow (Слои - Стиль слоя - Внутреннее свечение);

Layer Style - Bevel & Emboss (Стиль слоя - Тиснение);

07.png

Texture (Текстура);

08.png

Layer - Layer Style - Satin (Слои - Стиль слоя - Глянец);

Layer - Layer Style - Color Overlay (Слои - Стиль слоя - Наложение цвета);

09.png

Layer Style - Stroke (Стиль слоя - Обводка);

10.png

Layer Style - Gradient Overlay (Стиль слоя - Наложение градиента);

Layer - Layer Style - Pattern Overlay (Слои - Стиль слоя - Наложения узора);

11.png

У вас должно получиться приблизительно следующее:

12.jpg

Шаг 5

Скопируйте текстовый слой Ctrl+J и очистите дубликат от стилей (правый клик по слою и выбор пункта Clear Layer Style (Очистить стиль слоя)):

13.png

Шаг 6

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


Layer Style - Bevel & Emboss (Стиль слоя - Тиснение);

Texture (Текстура);

14.png

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

15.jpg

Шаг 7

Стальной текст готов, но в этом шаге мы сделаем его более реалистичным. Отключите на время видимость последнего слоя, что вы настраивали перед этим:

16.png

Сделайте правый клик по первому текстовому слою и растрируйте его Rasterize Type (Растрировать). Теперь возьмите кисть с жесткими краями с диаметром около 15 рх, увеличьте для удобства масштаб просмотра, и пройдитесь вдоль всех букв, дорисовывая их так, чтобы они выглядели слегка покореженными:

17.jpg

Теперь возьмите инструмент Eraser Tool (Инструмент «Ластик» / Клавиша «E») и сотрите часть букв, как показано ниже:

18.jpg

Шаг 8

Скопируйте этот текстовый слой и примените к нему те стили слоя, что вы настраивали в шестом шаге. Для этого их проще скопировать, раз они уже готовы, с отключенного слоя. Кликните правой кнопкой по отключенному слою и выберите пункт Copy Layer Style (Скопировать стиль слоя / или выделите этот слой и зайдите в меню Layer - Layer Style - Copy Layer Style (Слои - Стиль слоя - Скопировать стиль слоя)). Теперь перейдите к последнему, недавно сдублированному, слою и вставьте скопированные стили через правый клик или через меню Layer - Layer Style - Paste Layer Style (Слои - Стиль слоя - Вклеить стиль слоя):

19.jpg

Ваш текст готов. Удачи вам.

Финальный результат
final.jpg

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

Как создать стальной текст в Фотошопе
Пример HTML-страницы

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

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

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

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