eurobyte

В наши дни глянцевые кнопки очень популярны. Вы можете найти их как в системе Windows, так и на многочисленных сайтах. Сегодняшний наш урок будет посвящен созданию глянцевой кнопки в программе Adobe Photoshop.
glass-button_01

Создаем документ с размерами 400 х 180 пикселей, далее нажимаем Ctrl+Shift+N для образования нового слоя.
Теперь активируем инструмент [simple_tooltip content=’Закругленный прямоугольник’]Rounded Rectangle Tool[/simple_tooltip] и устанавливаем радиус закругления углов в 10 пикселей. Выбираем черный цвет по-умолчанию и рисуем прямоугольник на новом слое.

Затем идем в настройки параметров наложения слоя и применяем следующие параметры для стилей:
[simple_tooltip content=’Наложение градиента’]Gradient Overlay[/simple_tooltip] – изменяем цвет правого крайнего ползунка на 50% серый, т.е. #808080.
glass-button_02

[simple_tooltip content=’Внутреннее свечение’]Inner Glow[/simple_tooltip] – включаем внутреннее свечение, выставляем белый цвет, изменяем непрозрачность на 40%, размер 8 пикселей.
glass-button_03

[simple_tooltip content=’Обводка’]Stroke[/simple_tooltip] – размер обводки в 1 пиксель, цвет – #808080.
[simple_tooltip content=’Тень’]Drop Shadow[/simple_tooltip] – изменяем дистанцию на 0 пикселей и размер 8 пикселей.
glass-button_04

Нажимаем кнопку ОК.
Выбираем инструмент [simple_tooltip content=’Горизонтальный текст’]Horizontal Type Tool[/simple_tooltip] и создаем надпись “Кнопка”, или какая вам больше нравится…
Нажимаем Ctrl+Shift+N и, выбрав белый цвет по-умолчанию, рисуем прямоугольник с закругленными углами, который будет занимать примерно половину нашей кнопки по высоте.
glass-button_05

Снова идем в режим наложения и выставляем следующие настройки: ставим галочку напротив пункта [simple_tooltip content=’Смешение внутренних эффектов как группы’]Blend Interior Effects as Group[/simple_tooltip], включаем градиент и выбираем цвет крайнего левого ползунка на #404040.
glass-button_07

Теперь меняем режим смешивания слоя на [simple_tooltip content=’Экран’]Screen[/simple_tooltip] и уменьшаем непрозрачность до 90%. Сейчас наша кнопка выглядит законченной. В любой момент вы можете поменять ее цвет, выбрав подходящий в настройках параметров наложения.

/open_id=0B6CnMrLaqrZLU1NfaUtDMkl1Um8