Автор:
Переводчик:
Источник: Ссылка
Предлагаем вашему вниманию очень простой урок по созданию винтажной надписи с эффектом тиснения. Такой текст выглядит очень здорово и часто используется в веб-дизайне. Здесь вы можете также скачать стили и иконки, которые помогут вам при создании подобных эффектов. Надеемся, урок вам пригодится.
Окончательный результат:
Нам понадобятся:
Текстура старой бумаги от 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
