Рисуем красивую навигацию на сайт
Выглядит очень эффектно!
Приблизительное время выполнения: 10 минут
Создайте новый файл:
Залейте фон градиентом от #10365a к #2070bf
Создайте новый слой и нарисуйте белый прямоугольник
Смените режим смешивания для этого слоя на Soft Light и параметр Fill подведите до 25%
Создайте новый слой и выделите инструментом Rectangular Marquee полоску в один пиксель. После этого залейте полоску градиентом тех же цветов, только в обратном направлении. Мы нарисовали разделитель для ссылок
Смените режим смешивания для его слоя на Soft Light
Скопируйте слой столько раз, сколько Вам нужно разделителей
Создайте новый слой и выделите прямоугольную область между разделителями. Залейте ее зеленым цветом
Теперь нарисуйте такой же прямоугольник другого цвета в соседнем пространстве
И третий
И четвертый
Создайте новый слой, выделите прямоугольную область внизу нашего хедера и залейте ее цветом, подходящим к фону (я выбрал #03346c)
Создайте новый слой и выберите инструмент Pencil. В качестве цвета выберите светлый подходящий к другим цвет (я выбрал #7dbfff). Нарисуйте линию высотой в один пиксель поверх только что созданного прямоугольника.
Скопируйте этот слой и переместите копию наверх, прямо сверху цветных прямоугольничков
Напишите слева свой текст
По желанию добавьте еще текста
Теперь снабдите текстом навигационные кнопки
Осталось только добавить сопроводительных картинок к кнопкам
Готово! 
Источник: http://www.sigtutorials.com/tutorials/other/banner-navigation-tutorial.html
Смотрите также:
Прокомментировать урок