1. Создаем новое изображение с размером 200х100 рх.
2. Создаем новый слой и називаем его "vistabutton". Берем инструмент "rectangle tool" и делаем выдиление 100х50 рх.
3. Теперь создадим градиент. Открываем окно градиента и делаем "right click" в левый угол и выбираем 252525 цвет. Потом снова "right click" в правом углу и выбирем 9a9a9a цвет. Теперь "right click" по средине градиента и вибирем "Split segment at midpoint". Потом сдвигаем оба цвета в средину градиента и сохраняем градиент.



4. Берем инструмент "Blend tool", выбираем наш градиент и проводим мышкой снизу вверх (с нажатой левой кнопкой мыши).
5. Теперь создаем "outline" с размером 1рх. "Right click" на нашей кнопке и выбираем "alpha to selection". Создаем новый слой и называем его "Outline". Потом идем в Select > Grow > 1px.



6. Меняем "foreground color" на 424242 цвет. Опускаем этот под слой "vistabutton".



7. Увеличаем Zoom и при помощи "selection tool" и создаем прямоугольник в средине кнопки как показано на картинке.



8. Теперь берем "subtract from the current selection" в панеле инструментов и рисуем еще прямоугольние зажимая CTRL.



9. Создаем новый слой и берем "Blend tool" и выбираем White color to Transparent (FG to Transparent) и проводим мышкой сверху вниз и уменьшаем opacity до 64.



10. Делаем выдиление как на картинке.



11. Берем "Blend tool" и в Tool Options понижаем Opacity до 25 и меняем "Shape to "Radial". И проводим мышкой от центра на 100 рх.



Должно получиться так:



12. Берем "favorite tool" и создаем градиент размером 1 рх внизу кнопки.



13. Берем "Blend tool" и уменьшаем "Opacity" ло 80 меняем градиент на "Radial" и проводим мышкой от центра выдиления на 95 рх вниз.



Вот результат:




Для тех кому надо выкладываю скрипт, при помощи которого можно делать такие кнопочки при одном нажатии кнопки мыши.



Вот что можно сделать при помощи этого скрипта: