Рисуем красивую навигацию на сайт

Выглядит очень эффектно!

Создайте новый файл:

Залейте фон градиентом от #10365a к #2070bf

Создайте новый слой и нарисуйте белый прямоугольник

Смените режим смешивания для этого слоя на Soft Light и параметр Fill подведите до 25%

Создайте новый слой и выделите инструментом Rectangular Marquee полоску в один пиксель. После этого залейте полоску градиентом тех же цветов, только в обратном направлении. Мы нарисовали разделитель для ссылок

Смените режим смешивания для его слоя на Soft Light

Скопируйте слой столько раз, сколько Вам нужно разделителей

Создайте новый слой и выделите прямоугольную область между разделителями. Залейте ее зеленым цветом

Теперь нарисуйте такой же прямоугольник другого цвета в соседнем пространстве

И третий

И четвертый

Создайте новый слой, выделите прямоугольную область внизу нашего хедера и залейте ее цветом, подходящим к фону (я выбрал #03346c)

Создайте новый слой и выберите инструмент Pencil. В качестве цвета выберите светлый подходящий к другим цвет (я выбрал #7dbfff). Нарисуйте линию высотой в один пиксель поверх только что созданного прямоугольника.

Скопируйте этот слой и переместите копию наверх, прямо сверху цветных прямоугольничков

Напишите слева свой текст

По желанию добавьте еще текста

Теперь снабдите текстом навигационные кнопки

Осталось только добавить сопроводительных картинок к кнопкам

Готово!