Главная Уроки PS Плагины Учебники Иконки и смайлы Красивые сайты
Форум Кисти Шрифты Статьи Украшение ПК Веб-дизайн
Стили Flash Макросы PSD

Текстуры

Союз мастеров Фотошоп (соц.сеть)
Урок Illustrator Градиенты Векторы Клипарты

Элементы дизайна

Логин:   Пароль: 


All For Photoshop - Всё для Фотошопа. Кисточки,градиенты,PSD,шрифты,уроки,учебники,макросы,иконки,стили,текстуры,PS,Фотошоп,Photoshop,форум » Уроки » Web 2.0 навигация за 5 минут
   
   

 

 

  Web 2.0 навигация за 5 минут
В разделе: Уроки
Размещена: 8 марта 2008
Приблизительное время выполнения: 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

 (голосов: 1)
 
Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь. Мы рекомендуем Вам зарегистрироваться либо зайти на сайт под своим именем.

Другие новости по теме:

  • Яркая кнопка
  • Волшебная иконка
  • Кнопка в интересном стиле Windows Vista
  • Рисуем красивую веб 2.0 стрелку для Вашего сайта
  • Отражение - урок Фотошоп

  • Запостил: admin, Комментов: 3, Просмотров: 788 Напечатать

    Информация
    Посетители, находящиеся в группе Гости, не могут оставлять комментарии в данной новости.



    Друзья

    Мир Развлечений на AltFast .Ru

    По вопросам обмена ссылками писать в ПМ



     
    ***
     

     
     
    Оцените работу движка

    Лучший из новостных
    Неплохой движок
    Устраивает ... но ...
    Встречал и получше
    Совсем не понравился