Шаг 1.
Создаем новый документ ”Ctrl+N” размером 300х300px.
Возьмите инструмент Paint Bucket Tool (G) и закрашиваем фон цветом #303030.

Далее берем инструмент Ellipse Tool (U) и создаем круг (щелкните в центре изображения и потом зажимаем ”Alt+Shift”, для создания идеального круга). Установите цвет круга #BCBCBC и дайте ему название “Ring 1”:

Шаг 2.
Копируем слой “Ring 1” (Ctrl+J), нажимаем ”Ctrl+T” и немного уменьшаем копию круга. Я назвал этот слой, “Ring 2”.

Далее, зажимаем ”Ctrl” и в окне слоев щелкаем по слою “Ring 2”, появится выделение. Теперь выполняем ”Select > Modify > Expand” с параметром ”Radius:3px”. Переключитесь на слой “Ring 1” и выполните ”Layer > Layer Mask > Hide Selection”:

Шаг 3.
Настроим стили для слоев с кольцами.
Выбираем слой “Ring 1”, выполняем ”Layer > Layer Style > Blending Options” и настраиваем по картинкам ниже:

Теперь выбираем слой “Ring 2” и настраиваем стиль для него:

Шаг 4.
Создаем новый слой (над слоями с кругами), зажимаем ”Ctrl” и щелкаем по слою “Ring 2” для загрузки его выделения.
Далее берем инструмент Gradient Tool (G) , настраиваем его как на картинке и заполняем выделение (сверху вниз). Выставите для этого слоя режим наложения ”Hard Light”:

Шаг 5.
Создайте еще один круг на новом слое, назовите его “Ring 3”. Он должен быть над всеми слоями.
Далее в списке слоев щелкаем правой кнопкой мыши по слою “Ring 2”, выбираем ”Copy Layer Style”, далее щелкаем правой кнопкой мыши по слою “Ring 3” и выбираем ”Paste Layer Style”. Таким образом, мы применили к этому кольцу стиль от второго (совет от меня: можно просто скопировать слой “Ring 2”, поместить его над всеми слоями и потом уменьшить с помощью ”Free Transform”):

Шаг 6.
Дублируем слой “Ring 3” (Ctrl+J), называем его “Fill” и изменяем цвет на #446FCE.
Далее изменяем стиль слоя:

Шаг 7.
Дублируем слой “Fill”, выставляем для него ”Fill:0%”, называем слой “Highlight Ring” и настраиваем стиль слоя:

Шаг 8.
Создаем новый слой (над всеми), называем его “Highlight Brush” и меняем режим наложения на ”Soft Light”.
Далее берем инструмент Brush Tool (B) с мягкими краями (Hardness:0%) и используя белый цвет, аккуратно щелкаем мышкой по верхней части синей области кнопки (я сделал 3 щелчка в одном месте). Эта часть должна будет подсветиться:

Шаг 9.
Берем инструмент Custom Shape Tool (U) , выбираем фигуру стрелки, изображенную ниже, и создаем ее (удерживайте ”Shift” во время создания, для сохранения пропорций).

После этого выполняем ”Edit > Transform Path > Rotate” и поворачиваем эту стрелку.

Далее дублируем этот слой (Ctrl+J), выполняем ”Edit > Transform Path > Scale” и уменьшаем размер копии.

Шаг 10.
Зажмите ”Ctrl” и в окне слоев выберите наши стрелки.
Далее нажмите ”Ctrl+E”, для их объединения в один слой.
Теперь настраиваем стиль для этого слоя и выставляем прозрачность слоя на 80% (Opacity:80%):

Шаг 11.
Теперь добавим глянец.
Берем инструмент Pen Tool (P) и рисуем форму, как показана ниже (последнюю точку поставьте на первую, для замыкания форму). Далее выставляем прозрачность слоя 30%.
Теперь зажимаем ”Ctrl” и щелкаем по слою “Fill”, для загрузки его выделения.
После этого выполняем ”Layer > Layer Mask > Reveal Selection”. Таким образом мы скрыли глянец там, где он нам не нужен.

Шаг 12.
В завершение добавим тень.
Создайте новый слой под всеми слоями кнопки.
Возьмите большую кисть с мягкими краями и рисуйте тень под кнопкой, из под кнопки у вас должен быть виден только небольшой кончик кисти:

Ну вот и все, наша кнопка готова.
Хочу напомнить, что от размера кнопки, зависят настройки. Вы можете сравнить мою кнопку и кнопку из оригинала урока, моя больше и поэтому с такими же настройками, она смотрится, немного по-другому.