Предлагаем вашему вниманию очень простой урок по созданию винтажной надписи с эффектом тиснения.Такой текст выглядит очень здорово и часто используется в веб-дизайне. Здесь вы можете также скачать стили и иконки, которые помогут вам при создании подобных эффектов. Надеемся, урок вам пригодится.

Окончательный результат:

Нам понадобятся:

• Текстура старой бумаги от klimek.
• Кисти с узорами от MouritsaDA-Stock.

Шаг 1. Создаём новый документ

Создайте новый документ любого размера. У нас документ размером 1024*768px.

Установите цвет переднего плана #b0b19b и цвет заднего плана #8f9078, используя инструмент Radial Gradient добавьте градиентную заливку, проведя линию от центра до края документа.

Поверх этого слоя расположите слой с текстурой старой бумаги,  измените размер, если нужно, установите режим наложения слоя на Мягкий Свет (Soft Light).

Перейдите в меню Фильтры -> Шум -> Добавить шум (Filter -> Noise -> Add Noise) и установите значения как на рисунке ниже:

Шаг 2. Добавляем надпись

Добавьте текст цветом #5d5f42. Мы будем использовать шрифт  Lobster размером  160pt.

Кликните 2 раза по слою, чтобы добавить следующие стили:

Внешняя тень (Drop Shadow): Измените Режим Наложения ( Blend Mode) на Нормальный ( Normal), прозрачность ( Opacity) на 100%, цвет на #ddd8c2, расстояние( Distance)на 2 и размер ( Size) на 1.

(Примечание:  чем больше будет значение текста, тем больше устанавливайте значения.)

Внутреняя тень (Inner Shadow): Измените цвет на #50513b (тёмный оттенок цвета), расстояние ( Distance) на 1 и размер (Size) на 1.

Это добавит тексту глубины и создаст эффект гравировки.

Шаг 3. Добавляем декорации

Создайте новый слой поверх остальных слоёв, измените его режим наложения ( Blend Mode)  на Умножение ( Multiply). Установите цвет #b1a77e, используя  декоративные кисти,  добавьте несколько декораций.

Кликните два раза по новому слою и установите ему следующие стили :

Внешняя тень ( Drop Shadow): Измените режим наложения (Blend Mode) на нормальный (Normal), прозрачность (Opacity) на 100%, цвет на #ddd8c2, расстояние (Distance) на 2 и размер (Size) на 1.

Внутреняя тень (Inner Shadow): Измените цвет на #635b3a (тёмный оттенок цвета кисти), расстояние (Distance) на 1 и размер ( Size) на 1.

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

Скачать PSD-исходник

Бонус:

1. Стили для текста с эффектом тиснения (доступны в форматах asl и psd).

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

2. Иконки с эффектом тиснения в psd-формате. Вы можете использовать их абсолютно бесплатно для ваших проектов.

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

При написании урока были использованы материалы из сайта  textuts



Комментарии