Легкая, замечательная навигационная веб 2.0 панель! - Школа Photoshop
Web панель Photoshop Web панель Photoshop

Легкая, замечательная навигационная веб 2.0 панель!

31.03.2008Категория урока: Веб-графика

Как такую сделать? Да очень просто!

Web панель Photoshop

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

На новом слое нарисуйте скругленный прямоугольник любого цвета (на данном этапе значения не имеет) и нужного Вам размера

Web панель Photoshop

Web панель Photoshop

Примените к слою стиль Gradient Overlay (из трех цветов: #262626, #2f2f2f, #3c3c3c)

Web панель Photoshop

Получим что-то вроде этого:

Web панель Photoshop

Займемся обрамлением. CTRL-клик на иконке слоя с прямоугольником и Select>Modify>Contract 2px

Web панель Photoshop

Теперь выделение должно стать примерно таким:

Web панель Photoshop

Залейте выделение любым цветом и снимите выделение.

В палитре слоев измените параметр Fill до 0% (находится под непрозрачностью — opacity).

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

Web панель Photoshop

Далее добавляем текст и лого по желанию

Web панель Photoshop

Готово! Web панель Photoshop

Источник: http://www.avivadirectory.com/photoshop/clean-and-dark-navigation-bar/




Смотрите также:

Понравился урок? Поделитесь им в социальных сетях:



5 комментария(-ев) к уроку “Легкая, замечательная навигационная веб 2.0 панель!”

  1. автор однозначно мОлОдЕц, только за то, что роскрывает суть работы это замечательного интрумента, не учитывая что еще показует замечательные вещи для вебдизайна :!:

    Аниматор

  2. спс пригодилось для сайта

    MoRtaL

  3. Просто и со вкусом=)

    Цоль

  4. народ а как это применить для сайта?( подскажите кто нибудь=) а лучше отправьте на майл overtake@bk.ru

    Михаил

  5. а все не надо=)) я сам разобрался=)

    Михаил

Прокомментировать урок

 


Rambler's Top100