Скрипты и шаблоны для uCoz - 3aKa4Ka
Каталог файлов | Иконки групп | Видео уроки | Статьи | PSD исходники | SEO софт/программы | SEO новости
логин:
пароль:

Регистрация Забыл пароль
Скрипты для uCoz Шаблоны для uCoz
Меню сайта
Категории
Уроки Photoshop [109]
Кисти [102]
Стили [56]
Шрифты [57]
Другое [104]
Новое на форуме ↓
Новые комментарии
Кто на сайте
Онлайн всего: 1
Гостей: 1
Пользователей: 0

Сайт сегодня посетили:

Создаем красивое, легкое вертикальное меню навигации

Главная » Файлы » Все для photoshop » Скачать Уроки Photoshop » Скачать Создаем красивое, легкое вертикальное меню навигации

Быстро и легко!

Создаем красивое, легкое вертикальное меню навигации

Приблизительное время выполнения: 5 минут

Инструментом Rounded Rectangle с радиусом угла 20рх, цветом #1d97bc и настройками как на рисунке ниже, нарисуйте скругленный прямоугольник на новом слое. Затем вытащите эти 4 гайда.

clean-vertical-menu_1.jpg

Выберите инструмент Pen, зажмите CTRL и кликните рядом с границей прямоугольника. Вы увидите “путь” (path). Приблизьте левый угол, зажмите ALT и нажмите на две точки (1,2). Затем отпустите ALT и кликните по точке 3, чтобы ее стереть. Зажмите CTRL, кликните по точке 4 и не отпускайте кнопку мыши! Отпуститу CTRL (все еще держа зажатой кнопку мыши!), нажмите SHIFT и перетащите эту точку к нашим гайдам.

clean-vertical-menu_2.jpg

Повторите то же самое и с нижним правым углом.

clean-vertical-menu_3.gif

Примените к слою следующие стили

clean-vertical-menu_4.gif

Наверху напишите Menu

clean-vertical-menu_5.gif

Используя Pencil (карандаш), на новом слое нарисуйте черным цветом горизонтальную линию, а под ней такую же белую. Измените непрозрачность этого слоя до 18%, скопируйте его и подвиньте вниз. Повторите так несколько раз.

clean-vertical-menu_6.gif

Между двумя такими линиями выделите прямоугольную область и на новом слое залейте ее цветом #75c5de. Так для всех позиций меню.

clean-vertical-menu_7.gif

Напишите текст.

clean-vertical-menu_8.gif

Теперь сделаем эффект осветления для одной из позиций (чтобы пользователь понимал, на какой из страниц он находится). Выделите область кнопки, создайте новый слой и поместите его под текстовые. Используйте инструмент Gradient и залейте выделение.

clean-vertical-menu_9.gif

Создаем красивое, легкое вертикальное меню навигации

Готово! ;)

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

Просмотров: 2210 | Комментариев: 2 | Категория/раздел: Скачать Уроки PhotoshopВсе для photoshop | Опубликовал: DizeL

Скачать - Уроки Photoshop

Всего комментариев: 2
 
 

 
  0 2 ZifeRRoT 15.08.2009 23:22:35 я думаю ето скорее надо было нафрум выложить Цитировать | Редактировать | Удалить
 

3aKa4Ka.at.ua - портал веб мастеров

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
© 3aka4ka.at.ua 2008 - 2024г. Все материалы размещенные на сайте принадлежат их владельцам и предоставляются исключительно в ознакомительных целях. Администрация ответственности за содержание материала не несет и убытки не возмещает.