Создаем обалденную web 2.0 hi-tech навигационную панель для Вашего сайта » Уроки Photoshop CS2 :: Уроки фотошопа :: Уроки adobe photoshop :: Регулярные пополнения базы уроков

Важно! Создание прибыльных веб сайтов и поисковое продвижение сайтов в Москве: веб-компания StudioForYou!

Создаем обалденную web 2.0 hi-tech навигационную панель для Вашего сайта

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

Выглядит просто потрясающе!

Создаем обалденную 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, чтобы развернуть их в вертикальное положение

Теперь нарисуйте небольшие белые квадратики над текстом

Добавьте в них цифры

Теперь напечатайте символ “¬” (найдите его в таблице символов или скопируйте прямо отсюда) и поместите его справа вверху над текстом.

Создаем обалденную web 2.0 hi-tech навигационную панель для Вашего сайта

Готово! ;)

Источник: Techy Navigation Bar

Популярность: 12%

+news2.ru +ВааУ.ru +newsland.ru +СМИ2.ru +del.icio.us +bobrdobr.ru +memori.ru +RUmarkz +Mister Wong +Мое Место

Похожие уроки photoshop:


ВНИМАНИЕ! Столкнулись с трудностями при выполнении данного урока? Осталось что-то, что Вам непонятно? Забыли основы работы в Adobe Photoshop? Не расстраивайтесь! Решение всех Ваших проблем находится прямо здесь: "Начальный Курс Photoshop!" - Это Бесплатный Мультимедиа-Курс от Авторов Данного Сайта, пройдя который Вы сможете назвать себя мастером качественной работы в известнейшем графическом редакторе! Узнать о курсе подробнее, а также подписаться на него можно, перейдя на страницу курса: Начальный Курс Photoshop! Подпишитесь и пусть все завидуют тому, как легко и быстро Вы создаете шедевры в Adobe Photoshop! Ждем Вас!




21 комментария(-ев) к уроку “Создаем обалденную web 2.0 hi-tech навигационную панель для Вашего сайта”