Diseño de Boton

Ver el tema anterior Ver el tema siguiente Ir abajo

Diseño de Boton

Mensaje por ArcanGel el Mar Sep 09, 2008 6:57 pm

Hola, bienvenidos a otro tutorial de ZonaPWG sobre photoshop.
Este tutorial es aplicable a cualquiera de las ultimas versiones ( 6,7,8 y 9 sino me equivoco).
En esta ocasión vamos a hacer un boton para una interface, de por ejemplo una web o un videojuego.
vamos a crear una imagen nueva ('Archivo-Nuevo...') del tamaño que quieran, yo la hice de 500x500 px aunque no vamos a utilizar todo el espacio, es para trabajar comodo.
Lo primero que vamos a hacer es un rectangulo utilizando la herramienta de selección rectangular (M) y luego rellenandola con el balde para pintar (G) , para el relleno utilicé un marron ya que voy a hacer una textura tipo madera.



Ahora vamos seleccionar un marron mas claro (#73521b) y seleccionamos el pincel (B), a este le ponemos 25% de opacidad y tamaño de 1 o 2 px. Luego pintamos el rectangulo dandole un efecto a madera. Despues agarramos un color mas oscuro (#73521b) y mejoramos el efecto a madera oscureciendo en ciertos lugares, y despues borramos el excedente que sobresale del rectangulo. Lo que vamos haciendo :



Ahora vamos a hacerle un borde o marco. Seleccionamos el pincel nuevamente y vamos a poner un rojo bien fuerte (#ff0000) y el pincel de tamaño 1 px, la opacidad igual que antes , 25%. Ahora creamos una nueva capa y empezamos a hacer formas alrededor de rectangulo.
Creamos la capa:



El borde:



Ahora vamos a aplicarle un Estilo de capa, para esto hacemos click derecho arriba de la capa "Borde" y ponemos "Opciones de fusión".
La configuración se las muestro en imagenes.
En Drop Shadow o Sombra paralela:



En Bevel and Emboss o Bisel y relieve:



En Gradient Overlay o Superposición de degradado:



Por ultimo en Stroke o Contornear:



El resultado del borde con el estilo de capa es este :



Otro motivo



Espero que les haya gustado
avatar
ArcanGel
Tallerista
Tallerista

Masculino
Cantidad de envíos : 30
Edad : 25
Fecha de inscripción : 19/08/2008

Ver perfil de usuario http://WwW.Tu-Barrio.Es.Tl

Volver arriba Ir abajo

Ver el tema anterior Ver el tema siguiente Volver arriba

- Temas similares

 
Permisos de este foro:
No puedes responder a temas en este foro.