Создайте новый файл с размером 500х400 пикселей, чтобы начать проектировать кнопку. Создайте новый слой назовите его "фон1". Выберите инструмент "Прямоугольник со скругленными углами" (Rounded Rectangular Tool) и нарисуйте прямоугольник нужной формы в центре. На этом этапе подойдет любой цвет.
Дважды кликните по названию этого слоя, чтобы открыть "Стиль слоя" и установите следующие настройки (цвета для градиента: #d00031 и #ff2b5d):
Зажмите CTRL и кликните по иконке слоя "фон1", чтобы выделить форму. Зайдите в "Выделение -> Модификация -> Сжать" (Select -> Modify -> Contract) и установите значение 2 пикселя. Это уменьшит выбранную область на два пикселя с каждой стороны.
Создайте новый слой и назовите его "фон 2", залейте выделенную область любым цветом, я использовал черный.
Делаем двойной клик и устанавливаем следующие настройки (цвета для градиента: #c6002f и #cd5572):
Создайте еще один новый слой для текста, назовите его "текст". Впишите ваш текст для кнопки. Мы использовали название нашего сайта. Шрифт Rounded Arial Bold, размер зависит от размера вашей кнопки, у меня получилось - 40пт.
Откройте стиль слоя для этого слоя и используйте следующие настройки:
Цвета для наложения градиента: #d2d2d2 и #f0efef.
Кнопка почти закончена. Давайте добавим небольшой блик в верхней части. НАжмите CTRL, и сделайте левый клик на иконке слоя "фон2", чтобы выделить его форму. Выберите инструмент "Овальная область" (Eclipse Marquee Tool). Теперь зажав ALT, растяните овал таким образом, чтобы обрезать часть выделения, как показано на рисунке ниже.
Когда осталась выделенной верхняя часть Сделайте правый клик на ней и выберите "Растушевка" (Feather); радиус поставьте 15 пикселей.
Создайте новый слой и назовите его "блик" и залейте его белым цветом #ffffff. Этот должно добавить эффект блика на верхней части вашей кнопки.
Результат должен получится вот таким:
Спасибо, что прочли мой урок. Жду ваших комментариев!
Источник: www.hongkiat.com
Перевод: photoshoplove.ru
