1 Star2 Stars3 Stars4 Stars5 Stars
 | 22 Ноя 2009 | комментариев 10

Web-дизайн в Photoshop: Создание эффекта вдавленного текста (Letterpress Text)

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

Вот несколько примеров применения эффекта вдавленного текста

wdtslt1

wdtslt2

wdtslt3

wdtslt4

Создание эффекта вдавленного текста (Letterpress Text)

Создайте новый документ и заполните его необходимым цветом или градиентом, соответствующим дизайну Вашего сайта.

wdtslt5

Используя инструмент добавления текста Type Tool, добавьте необходимы текст.

wdtslt6

Теперь необходимо добавить стили слоя Layer > Layer Style > Blending Options. Сначала добавьте внутреннюю тень (Inner Shadow).

wdtslt7

Добавьте наложение градиента (Gradient Overlay).

wdtslt8

Теперь добавьте небольшую тень.

wdtslt9

Должно получиться нечто подобное.

wdtslt10

Вы можете поиграть с градиентом и тенью:

wdtslt11

Опубликовать пост в социальных сетях
Оцените запись
1 Star2 Stars3 Stars4 Stars5 Stars
Комментарии Вконтакте
Комментарии

  • Отличный урок, большое спасибо! Я уже давно ищу внятный урок по поводу вдавленного текста. Как в html сделать знаю, а в Photoshop’e получается неважно)

    P.S. Закос по дизайну и стилю на tutsplus.com?) удачно вышло, успехов в развитии, добавлю ссылку на Вас к себе на сайт.

  • vaggah

    Закос есть, Вы правы ))) Но они недавно дизайн поменяли, так что усе нормально )))

    P.S. сайт у Вас прикольный.

  • спасибо)стараемся)

  • Pingback: Tweets that mention Web-дизайн в Photoshop: Создание эффекта вдавленного текста (Letterpress Text) | QuickTUTS - уроки фотошоп на русском языке. -- Topsy.com()

  • Хороший урок, попробую

  • Спасибо за урок. Давно замечал этот эффект на сайтах, но нигде он не попадался на глаза. Очень хороший пример.
    К автору сайта просьба: можете разметить пару детальных уроков по разработке шаблонов сайтов. От А до Я. Что бы можно было отследить все моменты, от фона и подбора цветов для шаблона, до мелких деталей.
    Инструкций в интернете много, хотелось бы урок, с указанием возможных ошибок и подводных камней. Все таки профессионалу видно больше чем начинающему.

    Спасибо.

    • vaggah

      Спасибо за комментарий. У меня будет просьба. Оставьте свое пожелание, щелкнув по зеленой закладке слева. Думаю многие за него проголосуют и тогда подготовлю урок по этой теме.
      Спасибо.

  • Чего то незаметно восего никакого эффекта, а тем более «вдавленного».

  • У меня был лого со вдавленным текстом, но немного не так как в этом уроке, сделал по уроку — вышло намного лучше. Спасибо

  • Алекс

    Валера Манихин

    зачем тебе кисти ????