Горизонтальное меню для сайта

В этом уроке мы будем рисовать верхнее горизонтальное меню для сайта. Вы можете выполнить этот урок и на его основе придумать свое собственное меню.

Создаем новый документ в фотошопе

Используя цвета #10365a и #2070bf залейте градиентом

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

Установите режим для слой Soft Ligth. Fill (заливка) уменьшите до 24%

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

Установите режим для слоя с полоской Soft Light

Сделайте ещё несколько полосок, все зависит от того сколько пунктов меню вы захотите делать

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

Сделайте также и с другими, меняйте цвета

Создайте новый слой. Выделите нижнию часть всего меню и закрасьте цветом #03346c, чтобы получилась полоска

Создайте новый слой. С помощью инструмента Pencil Tool проведите над полоской линию толщиной в 1 пиксель и цветом #7dbfff

Скопируйте слой с этой полоской и поместите наверх

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

Добавьте теперь пункты меню, напишите текстом

Для вкуса можно добавить иконки

Автор перевода – Александр (pixelbox.ru)