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

В этом уроке мы нарисуем кнопку в стиле Windows Vista.
Конечный результат:
Рисуем кнопку в стиле Windows Vista

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

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

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

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

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

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

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

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

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

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

Снижаем прозрачность слоя до 20%.
Рисуем кнопку в стиле Windows Vista

И в конце нам осталось добавить какую-нибудь надпись. Например, название нашего сайта
Рисуем кнопку в стиле Windows Vista
Кнопка в стиле Windows Vista
В этом уроке Фотошоп мы нарисуем кнопку в стиле Windows Vista.

Рисуем классный смайлик
Этот урок поможет вам нарисовать качественный, улыбающийся смайл.

Медальон с долларом
Для кого-то кнопка на сайт, для кого-то логотип, для кого-то медальон - сами решайте что это и куда применять.

Кнопка на сайт "GO"!
Хотите научиться рисовать такую мощную кнопку на сайт? Тогда "GO"!

Кнопка для сайта
В этом уроке Photoshop мы смастерим кнопку специально для размещения на сайте в Интернет.