Рисуем красивую гранжевую навигацию
17.04.2008Категория урока: Веб-графика
Быстро и легко разноображиваем сайт!
Приблизительное время выполнения: 9 минут
Создайте документ и на новом слое нарисуйте инструментом Rectangle черный прямоугольник.
Правый клик по слою и Rasterize Layer
Дважды кликните по слою, чтобы открыть меню его стилей.
Создайте свой полосатый узор (тут написано, как сделать это за 1 минуту)
Выберите инструмент Polygonal Lasso и выделите такую область:
Создайте новый слой и залейте выделение черным
Примените к этому слою стиль Gradient Overlay
Тепень добавьте такой же стикер справа, разделители, текст и вот, что должно получиться:
Готово! 
Источник: http://www.photoshop-pack.com/pspack/22/Simple_and_Clean_Menu_Bar
Смотрите также:
Блинн..И почему я раньше не знал об этом сайте… ИМХО ! этот сайт заслуживает большего пиара в рунете !!! В избранное
Апрель 17th, 2008
хороша менюха и фичи красивые
Май 3rd, 2008
Такая менюха подойдет для любого сайта в стиле Web 2.0.
Май 4th, 2008
Красотища!
Май 8th, 2008
А чего не написали, как заставить натписи нажиматься? Можно это как-то реализовать? Чтоб они нажимались, как реальные кнопки
Май 11th, 2008
так в цсс задать стиль на смену бекграунда или сдвиг при наведении и будет то что надо, это на ихнем другом блоге надо смотреть, он как раз в требуемом направлении работает
Май 11th, 2008
веселый у тебя Bloom сайт однако
Май 11th, 2008
А где найти, этот самый «ихний другой блог»? )
Сам веселюсь )
Май 11th, 2008
в блогролле весит
http://www.w3school.ru/blog/
Май 12th, 2008
Отлично! Может и гранжево, о чем мне сложно судить.
А вот бы вы еще написали, как эту красоту вставить например, в шаблон вордпресса? А то так останется не востребованной.
Май 15th, 2008
>> Отлично! Может и гранжево, о чем мне сложно судить.
А вот бы вы еще написали, как эту красоту вставить например, в шаблон вордпресса? А то так останется не востребованной. >>
+1
Май 15th, 2008
вставка в шаблон вордпресса это совсем иное направление, разве что порезку сделать в фотошопе остальное, блокнот или дреамВиевер(и аналоги), html, css.
Май 16th, 2008
дреамВиевер… как то последнее время разонравился, куча полезностей, легко и круто все менять вручную — громадные плюсы, но когда нужно по быстрому наверстать простенький дорвейчик — то не катит
сейчас сначала другими редакторами, а вот окончательную обработку дримвивером
Май 27th, 2008
кстати, кто нить дримвивер русифицировал?
Май 27th, 2008
Быстро и красиво!
Июнь 10th, 2008
А как разделители поставить???
Июнь 20th, 2009
попробуй взять ластик и размером в 1пикс(жесткой точкой без сглаживания) провести вертикальную линию с зажатым шифтом в том месте где нужно разделитель
Июнь 21st, 2009
не, ластиком будет не то, там еще и отсвет виден справа от черной полосы
Июль 3rd, 2009
Автору спасибо
Декабрь 13th, 2010