01. Как обычно, начинаем с создания нового документа, размерами 550 на 100 пикселей и чёрным фоном. Сразу же создаём новый слой, и на нём, с помощью Rounded Rectangle Tool делаем площадку под основание наших кнопок размером 100х75 пикселей. Сразу же применим следующие стили:

Bevel and Emboss

Stroke (градиент #2f2f2f и #ffffff)

В итоге получаем готовую площадку:

02. Создаём новый слой. С помощью Rectangular Marquee Tool (или Pen Tool) выделяем верхнюю часть основания, и заливаем её белым цветом:

03. Зажав Ctrl кликаем левой кнопкой мыши в панели слоёв на превью нашего слоя с основанием, чтобы появилось выделение его границ:

не убирая это выделение, выбираем там же наш последний слой с заливкой, и выбираем Select --> Inverse, и после того, как выделение стало инверсным, жмём клавишу Delete, чтобы заливка оказалась в пределах нашего основания. Добавив Gradient Overlay (цвета градиента: #4f4f4f и cfcfcf)

У нас должно получится полностью готовое основание

04. Теперь, с помощью Type Tool пишем названия для кнопок. (Цвет верхнего ряда - #dfff3f, второй - #ffffff)

Далее, добавим вертикальных разделительных линий. Для этого тем же Type Tool набиваем пять-шесть тире, и используя Edit --> Transform --> Rotate 90 cw, делаем из них вертикальные столбцы.

05. Добавляем квадратики с цифрами - Rectangular Marquee Tool выделяем нужного размера область, и заливаем белым цветом, затем добавляем номера. Всё, менюшка готова

Базовый источник