Категории раздела

Спецэффекты [15]
Фотообработка [3]
Коллажирование [4]
Основы работы [2]
Уроки анимации [5]
Фишки Фотошопа [1]
Текстовые эффекты [2]
Комп. графика [2]
3D уроки [3]

Интересное в сети


Интересности

Пятница, 22.11.2024, 02:22

Главная | RSS | Сериал Культ

Все для Photoshop





Уроки для Photoshop

Главная » Статьи » Всё онлайн уроки » Комп. графика

web 2.0 hi-tech навигационная панель

Создаем обалденную 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 навигационную панель для Вашего сайта


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


Реклама