Скрипты и шаблоны для uCoz - 3aKa4Ka
Каталог файлов | Иконки групп | Видео уроки | Статьи | PSD исходники | SEO софт/программы | SEO новости
Скрипты для uCoz Шаблоны для uCoz
Меню сайта
Категории
Уроки Photoshop [109]
Кисти [102]
Стили [56]
Шрифты [57]
Другое [104]
Новое на форуме ↓
Новые комментарии
Кто на сайте
Онлайн всего: 1
Гостей: 1
Пользователей: 0

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

Рисуем симпатичную навигацию

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

Украсит любой сайт =)

Рисуем симпатичную навигацию

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

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

plastic-nav-bar_1.jpg

На новом слое на небольшом расстоянии друг от друга нарисуйте две горизонтальных однопиксельных линии. Они будут ограничивать по высоте нашу панельку. Назовите слой Lines.

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

plastic-nav-bar_2.jpg

Примените к слою стиль Fradient Overlay

plastic-nav-bar_3.gif

На новом слое нарисуйте еще один прямоугольник высотой 3 пикселя и назовите слой white glare. Откройте диалог Blending Options

plastic-nav-bar_4.gif

Примените стиль Gradient Overlay

plastic-nav-bar_6.gif

plastic-nav-bar_7.gif

plastic-nav-bar_8.jpg

Скопируйте слой white glare и переименуйте копию в black glare. Примените стиль Gradient Overlay

plastic-nav-bar_9.gif

Перетащите получившуюся полоску в нижнюю часть панели

plastic-nav-bar_10.jpg

Добавьте текст.

Теперь добавим разделители для кнопок. На новом слое нарисуйте вертикальную линию. Назовите слой black line

plastic-nav-bar_11.jpg

Примените к ней стиль Gradient Overlay от черного к прозрачному. В диалоге Blending Options установите параметр Fill Opacity на 0%

plastic-nav-bar_12.jpg

Скопируйте слой black line и переименуйте копию в white line. Подвиньте его чуть направо (на 1рх) и примените тот же градиент, что и в предыдущем шаге, только уже от белого к прозрачному. После этого скопируйте полученный слой и подвиньте его на 2рх влево.

Рисуем симпатичную навигацию

Готово! ;)

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

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

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

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