Рисуем кнопку в стиле Windows Vista

В этом уроке мы нарисуем кнопку в стиле Windows Vista.

Конечный результат:



Создаём новый документ (ширина 230, высота 180).
Фон заливаем тёмно-серым цветом (#2a2a2a).



Выбираем инструмент Rounded Rectangle Tool, в настройках для параметра radius выберите значение равное 5 px, и рисуем прямоугольник с закругленными концами чёрного цвета:



Добавим несколько стилей к нашей будущей кнопке, идём
Layer -> Layer Style-> Blending Options, и делаем всё как показано ниже:






Далее с помощью инструмента Rectangular Marquee Tool делаем выделение как на рисунке:



Нажимаем Ctrl + Shift + N, чтобы создать новый слой.
Зажимаем Ctrl + Shit + Alt и кликаем на иконке слоя с кнопкой.
Далее идём Select -> Modify -> Contract и выставляем значение в 1 px.





Используя инструмент заливка заливаем выделение белым цветом.


Снижаем прозрачность слоя до 20%.



И в конце нам осталось добавить какую-нибудь надпись. Например, название нашего сайта