Создание кнопок для веб-сайта всегда интересовало веб-мастеров, так как грамотное оформление сайта привлекает взор посетителей и читаемость блога. В данном посте я расскажу как можно создать самый примитивный дизайн кнопок с хорошей читаемостью и привлекательным стилем плана аля Windows Vista.

И так, данный этап создания кнопок представляет использование программы Adobe Photoshop CS5 английской версии, смотрим на скриншоты и следуем инструкциям.

1.Создаем новый документ, 230х180 и залейте его цветом 2a2a2a.

2.Возьмите the Rounded Rectangle Tool, радиус 5 пикселей, цвет чёрный, и нарисуйте так:

3.Дальше идём Layer > Layer Style> Blending Options и настраиваем так:

Цвета градиента от 148791 до 000f1b.

4.Теперь когда мы создали форму кнопки, сделайте на ней эффект стекла, возьмите rectangular_marquee.gif и сделайте такое выделение:

5.Создайте новый слой.
6.Теперь держите нажатыми Ctrl + Shift + Alt, и щёлкните указателем на активный слой, затем Select > Modify > Contract значение 1 пиксель.

7. Установите цвет переднего плана — белый и покрасьте выделение, используя paint_bucket.gif, получите это:

9. В конце добавьте свой текст и получите результат:

Вот пожалуй и все.

На главную