поиск:
Предположим, вам не жить - не быть, надо выполнить название сайта или заголовок рекламного плаката из гладкого прозрачного стекла, так чтоб через буквы просвечивал фон. Вот простой и быстрый способ создать для любого заголовка такой симпатичный эффект. Он хорошо работает на любом фоне или текстуре и достигается только за счет настройки свойств слоя.
Для начала берем картинку, которую мы хотим использовать как фон. Много разных качественных, и что очень приятно - бесплатных текстур и фонов можно скачать со специализированного ресурса Mayang. Для примера возьмем текстуру влажной, гладкой металлической поверхности.
мокрая металлическая поверхность
Отрегулируем освещение и добавим текстуре сине-голубых тонов. Затем напишем поверх нее слово “PsdTalk”. Лучше всего использовать толстый шрифт с массивными буквами – тогда эффект стекла получается особенно реалистичным. Цвет шрифта не важен – вы можете использовать любой цвет. В примере я использовал белый цвет, шрифт: Chianti Win95BT, размер: 170pt. Итак, на данном этапе заготовка представляет собой два слоя: фон с текстурой и слой с белым словом “PsdTalk”.
Заготовка, два слоя: фон и текст

Затем начинаем манипулировать свойствами слоя “PsdTalk”. Необходимо вызвать Layer Style (Редактор Свойств Слоя), для этого кликните мышкой два раза на строчку слоя “PsdTalk” в палитре слоев.

Палитра слоев
В редакторе LayerStyle слева расположен список свойств слоя, справа панель с ползунками и переключателями для настройки этих свойств. В нашем примере мы будем последовательно (сверху вниз) регулировать следующие свойства:
  • 1) Drop Shadow (Отбрасываемая Тень);
  • 2) Inner Shadow (Внутренняя Тень);
  • 3) Inner Glow (Внутреннее Свечение);
  • 4) Bevel and Emboss (Скос и Чеканка);
  • 5) Satin (атлАс);
  • 6) Stroke (переводится, как Удар, но по мне больше подходит Рамка).
Для того чтобы перейти к настройке определенных свойств слоя, кликните мышкой на название этого свойства в левой панели редактора Layer Style, а затем настройте каждое свойство в соответствие с рисунком. Внимательно смотрите на рисунки – постарайтесь повторить у себя все положения ползунков и переключателей.
1. Drop Shadow (Отбрасываемая Тень):
Drop Shadow (настройки)
2. Inner Shadow (Внутренняя Тень):
Inner Shadow (настройки)
3. Inner Glow (Внутреннее Свечение):
3. Inner Glow (настройки)
4. Bevel and Emboss (Скос и Чеканка):
4. Bevel and Emboss (настройка)
5. Satin (атлАс):
5. Satin (настройки)
6. Stroke (Удар):
6. Stroke (настройки):
Теперь когда свойства слоя отрегулированы, необходимо настроить режим смешивание всех свойств слоя (Blending Options). В левой панели редактора Layer Style кликните мышкой на Blending Options (этот заголовок расположен над всем списком свойств), и настройте Blending Options в соответствие с рисунком.
7. Blending Options (Смешивание Свойств):
Blending Options (настройки)
Готово? Теперь жмем "Ok"… и вот результат:
гладкое стекло (результат)
Если что-то не получилось, то вы можете скачать psd файл примера со всеми слоями и настройками: Скачать PSD файл
Источник: http://luxa.org/
Перевод: Ikarushka
источник: http://luxa.org/ | перевод: Ikarushka | статьи | комментариев (1)
собираю на хостинг
ЯндексЯндекс. ДеньгиХочу такую же кнопку

# | 02.02.09, 11:42:38
Re:
Спасибо за полезную информацию !!!
Добавить комментарий
Обязательные для заполнения поля помечены знаком *
Если у Вас возникли проблемы с чтением кода, нажмите на картинку с кодом для нового кода.
 
облоко тегов:
подарки к Новому году и Рождеству:
handmade подарки на Новый год и Рождество
толковые блоги:

Невпрокат - блог о другом кино

Очень интересный ресурс о тех фильмах, которые мы не знаем. Находка для киноманов.

www.designformasters.info

Отличные переводы полезных статей о дизайне, верстке, типографике, продвижение, блогинге. Одним словом обо всем, что сейчас актуально в вебе. Хотите быть в курсе современных тенденций - заходите туда почаще.

www.nomagic.ru

Еще один мощный ресурс. Ориентирован на решение проблем создания сайтов как таковых. Много теории. Отличные переводы.

www.dimox.name

Просто если вдруг кто еще не знает. Практик от верстки - обалденный блог!

 
BUKI :) DUKI © 2008 ПРИ КОПИРОВАНИИ МАТЕРИАЛОВ НЕ ЗАБУДЬТЕ ПОСТАВИТЬ АКТИВНУЮ ССЫЛКУ WWW.PSDTALK .RU