Уроки	Плагины	Исходники	Иллюстратор	Градиенты
Учебники	Иконки	Текстуры	Векторы	Клипарты
Кисти	Шрифты	Украшение	Дизайн	Флэш
Статьи	Сайты	Стили	Красивые	Макросы
Разное	Скрапы	Открытки	Футажи	Фотокниги

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

Красивая навигация для сайта [от 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.
Для пущей красоты можно добавить иконок:

Готово!
Источник:
Alexey Koresh DrozdOff,
Специально для www.ColorWorld.org

Рисуем красивую навигацию на сайт
Выглядит очень эффектно!Приблизительное время выполнения: 10 минутЧитать полностью »Популярность:7%

Простые лощеные кнопочки
Симпатичные кнопки для Вашего сайтаПриблизительное время выполнения: 5 минутЧитать полностью »Популярность:7%

Как сделать еще один красивый шар в Photoshop
Потрясающий по красоте шар, которому можно найте массу применений!Приблизительное время выполнения: 17 минутЧитать полностью »Популярность:22%

Рисуем LCD-экран
Подойдет для дизайна Вашего сайта или других футуристических работ (кстати, такие “экранчики” применялись в скинах для winampa).Приблизительное время выполнения: 7 минутЧитать полностью »Популярность:9%

Изумительное место для вашего портфолио!
Создать потрясающий дизайн сайта для персонального портфолио легко!