![Делаем первоклассную веб 2.0 кнопку](http://tutorials.psdschool.ru/wp-content/uploads/2007/09/badgenbutton_1.gif)
Создайте новый документ и на новом слое нарисуйте скругленный (углы 5px) прямоугольник.
![badgenbutton_2.gif](http://tutorials.psdschool.ru/wp-content/uploads/2007/09/badgenbutton_2.gif)
Теперь примените к слою эти стили:
![badgenbutton_3.gif](http://tutorials.psdschool.ru/wp-content/uploads/2007/09/badgenbutton_3.gif)
![badgenbutton_4.gif](http://tutorials.psdschool.ru/wp-content/uploads/2007/09/badgenbutton_4.gif)
![badgenbutton_5.gif](http://tutorials.psdschool.ru/wp-content/uploads/2007/09/badgenbutton_5.gif)
Добавим кнопке красоты. Есть один эффект, который почти всегда
работает отлично - диагональные линии. Я добавил белых линий на нижнюю
половину кнопки и понизил непрозрачность их слоя до 25%:
![badgenbutton_6.gif](http://tutorials.psdschool.ru/wp-content/uploads/2007/09/badgenbutton_6.gif)
Теперь перейдем к столь популярному в последнее время веб 2.0 значку. Он смотрится очень эффектно. Выберите инструмент Polygon Shape:
![badgenbutton_7.gif](http://tutorials.psdschool.ru/wp-content/uploads/2007/09/badgenbutton_7.gif)
Добавим к значку некоторых стилей:
![badgenbutton_8.gif](http://tutorials.psdschool.ru/wp-content/uploads/2007/09/badgenbutton_8.gif)
![badgenbutton_9.gif](http://tutorials.psdschool.ru/wp-content/uploads/2007/09/badgenbutton_9.gif)
![badgenbutton_10.gif](http://tutorials.psdschool.ru/wp-content/uploads/2007/09/badgenbutton_10.gif)
Пришло время расположить значок над кнопкой. Я поместил его слева. Кроме того, я добавил значку блеска. Затем я выделил его часть при помощи Elliptical Marquee с параметром Feather на 10 и нажал DELETE, чтобы добавить эффект рассеяности.
![badgenbutton_11.gif](http://tutorials.psdschool.ru/wp-content/uploads/2007/09/badgenbutton_11.gif)
Наш значок должен нести в себе какую-нибудь смысловую нагрузку. Для
реализации этой затеи добавим на него немного текстовой информации. Он
идеально подойдет для инфо о цене или скидке. Этим мы и воспользуемся.
Я выбрал шрифт Impact и добавил к нему градиента и тени:
![badgenbutton_12.gif](http://tutorials.psdschool.ru/wp-content/uploads/2007/09/badgenbutton_12.gif)
![badgenbutton_13.gif](http://tutorials.psdschool.ru/wp-content/uploads/2007/09/badgenbutton_13.gif)
Вот, что у меня получилось:
![badgenbutton_14.gif](http://tutorials.psdschool.ru/wp-content/uploads/2007/09/badgenbutton_14.gif)
Кнопку я заполнил текстом:
![Делаем первоклассную веб 2.0 кнопку](http://tutorials.psdschool.ru/wp-content/uploads/2007/09/badgenbutton_1.gif)
Готово!