Фотошоп для чайников | Уроки фотошопа
Фотошоп для чайников - портал для любителей фотошопа!
Меню сайта
Категории раздела
Обработка фото [109]
Текстовые эффекты [87]
Анимация [32]
Спецэффекты [142]
Веб-дизайн [40]
Тюнинг [9]
Фотомонтаж [62]
Кнопки [39]
Рисование [55]
Наша группа
Опрос
Какой версией фотошопа вы пользуетесь?
Всего ответов: 648
КтО ОнЛаЙн

Онлайн всего: 1
Гостей: 1
Пользователей: 0
Главная - Уроки фотошопа CS5 на русском - Веб-дизайн - Простая горизонтальная навигационная панель

Простая горизонтальная навигационная панель

Простая горизонтальная навигационная панель

Выбираем цвет #83C7DA и создаем скругленный прямоугольник (Rounded Rectangle Tool) с радиусом в 5px так, чтобы он получился примерно таким:

simple_horizontal_menu_02.gif

Теперь к слою с только что созданной формой применяем следующие эффекты:

Drop Shadow

simple_horizontal_menu_03.gif

Inner Shadow

simple_horizontal_menu_04.gif

Gradient Overlay

simple_horizontal_menu_05.gif

Stroke

simple_horizontal_menu_06.gif

Теперь наше будущее меню выглядит примерно следующим образом:

simple_horizontal_menu_07.gif

Настало время добавлять текст ссылок. Выбирайте понравившийся шрифт и прописывайте ссылки. Я использовал Trebuchet MS regular с мягким контуром в 1px. Вот, что у меня получилось:

simple_horizontal_menu_08.gif

Теперь создайте новый слой.

Выберите инструмент “Rectangular Marquee” (клавиша M) и выделяйте небольшую прямоугольную область вокруг каждой ссылки (друг за другом):

simple_horizontal_menu_09.gif

..и заливайте эту область на новом слое белым цветом. Не забудьте установить параметр Fill в значение 0%

Теперь нам нужно добавить градиента нашему слою. Сделайте это, задав параметрам такие же значения, как и на этом рисунке:

simple_horizontal_menu_10.gif

После этого уменьшите прозрачность слоя до 50%. Теперь это должно выглядеть вот так:

simple_horizontal_menu_11.gif

Осталось сделать тоже самое с оставшимися ссылками и все ;) Вот, что получилось в итоге:

Простая горизонтальная навигационная панель



Похожие материалы:


Просмотров: 1426 | Рейтинг: 0.0/0
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Поиск по сайту
Форма входа
Популярные уроки
 
 
 
 
 
 
 
 
 
 

Хостинг от uCoz