Уроки фотошопа, графика, дизайн
arrow

Металлический текст

Привет, друзья. Сегодняшний урок photoshop посвящён созданию эффектного металлического текста. Этот текстовый эффект украсит любой логотип или графическую работу. Вы также узнаете несколько интересных приёмов работы в photoshop, впрочем, как всегда :)

Для работы нам потребуется 2 файла, которые я запаковал в архив. Прежде чем начинать скачайте его по этой ссылке.

В архиве вы найдёте узор полированного металла для photoshop в формате .pat и интересную текстуру металла с искрами.

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

Металлический текст

Ну что, готовы начинать? Тогда вперёд!

Металлический текст: создание фона

1. Создайте новый документ любого размера (я как всегда взял разрешение своего монитора 1280×1024). Нам нужно создать фон для будущего металлического текста. Залейте документ цветом #0f1c26 с помощью инструмента Paint Bucket Tool (Заливка):

Металлический текст

2. Перейдите в стиль слоя, дважды щёлкнув по нему мышкой. Для начала нам нужно во вкладку Pattern Overlay (Перекрытие текстурой). Загрузите скачанную в архиве текстуру формата .pat:

Металлический текст

Металлический текст

Выберите её и установите Blend Mode (Режим смешивания) Overlay (Перекрытие):

Металлический текст

3. Теперь перейдите в Gradient Overlay (Перекрытие градиентом) и установите такие параметры:

Металлический текст

Сейчас фон для металлического текста выглядит так:

Металлический текст

4. Создайте новый слой, режим смешивания установите Overlay и залейте его таким градиентом:

Металлический текст

Металлический текст

Фон для металлического текста готов!

Создаём металлический текст

5. Напишите любой текст шрифтом, который вам нравится. Рекомендую брать жирные шрифты:

Металлический текст

6. Переходим в стиль слоя, и выставляем настройки, как на изображениях ниже:

Металлический текст

Металлический текст

Металлический текст

Металлический текст

Металлический текст

Металлический текст

7. Посмотрим как выглядит металлический текст:

Металлический текст

Теперь откройте в новом документе текстуру метала с искрами, которая лежит в скачанном вами архиве, и пройдите в Edit (Редактировать) — Define Pattern (Определить узор):

Металлический текст

Всё, теперь можете закрыть этот документ. Возвращаемся в стиль слоя металлического текста и настраиваем Pattern Overlay выбрав в качестве узора только что определённую текстуру:

Металлический текст

Затем настраиваем Stroke (Обводка):

Металлический текст

Теперь текст стал ещё больше похож на металлический:

Металлический текст

8. Скопируйте слой с металлическим текстом (Ctrl+J) и очистите стиль слоя нажав по нему правой кнопкой мыши и выбрав соответствующий пункт:

Металлический текст

9. Теперь возьмите инструмент Move Tool Металлический текст и сдвиньте копию текста на 4 пикселя вправо (используйте стрелку на клавиатуре), это создаст трёхмерный эффект:

Металлический текст

10. А сейчас вновь займёмся настройкой стиля слоя:

Металлический текст

Металлический текст

Металлический текст

Металлический текст

Металлический текст

Металлический текст

Металлический текст

Металлический текст

На данном этапе металлический текст выглядит уже весьма неплохо:

Металлический текст

Но поработать ещё есть над чем, так что продолжим :)

11. Вновь создайте копию слоя и сбросьте настройки стиля. Fill (Заполнение) слоя установите 0%:

Металлический текст

И произведите очередные настройки стиля:

Металлический текст

Металлический текст

Металлический текст

Металлический текст

Металлический текст

Теперь наш металлический текст почти готов:

Металлический текст

Делаем отражение для металлического текста

12. Выделите все 3 слоя с текстом и скопируйте их:

Металлический текст

13. Пройдите в Edit -> Transform (Трансформация) -> Flip Vertical (Отразить по вертикали) и разместите копию прямо под основным тестом:

Металлический текст

14. Уменьшите Opacity (Непрозрачность) слоя до 35%. Теперь слейте слои (Ctrl+E) и создайте маску слоя:

Металлический текст

Теперь чёрно белым градиентом выполните заливку для создания «затухания» отражения:

Металлический текст

Получилось неплохое отражение металлического текста:

Металлический текст

Ну и под конец поэкспериментируйте и добавьте эффектов для металлического текста (блики, блюр и т.д.). Это я оставляю вам на самостоятельную доработку.

Финальный результат урока photoshop по созданию металлического текста выглядит так:

Металлический текст

Или так :)

Металлический текст

На этом урок photoshop по созданию металлического текста закончен. Надеюсь, вы узнали для себя что-то новое. Не забывайте оставлять комментарии и нажимать на социальные кнопки. Желаю вам удачи и творческих успехов, и прощаюсь до следующего урока на psforce.ru ;)

M@X
Веб-дизайнер, основатель проекта psforce.ru и студии веб-дизайна Disarto.

Комментарии (1)

  1. k.maslakov k.maslakov:

    Как раз в нужное время,спасибо.

Оставить комментарий

Имя: *

Сообщение: