Откройте приложение Adobe Photoshop
Создайте новое изображение:
| Ширина: | 200 пикселей |
| Высота: | 200 пикселей |
| Разрешение: | 72 пиксели/дюйм |
| Режим: | RGB цвет |
| Содержание (фон): | Белый |
Создайте новый слой.
Создайте выделение круглой формы.
Создайте градиент из градаций белого, чёрного цветов:
две трети должны быть белыми, а ещё треть состоять из чёрной, белой и снова чёрной

(можно загрузить уже существующий градиент по адресу grad504.grd).
Залейте выделение от центра радиальным градиентом.

Вырежьте центральную часть круга, как показано на рисунке:

Создайте слой под слоем с кругом.
Выделите на слое с кругом внутреннюю область и перейти к новому слою.
Залейте выделенную область линейным градиентом с переходом от белого к чёрному.

Установите слой с ободком в режим Умножение.
Слейте оба слоя (с фоном не сливать).
Примените фильтр Фильтр ► Texture ► Texturizer
в списке текстур выберите пункт

С помощью ластика с жёсткими краями создайте в пуговице дырочки.

Примените к слою с пуговицей эффект Тень

Раскрасьте пуговицу Изображение ► Регулировки ► Тон/Насыщенность

Отмените выделение. Готовое изображение сохраните в своей папке.