Шаг 1:
Для начала в фотошопе создайте изображение 150x80 пикселов:
Шаг 2:
Используя paint bucket tool залить фон цветом: *5B5B5B
Шаг 3:
Создайте новый слой, и используя иснтрумент Rectangular marquee сделать выделение подобное на картинке ниже и залить его цветом: *485337
Шаг 4:
Теперь примените следующие Стили Слоя к слою:
Вы должны получить
Шаг 5:
Теперь создайте новый слой, которых Вы должны иметь к настоящему времени уже 3, используя инструмент rectangular marquee tool сделайте выделение подобное на картинке ниже и залейте его цветом *757957.
Шаг 6:
Теперь выведите Burn Tool, это находится в том же самом месте как dodge tool, только щелкните, и поддержите на нужном уровне на dodge tool чтобы выводить многократные инструменты, удостоверьтесь, что выдержка установлена на 50 %, и вытягивать линию подобно рисунку ниже.
Шаг 7:
Создайте новый слой, и делайте выделение для вершины заголовка к вершине слоя, который Вы только сделали. Заполните его цветом *898C66
Шаг 8:
Выведите pencil tool и в самом основании выделения, которое Вы только сделали, нарисуйте линию цветом *9EA175 Шаг 9:
Теперь выберите Dodge Tool (O) и рисуйте линию
При использовании dodge tool, вы должны быть на том же самом слое как слой где применялось highlight.
подобно картинке ниже (убедитесь, что dodge tool установлен в highlights и непрозрачности 50 
Вам, вероятно, придется рисовать линию назад и вперед несколько раз. Затем выведите pencil tool еще раз и рисуйте черную линию наверху заголовка, и с dodge tool набор в 1 пикселе, рисуйте право линии под этим. Это должно напомнить картинку ниже.
Шаг 10:
Теперь выберите инструмент brush, установите цвет переднего плана в *1E2213, установите ширину пиксела на 1 пиксел, и рисуйте форму подобно картинке ниже
Шаг 11:
Теперь Вы должны применить следующие значения стиля слоя к слою ( Drop shadow и Bevel and Emboss):
Вот что должно получиться:
Шаг 12:
Нажмите ctrl+j, чтобы дублировать слой и использовать иснтрумент Move Tool (v) перемещать это в правильную ручную сторону, так что Вы имеете два вентиля подобно пунктам.
Шаг 13:
Используя инструмент polygonal lasso tool, сделайте выделение подобное картинке ниже:
Шаг 14:
Теперь идите в Select > Modify > Smooth и установленный Типовой Радиус на 5 прессов хорошо, и это скруглит выделение, чтобы округлиться, углы заполняют это выделение черным.
Шаг 15:
Дублируйте этот слой с ctrl+j, затем с дублированным выбранным слоем идут в Edit > Transform > Flip Horizontal, и используя инструмент move tool (v) перемещайте слой вправо (только выше правильного вентиля:
Шаг 16:
Дальше используя инструмент marquee tool залейте в средней секции черный цвет как на картинке ниже:
Шаг 17:
Теперь примените следующие значения Стиля Слоя к слою
Шаг 17:
ctrl+click на слое Вы только воздействовали и создаете новый слой, идите в Select > Modify > Contract и измените его примерно до 10 пикселов, потом залейте это выделение черным.
Шаг 18:
Теперь примените следующие значения Стиля Слоя к тому слою
Вот, что должно получиться
Шаг 19 (дополнительный):
Создайте новый слой, и нажмите, ctrl+g (ctrl+alt+g для cs2), чтобы иметь тот слой маскируют слой под этим, с the polygonal lasso tool делайте выделение подобно ниже, затем выведите gradient tool, и набор, цвета, белые к прозрачному, и рисуйте градиент от вершины, оставленной к праву основания, которое должно получиться:
Шаг 20:
Теперь все, что оставляют, должно добавить в некотором тексте, использовать любой шрифт, Вы хотите и применяете следующие значения к этому, я устанавливал цвет шрифта к *FFE500.
Дублируйте все слои, которые содержат элемент кнопки на них, и Вы можете делать многократные кнопки как на картинке ниже
