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

Меню

Мини-чат

Опрос

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

Зашнурованная навигация

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

Возьмите инструмент - скругленный прямоугольник (rounded rectangle tool) и нарисуйте такую фигуру:



Нажмите Ctrl+T. Щелчок правой кнопкой, выбираем команду Warp. Установите параметру warp значение "Inflate"
Примените настройки как показано ниже.

Нажмите Ctrl+T. Снова выберите Warp кликнув правой кнопкой.
Выберите значение "Bulge" и примените такие настройки.



Дважды щелкните на слое с фигурой, чтобы открыть окно добавления стилей. Выполните следующие действия.





Получится вот такая дощечка.

Теперь вам нужно дублировать слой (Layer - Duplicate Layer) и масштабировать его (Ctrl + T).


Нарисуйте такую же форму, как показано на рисунке, используя инструмент Перо (pen tool). Этой полосочке добавьте обводку и небольшой объем.


По концам полосочки нарисуйте два маленьких кружка:


Слейте слои кружков и полоски вместе. Скопируйте этот слой столько раз, сколько считаете нужным и разместите эти колечки или шнуровку по периметру нашей фигуры.


Используя инструмент Текст напечатайте названия ваших ссылок.

.

Дважды щелкните по слою с текстом и добавьте внешнего свечения.


Поздравляем Вас с отличным результатом!

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

Профиль

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

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

.

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

Друзья сайта

Статистика


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