Como hacer un Boton con Photoshop

Esta es la version al español de un tutorial que nos muestra como hacer un boton o simular un boton por medio de Photoshop, una super herramienta de diseño grafico

.

Hola a todos

En este tutorial (Escrito primero por Symon en frances), voy a mostrarles como crear un bonito boton como este con Adobe Photoshop :

Pueden encontrar la version en frances de este tutorial haciendo clic aquí.

Empecemos!

1. crear un Nuevo documento de 250×250 pixeles y usemos la herramenta de elipse para crear una forma negra como esta:

2. hacemos doble clic en el thumbnail de la capa en la venana de capas para abrir las opciones de capa y hacemos las siguientes configuraciones:

Sombra Paralela:

Bisel y relieve:

Superposicion de degradado:

Usando este degradado:

Trazo:

Usando este degradado:

Tu imagen inal debe verse como esta:

3. Haz CTRL + CLIC sobre el thumbnail de la capa 1 para tener su forma como seleccion, despues ve a Seleccion : Modificar : Contraer y digita el numero 7 en la ventana emergente que aparece.

ahora crea una capa (CTRL + SHIFT + N), y rellena la seleccion con color Negro. Desactiva la selección (CTRL+ D). se debe de ver como se muestra a continuación:

4. Ahora haz doble clic en el thumbnail de la capa para que aparezcan las opciones de fusion y configuralo como se muestra a continuacion:

Sombra Interior:

Resplandor exterior:

Resplandor interior:

Bisel y relieve:

Superposición de Degradado:

Usando este degradado:

Trazo:

Usando este degradado:

Ahora se debe de ver como se muestra continuación:

5. CTRL + CLIC en el thumbnail de la capa 2 y contrae la seleccion 4 pixeles y aciva la herramienta de degradado, después selecciona el blanco como tu color de primer plano y selecciona el color de primer plano como degradado transparente. Ahora dibuja un degradado en una capa nueva como se puestra en la siguiente imagen (CTRL + SHIFT + N):

6. Crea una capa y rellenala con color blanco:

7. Usa la heramienta de marco elíptico para crear una selección como la que se muestra en la imagen y borralo. Reduce la opacidad a 40% y debes obtner algo como esto:

8. después haz CTRL­ + CLIC en el thubmnail de la capa 2 y contrae la selección 4 pixeles, crea una nueva capa y rellena la selección con blanco. Ahora usa la heramienta de marco eliptico y crea una selección como la que se muestra en la siguiente imagen y después presiona la tecla DELETE:

9. Desactiva la seleccion (CTRL + D), y reduce la opaciodad de la capa en un 20%, debes obtener algo como esto:

10. Pon una imagen entre la capa 2 y 3 y redce su opacidad en un 50% y 70%, y obtendras un resultado final parecido a este:

Estos son otros dos ejemplos de los que puedes conseguir con este tutorial: