Фотошоп для чайников | Уроки фотошопа
Фотошоп для чайников - портал для любителей фотошопа!
Меню сайта
Категории раздела
Обработка фото [109]
Текстовые эффекты [87]
Анимация [32]
Спецэффекты [142]
Веб-дизайн [40]
Тюнинг [9]
Фотомонтаж [62]
Кнопки [39]
Рисование [55]
Наша группа
Опрос
Уроки каких тематик вам наиболее интересны?
Всего ответов: 578
КтО ОнЛаЙн

Онлайн всего: 1
Гостей: 1
Пользователей: 0
Главная - Уроки фотошопа CS5 на русском - Веб-дизайн - Легкая, замечательная навигационная веб 2.0 панель!

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

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

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

clean-dark-navigation-1.jpg

clean-dark-navigation-2.jpg

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

clean-dark-navigation-3.jpg

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

clean-dark-navigation-4.jpg

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

clean-dark-navigation-5.jpg

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

clean-dark-navigation-6.jpg

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

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

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

clean-dark-navigation-7.jpg

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

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

Готово! ;)



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


Просмотров: 1121 | Рейтинг: 0.0/0
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Поиск по сайту
Форма входа
Популярные уроки
 
 
 
 
 
 
 
 
 
 

Хостинг от uCoz