Шаг 1.
Создай те новое изображение размером, например, 200х50 и залейте его фон каким-нибудь цветом (я взяла серый). Теперь создайте новый слой и при помощи инструмента Rectangular Marquee Tool создайте на нем выделение, как показано на рисунке ниже, и залейте его любым цветом отличным от фона ( у меня оранжевый)

Шаг 2.
Теперь снимем выделение (CTRL+D) и идем Filter>Render>Lighting Effect и выставляем такие настройки (вы должны находиться на слое с прямоугольной формой):

Вот, что должно получиться:

Шаг 3.
Откроем окно Layers Style(двойной щелчок на палитре слоев по слою с прямоугольной формой рядом с его названием) и добавим внутреннюю тень:

Получиться что-то в роде этого:

Шаг 4.
Возьмите простую круглую кисть размером 1px и на новом слое нарисуйте линии, как показано на моем рисунке (чтобы линии были идеально ровными, рисуя их, удерживайте нажатой кнопку Shift).
(Примечание переводчика: цвет для линий лучше взять какой-нибудь светлый, например, светло-серый или что-то в это духе, а чтобы было удобнее, масштаб изображения можно увеличить. Если вылезете за края кнопки – не страшно, это легко поправить: остаемся на слое с линиями, удерживая Ctrl, щелкаем один раз по слою с нашей кнопкой на палитре слоев – загрузилось выделение, а мы все еще на слое с линиями, там и остаемся, теперь нажимаем Shift+Ctrl+I, т.е. инвертируем выделение, и жмем Delete. Не забудем снять выделение)

Теперь для слоя с линиями установите режим смешивания (Blending options) на Осветление цвета (Color Dodge), а непрозрачность (Opacity) на 70%.

Шаг 5.
Создайте новый слой, а на нем прямоугольное выделение, так чтобы оно закрывало верхнюю половину вашей кнопки, и залейте его белым цветом. (Излишки можно убрать так же, как показано в примечании переводчика). Установите непрозрачность слоя (Opacity) на 12%.

Также можно добавить к этом слою тень, для этого открываем окно Blending Options и выставляем следующие настройки в разделе Drop Shadow

Шаг 6. (от переводчика)
Теперь добавим текст белого цвета и для контрастности добавим Drop Shadow с такими настройками: Opacity = 100%, цвет тени сделайте чуть темнее цвета кнопки, Distance = 1, Choke = 0, Size = 1.
Готово!

Оргинал здесь (Zasdesign.com)
Перевод: Lacerta