html текст
All interests
  • All interests
  • Design
  • Food
  • Gadgets
  • Humor
  • News
  • Photo
  • Travel
  • Video
Click to see the next recommended page
Like it
Don't like
Add to Favorites

Элегантный текстовый эффект

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

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

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

Шаг 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

Читать дальше
Twitter
Одноклассники
Мой Мир

материал с dejurka.ru

71
    +53 surfers

      Add

      You can create thematic collections and keep, for instance, all recipes in one place so you will never lose them.

      No images found
      Previous Next 0 / 0
      500
      • Advertisement
      • Animals
      • Architecture
      • Art
      • Auto
      • Aviation
      • Books
      • Cartoons
      • Celebrities
      • Children
      • Culture
      • Design
      • Economics
      • Education
      • Entertainment
      • Fashion
      • Fitness
      • Food
      • Gadgets
      • Games
      • Health
      • History
      • Hobby
      • Humor
      • Interior
      • Moto
      • Movies
      • Music
      • Nature
      • News
      • Photo
      • Pictures
      • Politics
      • Psychology
      • Science
      • Society
      • Sport
      • Technology
      • Travel
      • Video
      • Weapons
      • Web
      • Work
        Submit
        Valid formats are JPG, PNG, GIF.
        Not more than 5 Мb, please.
        30
        surfingbird.ru/site/
        RSS format guidelines
        500
        • Advertisement
        • Animals
        • Architecture
        • Art
        • Auto
        • Aviation
        • Books
        • Cartoons
        • Celebrities
        • Children
        • Culture
        • Design
        • Economics
        • Education
        • Entertainment
        • Fashion
        • Fitness
        • Food
        • Gadgets
        • Games
        • Health
        • History
        • Hobby
        • Humor
        • Interior
        • Moto
        • Movies
        • Music
        • Nature
        • News
        • Photo
        • Pictures
        • Politics
        • Psychology
        • Science
        • Society
        • Sport
        • Technology
        • Travel
        • Video
        • Weapons
        • Web
        • Work

          Submit

          Thank you! Wait for moderation.

          Тебе это не нравится?

          You can block the domain, tag, user or channel, and we'll stop recommend it to you. You can always unblock them in your settings.

          • sobeninaolga
          • домен dejurka.ru

          Get a link

          Спасибо, твоя жалоба принята.

          Log on to Surfingbird

          Recover
          Sign up

          or

          Welcome to Surfingbird.com!

          You'll find thousands of interesting pages, photos, and videos inside.
          Join!

          • Personal
            recommendations

          • Stash
            interesting and useful stuff

          • Anywhere,
            anytime

          Do we already know you? Login or restore the password.

          Close

          Add to collection

             

            Facebook

            Ваш профиль на рассмотрении, обновите страницу через несколько секунд

            Facebook

            К сожалению, вы не попадаете под условия акции