Шаг 1 - Создаем новый документ любого размера и заполняем наш фон цветом #f7f5f6, берем инструмент Rounded Restangle Tool с радиусом 10px и рисуем окружность заполняя его цветом #2f88bb
Шаг 2 - Применим к нашему слою "параметры наложения". Делаем всё как показано ниже:
Шаг 3 - CTRL+Click по слою с нашей кнопкой. Создайте новый слой, потом в Select > Modify > Contract и ставим значение в 1px. Дальше берем инструмент Elliptical marquee tool задерживаем Alt и удаляем ненужные части выделения, как показано ниже. Как этот процесс мы закончили, дальше заливаем наше выделение градиентом бело-прозрачным и ставим режим наложения на Overlay (перекрытие) с непрозрачностью 48%, затем CTRL+D чтобы снять выделение.
Шаг 4 - Создайте новый слой снова, используйте Elliptical marquee tool и сделайте выделение как показано ниже. Затем залейте фон градиентом от чёрного до прозрачного.
Шаг 5 - CTRL+Click по слою с нашей кнопкой, потом Select > Inverse и удаляем не нужные объекты.
Шаг 6 - Установите текущие слои opacity в 32%.
CTRL+Click по слою с кнопкой, чтобы создать выделение, дальше задерживаем Alt и с помощью инструмента Rectangular Marquee Tool делаем половину выделения как показано ниже:
Шаг 7 - Заполним выделение белым цветом и уменьшим opacity до 11%.
Шаг 8 - Теперь создайте новый слой и сделайте круг как показано ниже:
Шаг 9 - Дальше применим к нашему кругу параметры наложения:
Шаг 10 - Теперь добавьте некоторые основные детали, сделайте то, что вы любите
Шаг 11 - Вот и всё! Можно еще добавить текст
Автор: Zymic
Перевод: MadeMan (Я)