Создаем обалденную web 2.0 hi-tech навигационную панель для Вашего сайта
Выглядит просто потрясающе!
Приблизительное время выполнения: 10 минут
Создайте новый документ 600х150 пикселей с черным фоном. Инструментом Rounded Rectangle на новом слое нарисуйте черный скругленный прямоугольник и добавьте к нему следующие стили:
У Вас должно получиться что-то вроде этого:
Теперь создайте новый слой над уже существующим и инструментом Pen нарисуйте подобный контур:
Кликните по контуру правой кнопкой и выберите Make a selection. Заполните его белым цветом.
Кликните по иконке слоя с прямоугольником с зажатой клавишей CTRL, чтобы выделить его содержимое. Далее Select > Inverse и клавишу DELETE, чтобы обрезать все лишнее:
Понизьте непрозрачность данного слоя до 65%. После этого примените Gradient Overlay
Должно получиться что-то похожее на это:
Нанесите текст
Теперь создайте текстовый слой, где напечатайте символы «тире» ( — - -). Далее Edit > Transform > Rotate 90CW, чтобы развернуть их в вертикальное положение
Теперь нарисуйте небольшие белые квадратики над текстом
Добавьте в них цифры
Теперь напечатайте символ «¬» (найдите его в таблице символов или скопируйте прямо отсюда) и поместите его справа вверху над текстом.
Готово! 
Источник: Techy Navigation Bar
Смотрите также:
Это было бы неплохо сделать, но на первый взгляд, все достаточно сложно. А почему Вы не переводите пункты меню на русский? у меня фотошоп русифицированый
Январь 16th, 2008
когда на сайт повешу, отпишусь, посмотрите
Январь 16th, 2008
1) перед использованием PEN
- контрл + клик по прямоугольнику
- новый слой
- на новом — градиент «белый-прозрачный» (белый вверху)
ну а дальше по написанному
- Пеном волна, выделение, инверт выделения — дэлл — готово!
далее добавляем текст и прочие чудеса фантазии.
Январь 16th, 2008
когда на сайт повешу, отпишусь, посмотрите
Кстати, на счет заливки на сайт
на каком то сайте насмотрел как резать фотошопом… по напрявляющим! блин, как я тогда головой ап стол бился 
все вот эти кнопки: компани; сервис; хостинг; портфолио
их ещё нужно аккуратно разрезать дабы повставлять ссылки на соответсвующие страницы
Народ! Вы блин не представляете как я это делал первый раз! Прямоугольным выделением каждую часть копировал, подгонял, состыковывал и… все равно вылазили левые пикселы…
и тока потом
в ощим, не мешалоо бы такой урок вылажить — по правильной разрезки картинки для вэба !
Январь 16th, 2008
Обращаюсь к администрации сайта. Уроки с употреблением пера лучше размещать не много так как щас многие только учатся фотошопу.
P.S. Урок понравился
Январь 16th, 2008
Всем спасибо за комментарии!
Clubkiss отдельное спс за дельные советы! 
) Нумерацию добавим, а про незнание слайсов (кусочков, о которых ты говорил) — это со мной тоже было, причем точно так же, как и с тобой! 
Январь 16th, 2008
вот это хороший урок … стильно выглядит
Январь 17th, 2008
придецо погемороиться при вставке его на сайт
Январь 17th, 2008
Супер, спасибо большое, побольше таких уроков, которые помогают в модинге сайтов.
Январь 18th, 2008
Я не наю почему… Но вот при этом моменте — «Далее Select > Inverse и клавишу DELETE, чтобы обрезать все лишнее» ничего не обрезается… ((((
Январь 28th, 2008
Если все делаешь по написанному — то должно…
Обрати внимание на пункт: Кликните по контуру правой кнопкой…
У тебя справа панелька со слоями, тот слой который выделен и будет чиститься «дэлом» Вполне возможно (в какой то версии сталкивался) что после Select > Inverse перескакивает на слой «бэкграунд»
В этом уроке, должен быть выделен слой который ты создавал пунктом: «Теперь создайте новый слой над уже существующим…»
Февраль 5th, 2008
Спасибки )) Вьехал.
Февраль 5th, 2008
Улетный урок получился.., правда у меня не совсем так же получилось. Но все равно спасибо!
Февраль 6th, 2008
очень здорово
Март 4th, 2008
Извините но это пиздец.. Как можно так объяснять?? »
Создайте новый документ 600х150 пикселей с черным фоном. Инструментом Rounded Rectangle на новом слое нарисуйте черный скругленный прямоугольник и добавьте к нему следующие стили» .. Никак написать ход действий?? Там Filter-Stylezie-и т.д.. Просто немогу.. Лично я такого как у тебя не нашёл.. Подумай и сделай плиз правильно..Иначе ничего не понятно!
Март 13th, 2008
gg-g-g-g
Andrey -жжош!
ggggg… LOL
закрой Microsoft Paint и никода его больше не открывай — там такого нету!
Март 14th, 2008
Блин жалко по русски нет, у меня фотошопина русская
, принципи разобраться мона но гимор допалнительный
Май 2nd, 2008
Уважаемые авторы!Можете выложить исходник пожалуйста.Или подсказать лучший способ чертить хорошую волну пеном…Пожалуйста
Июнь 23rd, 2008
я поддеоживаю polli-почему нету функций фотошопа на русском языке????
Август 26th, 2008
а как прилепить на сайт подскажите или дайте плиз ссылку
Сентябрь 20th, 2009
а какой шрифт использован в названиях
меню?
Март 11th, 2010