Пластиковые кнопочки

2008 Август 25

Учимся создавать пластиковые кнопочки для сайтов!
Начните с создания нового документа размером 300px на 200px. Цвет фона #2e2e2e.


Выберите Rounded Rectangle Tool с следующими настройками:

И нарисуйте вот такой прямоугольник:

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


Вот что должно получиться:

Следующий шаг: выделите ваш прямоугольник Ctrl+Click на изображении слоя, выберите градиент, создайте новый слой (назовите «gradient_layer») и залейте следующими цветами ваше выделение:


Нажмите Ctrl+D для снятия выделения. Вот что должно получиться:

Теперь с помощью инструмента Move Tool (V) и сместите слой «gradient_layer» как показано на изображении ниже:

Выберите «gradient_layer» и удалите все лишнее что выходит за пределы кнопочки:


Кнопочка готова. Продублируйте ее, и перейдите в настройки Gradient Overlay:

Вот такие кнопочки должны получиться:

Далее добавьте текста и получите прекрасное меню:

Комментариев нет

Оставить комментарий | comments rss [?]

Пишите ↓