Otra fantástica manera de crear botones web con iconos que les voy a dar para que descarguen y puedan usarlos.

Abrimos un nuevo documento de 400×600px.

Rellenamos el fondo con el color #384243.

Creamos una nueva capa.

Seleccionen ((Rounded Rectangle Tool)) con un ((radio)) de 9px. Tracen un selección con el color #405252como vemos abajo:

Dupliquen la capa (Ctrl + J) de botón.

A la capa duplicada le cambian el color de relleno a #526262 y la corren unos pixeles hacia abajo.

Dupliquen nuevamente la capa y cámbienle el color a #304040.

Coloquen esta capa entre medio de las otras dos.

Luego lo que van a hacer es mover la selección unos pixeles hacia abajo y apretar la tecla ((Suprimir)).

Separen un poco más las capas. Observen como las teníamos en la imagen de arriba y ahora vean la imagen de abajo.

Seleccionamos la capa que rellenamos con el color #304040 y con ((Rectangular Marquee Tool)) hacemos una selección al costado izquierdo del botón, luego apretamos la tecla ((suprimir)).

Creamos otra ((capa nueva)) y con ((Rounded Rectangle Tool)) hagan un pequeño rectángulo en la parte inferior derecha del botón. Luego lo rellenan con el color #304040.

Duplicamos y completamos los títulos de los botones. Utilicé la fuente “Tahoma” tamaño 12px.

Les dejo a disposición la página para descargar los íconos. Hagan clic aquí.

Una vez que coloqué los íconos correctamente mi resultado fue este.