Создаем в программе Photo Shop новое изображение File / New (Файл / Новый) или комбинация клавиш (Ctrl+N), 80х80 pix.(пикселей) на белом фоне. Удерживаем нажатым инструмент Marquee (Область) на клавиатуре (М), пока не появится меню и выбираем круг, рисуем круг на изображении.
Выбираем Foreground (Основной) и Background (Фоновый) цвета в палитре инструментов, например: возьмем красный цвет, как основной, а черный как фоновый.
С помощью инструмента Gradient (Градиент) на клавиатуре (G) заполняем наше изображение, например: слева-сверху и вправо-вниз.
Используем Select / Modify / Contract (Выделение / Модификация / Сжать) и в поле Width (Ширина) вводим любое число, например 6. Используем снова инструмент Gradient (G), и заполняем в обратном направлении. Потом снимаем выделение (Ctrl+D). Кнопка готова.
Также можно использовать инструмент Marquee (Область) на клавиатуре (М) и выделить круг поменьше в центре основного круга, и залить его в обратном направлении эффект будет такой же.