DataLife Engine > Уроки Photoshop > Web 2.0 - Стеклянный текст с отражением
Web 2.0 - Стеклянный текст с отражением27 февраля 2008. Разместил: m0skit |
|
Урок Adobe Photoshop по приданию тексту "стеклянного" эффекта и по созданию отражения. Данный прием часто используется при создании логотипов в стиле Web 2.0. Создадим новы документ с произвольными размерами. Я установил 600х400. Теперь напишем необходимый текст, предварительно выбрав желаемый цвет (хотя его можно изменить и после). Я написал ALLDESIGN.BIZ цветом 0568b2 Удерживая клавишу Ctrl, нажимаем на иконку слоя в палитре слоев. Появится выделенная область в форме нашей надписи. Теперь создадим новый слой в палитре слоев и убедившись что выбран именно он идем в меню Выделение - Модификация - Сжать . Вводим значение 2 пикселя. Получится следующее. Дальше выбираем инструмент Овальная область и нажимаем на иконку Пересечение с выделенной областью. Рисуем овальную область примерно как на рисунке. Должно получиться следующее. Теперь с помощью инструмента Градиент (цвет от белого к прозрачному) зальем выделенную область. Дополнительно можно поэксперементировать с прозрачностью слоя в палитре слоев. В результате наш текст уже преобразился, но мы не будем останавливаться на этом. Добавим еще один модный в данное время эффект - отражение. Для этого продублируем слой с текстом. Дальше заходим в меню Редактирование - Трансформирование - Отразить по вертикали, и с помощью кнопки со стрелкой вниз перемещаем перевернутый текст так как показано на рисунке. Дальше добавим к этому слою Слой-маску. Выбираем инструмент градиент (цвет от черного к белому) и проводим линию от нижнего края надписи вверх. Дополнительно можно уменьшить прозрачность в палитре слоев. Вот что получилось у меня. Ну и в заключении, я залил фон градиентом. В итоге, мы получаем вот такую симпатичную надпись, которая будет очень эффектно смотреться в качестве логотипа в шапке сайта. ![]() Автор: m0skit При копировании статьи, ссылка на AllDesign.biz обязательна !!! Обсуждение этого урока на нашем форуме |