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

Текстуры

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

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

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


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



   

 
 

 



  Классное меню для Вашего блога
В разделе: Уроки
Размещена: 10 ноября 2008

В этом уроке Photoshop у вас получится вот такое стильное меню для блога.

Давайте начнем с создания нового документа, размеры 400*200 px.
Залейте его темно-серым цветом #7d7d7d.

Теперь, используя Rounded Rectangle Tool, нарисуйте такую форму любого цвета.

Примените к форме следующие настройки:

Вот, что у нас получилось:

Теперь, выделите форму: зажмите клавишу Сtrl и кликните по окошке слоя в панеле слоев (F7):


Нарисуйте вот такой градиент как показано ниже - называется от белого к прозрачному:

Возьмите инструмент (текст) с такими настройками и напишите, например, “about me” ("обо мне") и разместите его по центру кнопки:

Дублируйте слой с кнопкой, и назовите вторую кнопку, например, “pictures” ("картинки"):


Теперь, каким-нибудь способом мы должны показать, что одна из наших кнопок находится в активном состоянии.

Выберите инструмент фигура Custom Shape Tool, возьмите фигуру 10-ти конечной звезды, и нарисуйте эту форму на кнопке:


Примените к звезде вот такие настройки:

Должно получиться вот так:

Чтобы сделать еще лучше, давайте выделим звезду (снова нажмите Ctrl+клик по окошку со слоем), создайте новый слой , и примените к звездочке такой же бело-прозрачный градиент как мы делали с кнопкой.

Звездочка будет выступать в роли индикатора активности кнопки.

Таким образом вы можете создать столько кнопок, сколько захотите!

:)

www.photoshop-master.ru

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

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

  • Глянцевая изящная кнопка
  • Водоворот из сердец - хорош для праздника Влюбленных
  • Лазурная вода - уроки Photoshop
  • Рисуем прозрачный стеклянный шарик
  • Создаем глобус

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

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




     
     
     
    ***
     

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

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