Шаг 1
Создаем новый документ с такими параметрами: 1280x1024 px и 72 dpi. Двойным кликом по слою заходим в настройки Blending Options-Gradient Overlay и выставляем следующие значения:
[показать]

[показать]

Должно получиться вот так:
[показать]

Шаг 2
Выберетие инструмент Ellipse Tool [показать] и зажав клавишу Shift нарисуйте круг.
В настройках слоя выберите:
Blending Options-Inner Glow с такими параметрами:
[показать]
Blending Options-Gradient Overlay
[показать]

Параметры градиента:
[показать]

Blending Options-Stroke
[показать]

Параметры градиента:
[показать]

Должно получиться, что-то вроде этого:
[показать]

Шаг 3
Возьмите инструмент Pen Tool [показать] с такими параметрами [показать] и нарисуйте на новом слое какой-нибудь символ. Автор нарисовал сам, но если у вас не получается, то можете выбрать какую-нибудь интересную форму с помощью Custom Shape Tool [показать]
[показать]

Теперь примените к слою с логотипом следующие настройки:
Blending Options-Drop Shadow
[показать]

Blending Options-Gradient Overlay
[показать]

Параметры градиента:
[показать]

Так же автор предлагает Понизить заполненность слоя до 50% [показать], но при работе, я не заметил, что этот параемтр как-то существенно влияет на результат:
[показать]

Шаг 4
Снова выберетие инструмент Ellipse Tool [показать] и зажав клавишу Shift нарисуйте круг. После чего поверх него нарисуйте второй круг. меньшего радиуса, зажав при этом клавишу Alt. У вас должен получиться "бублик". Примерно вот так:
[показать]

Теперь применим следующие параметры к нашему "бублику":
Blending Options-Drop Shadow
[показать]

Blending Options-Gradient Overlay
[показать]

Параметры градиента:
[показать]

Должно получиться примерно так:
[показать]

Шаг 5
Снова выберетие инструмент Ellipse Tool [показать] И нарисуйте небольшой овал сверху нашего кружка. Это будет нашим бликом.
[показать]

Смените режим смешивания:
[показать]

Снизьте прозрачность слоя до 20-30% и добавьте к нашему слою маску, нажав [показать] и залейте слой простым чёрно-белым градиентом [показать] Должно получиться так:
[показать]

Шаг 6
Теперь нарисуем кнопку с помощью инструмента Ellipse Tool [показать]
Применим к слою следующие настройки:
Blending Options-Gradient Overlay
[показать]

Параментры градиента:
[показать]

Должно получиться так:
[показать]
[показать]

Снова выберем Ellipse Tool [показать] и нарисуем на нашей кнопке окружность меньшего диаметра.
Применим к ней следующие параметры:
Blending Options-Gradient Overlay
[показать]

Параметры градиента:
[показать]

Blending Options-Stroke
[показать]

У вас должно получиться вот так:
[показать]
[показать]

Шаг 7
Теперь добавим блик к нашей кнопке, с помощью Ellipse Tool [показать] с параметрами Blending Options-Color Overlay цвет соответсвенно белый.
Понижаем прозрачность слоя до 20%
[показать]
[показать]

После всего этого клеим наши слои с кнопкой (у вас их должно быть 3) выполнив команду CTRL+E
Сделайте 5 копий вашей кнопки и расположите примерно так:
[показать]

Шаг 8
Сделаем ещё один "бублик" или кольцо, так же как мы это делали в шаге 4. Радиус большой окружности должен быть чуть поменьше всей нашей конструкции. Радиус второй окружности, при помощи которой мы будем проделывать отверствие в первой окружности, должно быть чуть чуть меньше, чтобы получить примерно такое кольцо:
[показать]

Применим к слою следующие параметры:
Blending Options-Gradient Overlay
[показать]

Параметры градиента:
[показать]

Должно получиться так:
[показать]

Шаг 9
Выберите инструмент Rectangle Shape Tool [показать] (не забудьте,что кнопка Shape Layers должна быть нажата [показать])
Нарисуйте посередине нашего холста прямоугольник (ширина его должна быть такой же, а высота 1/3 нашего холста) и поместите его вниз нашей конструкции. Примените к прямоугольнику следующие параметры:
Blending Options-Gradient Overlay
[показать]

Настройки градиента:
[показать]

Шаг 10
Нарисуйте поверх первого прямоугольника такой же второй, но чуть чуть меньше в высоту (не забудьте,что он так же должен быть ниже нашей конструкции)
примените к нему следующие параметры:
[показать]

Blending Options-Gradient Overlay
[показать]

Настройки градиента:
[показать]

И вот результат:
[показать] 


[показать]

Автор: Adobe Tutorialz
Перевод: Almir