1. Создайте новый документ, потом создайте новый слой (Create New Layer), создайте выделение и залейте его, как показано ниже:
2. Перейдите в меню Стилей слоя (Layer Style - Blending Options) и примените эти стили:
Отбрасывание тени:
Отбрасывание тени:

Наложение градиента:


Результат:
3. Создайте новый слой (Create New Layer) и инструментом Прямоугольная область
(Rectangular Marquee Tool) создайте выделение, как показано ниже и залейте его любым цветом:
(Rectangular Marquee Tool) создайте выделение, как показано ниже и залейте его любым цветом:

4. Перейдите в меню Стилей слоя (Layer Style - Blending Options) и примените эти стили:
Отбрасывание тени:
Отбрасывание тени:

Наложение градиента:

Обводка:

Результат:

5. Создайте новый слой (Create New Layer) и инструментом Прямоугольная область
(Rectangular Marquee Tool) создайте такое выделение:
(Rectangular Marquee Tool) создайте такое выделение:

результат:

6. Создайте новый слой (Create New Layer) и инструментом Многоугольное лассо
(Polygonal Lasso Tool) создайте выделение и залейте его чёрным цветом, как показано ниже:
(Polygonal Lasso Tool) создайте выделение и залейте его чёрным цветом, как показано ниже:

7. Понизьте Непрозрачность (Opacity) слоя до 5%.

8. Создайте новый слой (Create New Layer) и сделайте выделение слоя с кнопкой (Ctrl+Click), потом в новом слое залейте его белым цветом:

9. Инструментом Прямоугольная область (Rectangular Marquee Tool), удерживая Alt, сделайте такое выделение:

10. Понизьте Непрозрачность (Opacity) до 20%.

11. Объедините все слои с кнопкой и сделайте несколько копий:
12. Добавьте текст и иконки:
