Blog

El blog de CaminoCreativo.com con lo ultimo y mas destacdo sobre el diseño.

Efectos

Los mejores tutoriales para Photoshop enfocado sobretodo a crear efectos especiales.

Noticias

Importantes noticias para diseñadores. Tambien algunas novedades de nuestra area.

Recursos

Todos los recursos para poder hacer de tus diseños algo completamente profesional.

Varios

No solo de Photoshop vive el diseñador. Dreamweaver, Illustrator, incluso otros recursos!

Home » Avanzados, Dibuja, Web

Botón Cristal para utilizar en Flash

Publicado por Luch el Martes, 25 Noviembre 2008Sin Comentarios

Vamos a diseñar un botón profesional para utilizar en Flash. Luego ustedes lo modificarán a su gusto en el caso de cuando la flecha del Mouse pase por encima del botón (insertar algun brillo, cambiarlo de color, etc).

Abrimos un nuevo documento de 500×400px con fondo transparente.

Empezaremos por crear un degradado de gris claro a blanco en forma vertical.

Vamos a hacer una ((nueva capa)).

Con ((Rectangular Marquee Tool)) creamos un cuadrado y lo rellenamos con el color 016cbc.

Apretamos Ctrl + Clic sobre la capa para activar la selección del cuadrado.

Ahora ((Select))-((Modify))-((Contract)) y ponemos un valor de 5px.

Vamos a hacer una ((Nueva capa)).

Sobre ella pasaremos a crear un degradado de blanco a transparente, de arriba hacia abajo.

Creamos una ((nueva capa)).

Con ((Elliptical Marquee Tool)) hacemos una circunferencia (observen la imagen de abajo) y apretando Alt + Ctrl + Shift nos quedará una selección como la que vemos en la siguiente imagen.

Luego trazamos el mismo gradiente que el anterior (blanco a transparente y de arriba hacia abajo). Si les quedó muy claro le pueden bajar la opacidad

Seleccionen ((Shape Tool)), elijan el dibujo de la carta de color, blanco ya que será un botón de “Contacto”.

Por último agregaremos el título al botón. (Tahoma, Bold, tamaño 11px).

A la capa de texto le aplicamos ((Layer))-((Layer Style))-((Blending Options)), marcamos ((Drop Shadow)).