Красивая навигация для сайта [от SigTutorials]

Этот простой в выполнении урок научит Вас создавать красивую и элегантную панелб навигации для Вашего Web-сайта.

---

Шаг 1.
Создайте новый файл с параметрами, как на рисунке:


Шаг 2.
Залейте фон вертикальным градиентом. Цвета такие: от #10365a к #2070bf. Получится фон в синих тонах.


Шаг 3.
В правой части изображения с помощью Rectangle Tool нарисуйте белый прямоугольник.


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


Шаг 5.
Создайте новый слой и выделите инструментом Line Tool полоску в один пиксель. После этого залейте полоску градиентом тех же цветов, только в обратном направлении. Это будет служить разделителем для ссылок. Смените режим смешивания этого слоя на Soft Light.


Шаг 6.
Скопируйте слой с разделителем и разместите на картинке столько раз, сколько Вам потребуется.


Шаг 7.
Теперь, с помощью Rectangle Tool сделайте нечто подобное:


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


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


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


Шаг 11.
Напишите какой-либо текст слева.


Шаг 12.
Настало время подписать каждую из наших кнопочек:


Шаг 13.
Для пущей красоты можно добавить иконок:


Готово!

Источник: SigTutorials

Alexey Koresh DrozdOff,
Специально для www.ColorWorld.org