Web 2.0 навигация за 5 минут

Приблизительное время выполнения:5 минут
Web 2.0 навигация за 5 минут

Создайте новый документ 600х150 пикселей с черным фоном. Инструментом Rounded Rectangle на новом слое нарисуйте черный скругленный прямоугольник и добавьте к нему следующие стили:

Web 2.0 навигация за 5 минут

Web 2.0 навигация за 5 минут

У Вас должно получиться что-то вроде этого:

Web 2.0 навигация за 5 минут

Теперь создайте новый слой над уже существующим и инструментом Pen нарисуйте подобный контур:

Web 2.0 навигация за 5 минут

Кликните по контуру правой кнопкой и выберите Make a selection. Заполните его белым цветом.

Web 2.0 навигация за 5 минут

Кликните по иконке слоя с прямоугольником с зажатой клавишей CTRL, чтобы выделить его содержимое. Далее Select > Inverse и клавишу DELETE, чтобы обрезать все лишнее:

Web 2.0 навигация за 5 минут

Понизьте непрозрачность данного слоя до 65%. После этого примените Gradient Overlay

Web 2.0 навигация за 5 минут

Водяной знак немного подпортил картинку, но я скажу какие цвета были (4a4a49 и d5d5d5)
Должно получиться что-то похожее на это:
Web 2.0 навигация за 5 минут

Нанесите текст
Web 2.0 навигация за 5 минут

Теперь создайте текстовый слой, где напечатайте символы “тире” (- - -). Далее Edit > Transform > Rotate 90CW, чтобы развернуть их в вертикальное положение
Web 2.0 навигация за 5 минут

Теперь нарисуйте небольшие белые квадратики над текстом
Web 2.0 навигация за 5 минут

Добавьте в них цифры
Web 2.0 навигация за 5 минут

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

Готово!
Источник:Techy Navigation Bar
Создаем обалденную web 2.0 hi-tech навигационную панель для Вашего сайта Создаем обалденную web 2.0 hi-tech навигационную панель для Вашего сайта
Выглядит просто потрясающе!Приблизительное время выполнения: 10 минутЧитать полностью »Популярность:18%

Классная кнопка с отливом Классная кнопка с отливом
Узнайте, как сделать эту классную, несложную кнопку!Приблизительное время выполнения: 5 минутЧитать полностью »Популярность:9%

Яркая кнопка Яркая кнопка
Приблизительное время выполнения:6 минут

Создаем красивое лого в стиле Веб 2.0 Создаем красивое лого в стиле Веб 2.0
Всего за семь минут Вы сможете сделать первоклассное Web 2.0 лого для своего сайта!Приблизительное время выполнения: 7 минутЧитать полностью »Популярность:18%

Простые лощеные кнопочки Простые лощеные кнопочки
Симпатичные кнопки для Вашего сайтаПриблизительное время выполнения: 5 минутЧитать полностью »Популярность:7%