Золотая навигация - Web-дизайн - Уроки фотошоп/ Photoshop tutorials - Каталог статей - ART4YOU

Меню

Мини-чат

Опрос

Как вам новый дизайн сайта?
Всего ответов: 62
Главная » Уроки » Уроки фотошоп/ Photoshop tutorials » Web-дизайн

Золотая навигация

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

Начнем с того, что нарисуем прямоугольную форму.
Возьмите инструмент закругленная прямоугольная форма (rounded rectangular shape tool)



Щелкните дважды по слою с новым прямоугольником и добавьте следующие стили.





Получится так:

Нарисуйте фигуру эллипса, используя инструмент elliptical shape tool. Примените к эллипсу такие же стили.

В меню layer выберите layer style > create layers.
Выберите и совместите все получившиеся слои.
Поменяйте режим смешивания слоев на "Linear Light".



Создайте еще один закругленный прямоугольник для кнопки, примените к ней те же стили.


Щелкните дважды по слою с кнопкой, чтобы добавить тень. Установите такие же значения как на рисунке:



Дублируйте этот слой несколько раз и разместите кнопки для ссылок друг под другом.

Напечатайте названия ссылок на кнопках.
К этой золотистой панели можно добавить немного красивого орнамента (это стандартные формы "leaf ornament 2")

Думаю, всем будет приятно гулять по сайту с такой шикарной навигацией.
Категория: Web-дизайн | Добавил: malish_ (25.01.2009) лицо программирование сайтов разработка
Просмотров: 795 | Рейтинг: 0.0/0
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]

Профиль

Привет: --=Гость=--

Логин:
Пароль:

.

Гость, мы рады вас видеть. Пожалуйста зарегистрируйтесь или авторизуйтесь!

Друзья сайта

Статистика


Онлайн всего: 1
Гостей: 1
Пользователей: 0