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

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

Эффект ржавого металлического текста в Photoshop

4 декабря 2015 | Опубликовано в Уроки | Нет комментариев »

В этом уроке мы будем создавать текстовый эффект ржавчины в Adobe Photoshop. Особенность этого урока в том, что мы будем работать на основе шаблона объемного текста. Вы сможете скачать его по ссылке в этом уроке. Нам предстоит применить стили слоя к смарт-объектам на двух уровнях. Это интересный и свежий способ стилизации текста, ведь в этом случае эффект наслаивается особым способом, подчеркивая 3D-эффект.

 

Результат

Для начала вам нужно скачать mockup объемного текста в формате PSD по этой ссылке: 3D text mockup.

Теперь давайте настроим этот файл под наши нужды. Начнем с текста. Кликните дважды по смарт-объекту «3D text by psddude», чтобы открыть его.

Вновь кликните по иконке слоя «3d effect by psddude», чтобы открыть смарт-объект.

Внутри вы найдете текстовый слой. Просто введите вместо существующего текста ваш. Вы также можете изменить размер шрифта и гарнитуру. В примере использован шрифт Black Ops One - вы можете скачать его бесплатно.

Сохраните смарт-объект и закройте его, чтобы увидеть результат. Теперь кликните дважды по слою «3d effect by psddude» и укажите ему следующие стили слоя:

Drop Shadow/Тень
Используйте цвет #121212

Inner Shadow/Внутренняя тень
Цвет: #49291b

Inner Glow/Внутреннее свечение
Цвет: #5e5959

Bevel and Emboss/Тиснение
Цвета: белый и #121212

Color Overlay/Перекрытие цвета
Цвет: #3c1d10

Pattern Overlay/Перекрытие узора
Используйте текстуру ржавчины rust texture. Скачайте текстуру здесь.

Сохраните смарт-объект и закройте файл, чтобы увидеть результат в общем документе.

Кликните дважды по слою «3D text by psddude» и укажите ему следующие стили слоя:

Drop Shadow/Тень
Цвет: #121212

Inner Shadow/Внутренняя тень
Цвет: #49291b

Inner Glow/Внутреннее свечение
Цвет: #5e5959

Bevel and Emboss/Тиснение
Цвет: белый и #121212

Pattern Overlay/Перекрытие узора
Скачайте текстуру здесь.

Результат

Автор урока psddude

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

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




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


два + 5 =

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