Создание кнопок для навигационного меню

1. Создайте новый документ, залейте фон цветом #384243, используя инструмент Заливки (Paint Bucket Tool). Потом создайте новый слой (Create New Layer) и инструментом Прямоугольник с закруглёнными краями (Rounded Rectangle Tool) сделайте выделение, как показано ниже. Предварительно настройте инструмент в настройках сверху на создание выделения, а не фигуры:

2. Удерживая Alt, перетащите выделение немного ниже и залейте его цветом, показанным ниже:

3. Далее таким же образом потяните выделение немного вверх, создайте новый слой
(Create New Layer) и залейте выделение цветом #304040, потом ещё раз потяните ниже на 4 пикселя и нажмите Delete.

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

Результат:

5. Создайте новый слой (Create New Layer), инструментом Прямоугольник с закруглёнными краями (Rounded Rectangle Tool) создайте фигуру и залейте его цветом #304040, как показано ниже:

6. Объедините все слои (выберите их и нажмите Ctrl+E). Потом инструментом Горизонтальный текст (Horizontal Type Tool) создайте текст и добавьте иконки: