DataLife Engine > Уроки Photoshop > Web 2.0 - Стеклянный текст с отражением

Web 2.0 - Стеклянный текст с отражением


27 февраля 2008. Разместил: m0skit
Урок Adobe Photoshop по приданию тексту "стеклянного" эффекта и по созданию отражения.
Данный прием часто используется при создании логотипов в стиле Web 2.0.

Создадим новы документ с произвольными размерами. Я установил 600х400.

Теперь напишем необходимый текст, предварительно выбрав желаемый цвет (хотя его можно изменить и после).
Я написал ALLDESIGN.BIZ цветом 0568b2

Web 2.0 - Стеклянный текст с отражением

Удерживая клавишу Ctrl, нажимаем на иконку слоя в палитре слоев. Появится выделенная область в форме нашей надписи.
Теперь создадим новый слой в палитре слоев и убедившись что выбран именно он идем в меню Выделение - Модификация - Сжать
.

Web 2.0 - Стеклянный текст с отражением

Вводим значение 2 пикселя. Получится следующее.

Web 2.0 - Стеклянный текст с отражением

Дальше выбираем инструмент Овальная область и нажимаем на иконку Пересечение с выделенной областью.

Web 2.0 - Стеклянный текст с отражением

Рисуем овальную область примерно как на рисунке.

Web 2.0 - Стеклянный текст с отражением

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

Web 2.0 - Стеклянный текст с отражением

Теперь с помощью инструмента Градиент (цвет от белого к прозрачному) зальем выделенную область. Дополнительно можно поэксперементировать с прозрачностью слоя в палитре слоев.

Web 2.0 - Стеклянный текст с отражением

В результате наш текст уже преобразился, но мы не будем останавливаться на этом. Добавим еще один модный в данное время эффект - отражение.
Для этого продублируем слой с текстом. Дальше заходим в меню Редактирование - Трансформирование - Отразить по вертикали, и с помощью кнопки со стрелкой вниз перемещаем перевернутый текст так как показано на рисунке.

Web 2.0 - Стеклянный текст с отражением

Дальше добавим к этому слою Слой-маску.

Web 2.0 - Стеклянный текст с отражением

Выбираем инструмент градиент (цвет от черного к белому) и проводим линию от нижнего края надписи вверх. Дополнительно можно уменьшить прозрачность в палитре слоев. Вот что получилось у меня.

Web 2.0 - Стеклянный текст с отражением

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

Web 2.0 - Стеклянный текст с отражением


Автор: m0skit

При копировании статьи, ссылка на AllDesign.biz обязательна !!!


Обсуждение этого урока на нашем форуме