Что больше нравится?

Нужны ли Видео уроки?
 
Clipday.ru
Стильные кнопочки для навигации
(9 Голосов)
Автор: Administrator   
19.01.2010 19:03

 

Шаг 1

 

Во-первых, создаем новый документ, любого размера… Я использовал 1100x300 px. Заполним фон #e0e0e0.

 

Шаг 2

 

Создадим прямоугольник с округленными краями. Для этого воспользуйтесь инструментом Прямоугольник (U), размер примерно 150x65. Заполним его белым цветом.

 
 

Продолжим. Добавим стиль к нашему прямоугольнику (Нажмите дважды по слою, чтобы добавить стиль) :

 

 

 

 
Получаем:





Это основа нашей кнопки. Теперь вы можете дублировать этот слой, чтобы сделать столько кнопок, сколько вам надо. Я создал еще 5 кнопок.

 

 

Шаг 3

 

Теперь пришло время добавить текст.

 

В качестве шрифта я использовал "Delicious Heavy", который можно скачать здесь - http://www.josbuivenga.demon.nl/delicious.html. Вводим свой текст, используя следующие настройки:

 

 

 

Теперь, когда текст на месте, нужно добавить немного эффекта:

 

 


 

 

Выглядит неплохо, но это еще не все. Сейчас добавим подтекст, ниже главного текста.

 

Для него я использовал Arial жирный, размером 9:

  



Применяем тот же стиль, что и к главному тексту. Для этого нажмите на слое с главным текстом на правую кнопку мыши и выберете там Скопировать стиль слоя. Теперь нажмите п.к.м. на слой с подтекстом и выберете Вставить стиль слоя. - детские электромобили

 

Шаг 4

 
Как-то скучновато выглядит наша кнопочка. Чтобы это исправить добавим в нее изображение. Я использовал картинки с сайта - http://www.kombine.net/free.

 

Выберите понравившееся вам изображение и поместите его в кнопочку (Чтобы изменить размер, нажмите Ctrl+T):

 





 

 

Теперь доделываем другие кнопочки и получаем:

 


Перевод выполнен администратором сайта 
http://knph.ru ...

Источник...  

 

 

Добавить комментарий


Защитный код
Обновить