http://forum.rendermarket.com/tp-images/Image/submit/7_edit.gif

Привет, в этом уроке я расскажу о симпатичной пиксельной кнопочке, но она будет в популярном стиле web 2.0 или не будет, в общем решать вам. Первым делом, как и всегда, запускаем фотошоп и создаем новый документ. Чашечка ароматного кофе и можно приступать.

Инструментом Rounded reqtangle tool создаем прямоугольник – необходимых размеров. Radius ставим в 5px(в свойствах инструмента) и цвет #3584DE.
http://forum.rendermarket.com/tp-images/Image/submit/1_edit.gif

Двойной щелчок по слою и в Blending Options настраиваем "Inner Glow", "Gradient overlаy" and "Stroke".
http://forum.rendermarket.com/tp-images/Image/submit/2_edit.gif

http://forum.rendermarket.com/tp-images/Image/submit/3_edit.gif

http://forum.rendermarket.com/tp-images/Image/submit/4_edit.gif

Вот как преобразовалась кнопочка:
http://forum.rendermarket.com/tp-images/Image/submit/5_edit.gif

Создайте новый слой, масштабируйте изображение и нарисуйте линии как показано ниже:
http://forum.rendermarket.com/tp-images/Image/submit/6_edit.gif

Финиш

Вот собственно эти нехитрый преобразование дали нам отличный вариант кнопочек для использования их в дизайне.
http://forum.rendermarket.com/tp-images/Image/submit/7_edit.gif