Фотошоп уроки Создание глянцевой кнопки в Adobe Photoshop

Создание глянцевой кнопки в Adobe Photoshop

27

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

glass-button_01

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

Затем идем в настройки параметров наложения слоя и применяем следующие параметры для стилей:
Gradient Overlay – изменяем цвет правого крайнего ползунка на 50% серый, т.е. #808080.

glass-button_02

Inner Glow – включаем внутреннее свечение, выставляем белый цвет, изменяем непрозрачность на 40%, размер 8 пикселей.

glass-button_03

Stroke – размер обводки в 1 пиксель, цвет – #808080.
Drop Shadow – изменяем дистанцию на 0 пикселей и размер 8 пикселей.

glass-button_04

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

glass-button_05

Снова идем в режим наложения и выставляем следующие настройки: ставим галочку напротив пункта Blend Interior Effects as Group, включаем градиент и выбираем цвет крайнего левого ползунка на #404040.

glass-button_07

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