Ok, antes de empezar ... en la mayoría de los sitios las "medidas oficiales" de los botones son las siguientes:

* 88 x 31

* 100 x 35

Pero ya sabes que puedes hacerlos del tamaño que quieras, pero siempre es recomendable que tengas al menos un
par en estas medidas en tu web ... Comenzemos

Este tutorial es para lograr esto:

     -->   

Bien, el botón lo hice con Paint Shop Pro, pero en Photoshop es casi el mismo procedimiento.

1.- Para preparar la imagen, la redimensioné, hize lo siguiente:

Imagen --> Redimensionar

Te saldrá una ventana en la que tendrás que poner los nuevos valores. Yo puse:

Lo que modifiqué fue el ancho de la imágen, no importa que el alto no te quede exacto, poco a poco, con la practica
irás aprendiendo a acomodar las imágenes.

En este caso el ancho quedó de 100 así que solo acomodé la imagen y me quedó algo así

La imágen la pegas como una capa, esto se logra así:

En lugar de pegar como siempre Ctrl + V , lo vas a hacer con Ctrl + L

o Edición-->Pegar--> Como una nueva Capa

Vas bien?

Ahora vamos a hacer el marco, crea una nueva capa. Capas--> Nueva capa de despliegue , o en tu paleta de capas hay un icono especial para crear una nueva capa.

Ahora con el bote de pintura llena la capa , simplemente das clic para que se pinte. Para este botón la pinte en #DADADA que es como gris pálido algo asi. No verás tu imagen , ahora todo se verá asi:

Ahora selecciona todo  Seleccionar--> Seleccionar todo . El borde del botón parecerá punteado. Ahora tenemos que contraer esa selección: Seleccionar--> Modificar -->Contraer

Te saldrá una ventana en la que tendrás que poner los pixeles qe quieres contraer la selección. Yo le di 1.

Verás que el cuadro punteado se hace más pequeño. Si en este momento le das con el botón del teclado Supr (Suprimir) Veras que te queda la imágen de tu botón ya rodeada por el marco que acabas de hacer. Yo le puse un doble marco asi que en lugar se Supr volví a pintar el nuevo recuadro pero esta vez de color blanco, se ve algo así:

Ahora si , para que quede como el que estoy haciendo, le das con el botón del teclado Supr (Suprimir) y te queda algo así:

Desselecciona todo Ctrl + D  o  Selección -->Quitar Selección

Ahora solo falta el texto. Para este botón pinté un rectángulo blanco pegado al marco del mismo color y simplemente  en una capa nueva le puse el texto. Las capas y el botón te deben quedar más o menos así:

Te quedará algo así:

Busca en las subpáginas diferentes efectos que puedes hacer a partir de que acentuas esta imagen.

Si tienes alguna o muchas dudas dime o muestrame como te quedó tu botón en el panel de Pregunta.

Recuerda que si en algo te ayudé sería muy lindo que pusieras mi botón en la página de créditos ^^