Создаем обалденную 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
Популярность: 13%
Похожие уроки photoshop:
- Создаем красивое лого в стиле Веб 2.0
- Классные кнопки со стеклянным блеском
- Учимся создавать дизайн различных продуктов в Photoshop
- Простые лощеные кнопочки
- Создание фонового рисунка в стиле Mac
ВНИМАНИЕ! Столкнулись с трудностями при выполнении данного урока? Осталось что-то, что Вам непонятно? Забыли основы работы в Adobe Photoshop? Не расстраивайтесь! Решение всех Ваших проблем находится прямо здесь: "!" - Это Бесплатный Мультимедиа-Курс от Данного Сайта, пройдя который Вы сможете назвать себя мастером качественной работы в известнейшем графическом редакторе! Узнать о курсе подробнее, а также подписаться на него можно, перейдя на страницу курса: Начальный Курс Photoshop! Подпишитесь и пусть все завидуют тому, как легко и быстро Вы создаете шедевры в Adobe Photoshop! Ждем Вас!
Загрузка ...
Это было бы неплохо сделать, но на первый взгляд, все достаточно сложно. А почему Вы не переводите пункты меню на русский? у меня фотошоп русифицированый
Январь 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