На примере о том как рисуются иконки и всевозможные кнопки для веб-графики, мы нарисуем две кнопки Start и Stop. Слова в кнопках можно заменить на любые нужные для вас.

Начнем…
Создайте новый документ в Photoshop. С помощью инструмента Elliptical Marquee tool выделите круг и залейте его черным цветом.

Залейте круг градиентом. Примените стиль зайдя в меню Layer – Layer Style – Gradient Overlay, с такими настройками:

Создай новый слой и нарисуйте черный круг внутри имеющегося.

Создайте ещё слой и круг внитри него с зеленым цветом (#14D64A). А также градиент, такой же как на картинке.

Примените стиль Inner Shadow

Теперь с помощью Text Tool напишите слово на кнопке.

Используя те же методы нарисуйте такую же кнопку, но с красным фоном

Добавьте слово

Вот и все, мы закончили урок.
.jpg)
Автор урока – zealot (pixelbox.ru)