Boton de metal y para web en todo-photoshop

BOTÓN DE METAL EN PHOTOSHOP

Lo primer que hemos hecho a sido crear un nuevo archivo  de 240x70 pixeles aproximadamente. Creamos una nueva capa y hacemos un rectangulo y lo pintamos con el degradado.

 

Después hacemos otro rectangulo mas pequeño:

Vamos a canales y creamos un canal alfa y pintamos la seleccion pequeña de blanco, despues vamos a filtros- desenfocar- desenfoque gaussiano(5 px aprox )

Presionamos CMD+L y ponemos los niveles que aparecen.

Después creamos una capa nueva y pintamos el recuadro pequeño con un degradado blanco-negro. A continuacion le damos a seleccion- modificar- contraer-2 pix; después hacemos un degradado del color que queramos.

Despues invertimos la seleccion:
 

Este es el resultado que tenemos:

La explicacion la tenemos en www.todo-photoshop.com

BOTÓN PARA WEB EN PHOTOSHOP

Empezamos creando un nuevo documento de las medidas que queramos y lo rellenamos con el color 161,161,161. Después creamos una capa nueva y en ella creamos un óvalo que pintaremos con el color 131,131,131.

Seleccionando esta ultima capa; vamos a Selección-calar-4 pixeles. Contraemos la selección y hacemos el anterior paso ( calar- 4 pixeles ). Después invertimos la selección y la llenamos con color negro. A continuación seleccionamos la capa "original" e invertimos y borramos. Después le bajamos la opacidad de la capa a un 70-80%.

Creamos una nueva capa y cargamos la selección de la capa original.Movemos la selección 10 pixeles hacia abajo con las flechas del teclado y 10 hacia la derecha e invertimos la selección, después contraemos la selección 4 pixeles y vamos a Seleccionar-Calar y le damos un valor de 2 pixeles y llenamos lo que nos queda de color blanco, para hacer el efecto de reflejo.

Ahora crearemos una nueva capa a la que le aplicaremos el filtro Interpretar- Nubes de diferencia ( cambiamos el modo de la capa a Sobre exponer el Color.

www.todo-photoshop.com

RESULTADO FINAL.