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 » Basicos, Dibuja, Variados

Botones de navegación profesional

Publicado por Luch el Lunes, 3 Noviembre 2008Sin Comentarios

Estupendos botones para usar en un sitio web. Estan compuestos por ((Layer Styles)) y ((Shapes)).

Abrimos un nuevo documento de 250×400px con fondo blanco.

Creamos una ((New Layer)).

Ponemos el color negro como color frontal.

Seleccionamos ((Rectangle Rounded Tool)) con un ((Radius)) de 8px y dibujamos el botón.

Hacemos doble clic en la capa para entrar a ((Blending Options)).

((Drop Shadow)).

((Gradient Overlay)). Para el degrado usaremos los colores #dcdcdc y #f6f6f6.

((Stroke)).

Luego de aceptar los cambios tendremos este resultado.

Creamos una ((New Layer)).

Con ((Rounded Rectangle Tool)) y un ((Radius)) de 8px dibujamos un pequeño cuadrado que será el ícono del botón

Hacemos doble clic sobre esta capa para editar ((Blending Options)).

((Drop Shadow)).

((Gradient Overlay)). Para este degradado usaremos los colores: #d39100 y #f1ab00.

El ícono del botón nos quedará así.

Ahora con ((Shape Tool)) aplicaremos un identificativo del botón. Este botón se llamará “Contact Us” así que en la barra de opciones de ((Shape Tool)) buscamos el dibujo de una carta. Antes de aplicarlo seleccionamos el color blanco en la paleta de colores.

Como verán abajo ya coloque el título del botón (Fuente Tahoma), el Shape y agregue otro botón