[Photoshop] Botton Web "Glossy"

[Ansur]

Bueno, este tutorial está más orientado al diseño web, les voy a enseñar la forma de hacer un simple boton que les va a resultar bastante útil a la hora de hacer una página, ya sea para un menú de navegación, una barra, etc.



Primero, creamos un nuevo documento de 300x100 píxeles.

Seleccionamos la herramienta Rectangle Tool y hacemos un cuadrado de color negro con medidas a gusto.



Bien, ahora vamos a layer>layer style>blending options y le damos los siguientes valores:

Inner Shadow:


Outer Glow:


Inner Glow:


Gradient Overlay:





Stroke:



Le damos OK, y tendría que quedarnos algo así:


Eso sería todo, pero para darle un poquito más de adorno, vamos a agregarle un pattern.
Hacemos Ctrl+Click sobre el layer del cuadro y vamos a Layer>New Fill Layer>Pattern y elegimos el pattern que más le guste. Yo elegí este:




Le damos OK y ponemos el pattern en modo Soft Light.

Nos tendría que quedar algo así:


Agregamos algun texto y listo, eso es todo!




Espero que les sirva para tener una base de como hacer un botón para una página web y/o para lo que necesiten.


Recuerden visitar este thread para los que tienen PS en español

[ELFalopa]

*0* groso An

[Ansur]

*0* groso An

Muy bien!!

Un solo detalle...
estan a 90º los inner shadow?

Muy lindo falo!, te salió igual

[ELFalopa]

Muy bien!!

Un solo detalle...
estan a 90º los inner shadow?

Muy lindo falo!, te salió igual

mmmm me comi esa parte ahora lo arreglo

Edit: me quedo mejor sin los 90º con los 90º esos la letra queda re laco xD

[Ginchin]

Aqui mi resultado con un pattern distinto, y con el efecto Stroke Text en el texto

[FISH]

buen tuto, lo pongo en el indice

[Genocidio]

Lindo tuto

[Moth]

[ELFalopa]

ajajajajaja terrible para meter spam ó.ò