[Photoshop] Botton Web "Glossy"
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 http://i124.photobucket.com/albums/p.../rectangle.jpg y hacemos un cuadrado de color negro con medidas a gusto.
http://i124.photobucket.com/albums/p8/ansurdesign/1.jpg
Bien, ahora vamos a layer>layer style>blending options y le damos los siguientes valores:
Inner Shadow:
http://i124.photobucket.com/albums/p...nnershadow.jpg
Outer Glow:
http://i124.photobucket.com/albums/p...sign/outer.jpg
Inner Glow:
http://i124.photobucket.com/albums/p...sign/inner.jpg
Gradient Overlay:
http://i124.photobucket.com/albums/p.../gradient1.jpg
http://i124.photobucket.com/albums/p.../gradient2.jpg
Stroke:
http://i124.photobucket.com/albums/p...ign/stroke.jpg
Le damos OK, y tendría que quedarnos algo así:
http://i124.photobucket.com/albums/p...ign/paso2f.jpg
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:
http://i124.photobucket.com/albums/p...gn/pattern.jpg
Le damos OK y ponemos el pattern en modo Soft Light.
Nos tendría que quedar algo así:
http://i124.photobucket.com/albums/p...esign/asi2.jpg
Agregamos algun texto y listo, eso es todo!
http://i124.photobucket.com/albums/p...gn/final-1.jpg
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
Re: [Photoshop] Botton Web "Glossy"
Re: [Photoshop] Botton Web "Glossy"
Cita:
Iniciado por
ELFAlopa
Muy bien!!
Un solo detalle...
estan a 90º los inner shadow?
Muy lindo falo!, te salió igual :D
Re: [Photoshop] Botton Web "Glossy"
Cita:
Iniciado por
Ansur
Muy bien!!
Un solo detalle...
estan a 90º los inner shadow?
Muy lindo falo!, te salió igual :D
mmmm me comi esa parte ahora lo arreglo :P
Edit: me quedo mejor sin los 90º :P con los 90º esos la letra queda re laco xD
Re: [Photoshop] Botton Web "Glossy"
Aqui mi resultado con un pattern distinto, y con el efecto Stroke Text en el texto
http://imgx.gxzone.com/thumb/a/0/a0d24e1b8fc.jpg
Re: [Photoshop] Botton Web "Glossy"
buen tuto, lo pongo en el indice :D
Re: [Photoshop] Botton Web "Glossy"
Re: [Photoshop] Botton Web "Glossy"
Re: [Photoshop] Botton Web "Glossy"
Cita:
Iniciado por
poliya
ajajajajaja terrible para meter spam ó.ò :P
